@puckeditor/plugin-ai 0.8.0-canary.cc79aa44 → 0.8.0-canary.fed2989a

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 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
- ._Chat_1uttr_1 {
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
- ._Chat_1uttr_1 {
1544
+ ._Chat_s0sv0_1 {
1545
1545
  max-height: none;
1546
1546
  }
1547
1547
  }
1548
- ._Chat-inner_1uttr_17 {
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--hasMessages_1uttr_25 ._Chat-inner_1uttr_17 {
1555
+ ._Chat--hasMessages_s0sv0_25 ._Chat-inner_s0sv0_17 {
1556
1556
  padding-top: 0;
1557
1557
  }
1558
- ._Chat_1uttr_1:not(._Chat--hasChildren_1uttr_29) ._Chat-inner_1uttr_17 {
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--hasMessages_1uttr_25 ._Chat-messages_1uttr_34 {
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
- padding: 16px;
1569
+ gap: 16px;
1566
1570
  overflow: auto;
1567
1571
  }
1568
- ._Chat-form_1uttr_41 {
1572
+ ._Chat-form_s0sv0_46 {
1569
1573
  background-color: white;
1570
1574
  padding: 16px;
1571
1575
  }
1572
- ._Chat--hideInput_1uttr_46 ._Chat-form_1uttr_41 {
1576
+ ._Chat--hideInput_s0sv0_51 ._Chat-form_s0sv0_46 {
1573
1577
  display: none;
1574
1578
  }
1575
- ._Chat--hasMessages_1uttr_25 ._Chat-form_1uttr_41 {
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-form_1uttr_41 {
1583
+ ._Chat-form_s0sv0_46 {
1580
1584
  border-top: 1px solid var(--puck-color-grey-09);
1581
1585
  }
1582
1586
  }
1583
- ._Chat-formHelper_1uttr_60 {
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--hasMessages_1uttr_25 ._Chat-formHelper_1uttr_60 {
1596
+ ._Chat--hasMessages_s0sv0_25 ._Chat-formHelper_s0sv0_65 {
1593
1597
  opacity: 0;
1594
1598
  transition: opacity 250ms ease-in;
1595
1599
  }
1596
- ._Chat-examplePrompts_1uttr_75 {
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-examplePrompt_1uttr_75 {
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-examplePrompt_1uttr_75:hover {
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-examplePromptArrow_1uttr_105 {
1627
+ ._Chat-examplePromptArrow_s0sv0_110 {
1624
1628
  display: flex;
1625
1629
  margin-left: auto;
1626
1630
  }
1627
- ._Chat-default_1uttr_110 {
1631
+ ._Chat-default_s0sv0_115 {
1628
1632
  overflow-y: auto;
1629
1633
  flex-grow: 1;
1630
1634
  }
1631
- ._Chat--hasMessages_1uttr_25 ._Chat-default_1uttr_110 {
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--hasMessages_1uttr_25 {
1641
+ ._Chat--hasMessages_s0sv0_25 {
1638
1642
  background-color: white;
1639
1643
  transition: background-color 250ms ease-in;
1640
1644
  }
1641
- ._ChatMessage_1uttr_127 {
1642
- font-size: var(--puck-font-size-xs);
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--userRole_1uttr_133 ._ChatMessage-userBubble_1uttr_133 {
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-userAttachments_1uttr_146 {
1663
+ ._ChatMessage-userAttachments_s0sv0_152 {
1659
1664
  display: flex;
1660
1665
  flex-wrap: wrap;
1661
1666
  gap: 6px;
1662
1667
  }
1663
- ._ChatMessage-thumbnail_1uttr_152 {
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-thumbnail_1uttr_152:hover {
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-thumbnail_1uttr_152 img {
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-thumbnailLabel_1uttr_182 {
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
- ._ChatMessage_1uttr_127 ul,
1710
- ._ChatMessage_1uttr_127 ol {
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
- ._ChatMessage_1uttr_127 li {
1722
+ ._ChatMessage_s0sv0_132 li {
1718
1723
  margin-bottom: 8px;
1719
1724
  margin-top: 8px;
1720
1725
  padding-left: 8px;
1721
1726
  }
1722
- ._ChatMessage_1uttr_127 h1,
1723
- ._ChatMessage_1uttr_127 h2,
1724
- ._ChatMessage_1uttr_127 h3,
1725
- ._ChatMessage_1uttr_127 h4,
1726
- ._ChatMessage_1uttr_127 h5,
1727
- ._ChatMessage_1uttr_127 h6 {
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
- ._ChatMessage_1uttr_127 h1 {
1735
+ ._ChatMessage_s0sv0_132 h1 {
1731
1736
  font-size: var(--puck-font-l);
1732
1737
  }
1733
- ._ChatMessage_1uttr_127 h2 {
1738
+ ._ChatMessage_s0sv0_132 h2 {
1734
1739
  font-size: var(--puck-font-m);
1735
1740
  }
1736
- ._ChatMessage_1uttr_127 h3 {
1741
+ ._ChatMessage_s0sv0_132 h3 {
1737
1742
  font-size: var(--puck-font-m);
1738
1743
  }
1739
- ._ChatMessage_1uttr_127 h4 {
1744
+ ._ChatMessage_s0sv0_132 h4 {
1740
1745
  font-size: var(--puck-font-s);
1741
1746
  }
1742
- ._ChatMessage_1uttr_127 h5 {
1747
+ ._ChatMessage_s0sv0_132 h5 {
1743
1748
  font-size: var(--puck-font-xs);
1744
1749
  }
1745
- ._ChatMessage_1uttr_127 h6 {
1750
+ ._ChatMessage_s0sv0_132 h6 {
1746
1751
  font-size: var(--puck-font-xm);
1747
1752
  }
1748
- ._ChatMessage_1uttr_127 p {
1753
+ ._ChatMessage_s0sv0_132 p {
1749
1754
  margin-bottom: 8px;
1750
1755
  margin-top: 8px;
1751
1756
  }
1752
- ._ChatMessage--userRole_1uttr_133 ._ChatMessage-text_1uttr_255 > *:first-of-type {
1757
+ ._ChatMessage-text_s0sv0_261 > *:first-of-type {
1753
1758
  margin-top: 0px;
1754
1759
  }
1755
- ._ChatMessage--userRole_1uttr_133 ._ChatMessage-text_1uttr_255 > *:last-of-type {
1760
+ ._ChatMessage-text_s0sv0_261 > *:last-of-type {
1756
1761
  margin-bottom: 0px;
1757
1762
  }
1758
- ._ChatMessage_1uttr_127 a {
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
- ._ChatMessage_1uttr_127 a:hover {
1768
+ ._ChatMessage_s0sv0_132 a:hover {
1764
1769
  color: var(--puck-color-azure-05);
1765
1770
  }
1766
- ._ChatMessage_1uttr_127 hr {
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
- ._ChatMessage_1uttr_127 blockquote {
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-data_1uttr_290 {
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-dataInner_1uttr_301 {
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-dataIcon_1uttr_307 {
1818
+ ._ChatMessage-eventIcon_s0sv0_339 {
1797
1819
  display: flex;
1798
1820
  }
1799
- ._ChatMessage-attachmentImage_1uttr_311 {
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-attachmentImage_1uttr_311 a {
1838
+ ._ChatMessage-attachmentImage_s0sv0_357 a {
1805
1839
  display: inline-block;
1806
1840
  }
1807
- ._ChatMessage-attachmentImage_1uttr_311 img {
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-attachmentFile_1uttr_328 {
1847
+ ._ChatMessage-attachmentFile_s0sv0_374 {
1814
1848
  margin-bottom: 12px;
1815
1849
  margin-top: 12px;
1816
1850
  margin-right: 24px;
1817
1851
  }
1818
- ._ChatMessage-attachmentFile_1uttr_328 a {
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-attachmentFile_1uttr_328 a:hover {
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-loader_1uttr_351 {
1834
- padding: 16px;
1835
- padding-top: 0;
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-error_1uttr_356 {
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-errorLabel_1uttr_365 {
1887
+ ._Chat-errorLabel_s0sv0_420 {
1846
1888
  color: var(--puck-color-red-04);
1847
1889
  }
1848
- ._Chat-errorAction_1uttr_369 {
1890
+ ._Chat-errorAction_s0sv0_424 {
1849
1891
  margin-left: auto;
1850
1892
  }
1851
- ._Chat-userError_1uttr_373 {
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-userErrorDismiss_1uttr_383 {
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-userErrorDismiss_1uttr_383:hover {
1909
+ ._Chat-userErrorDismiss_s0sv0_438:hover {
1868
1910
  opacity: 1;
1869
1911
  }
1870
- ._Chat-userErrorDismiss_1uttr_383:focus-visible {
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
- ._PromptForm_139qj_1 {
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-dropOverlay_139qj_9 {
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-inner_139qj_27 {
1943
+ ._PromptForm-inner_1iqhg_27 {
1902
1944
  border-radius: var(--radius);
1903
1945
  padding: 1px;
1904
1946
  position: relative;
1905
1947
  }
1906
- ._PromptForm--dark_139qj_33 {
1948
+ ._PromptForm--dark_1iqhg_33 {
1907
1949
  background-color: var(--puck-color-grey-02);
1908
1950
  box-shadow: none;
1909
1951
  }
1910
- ._PromptForm--glow_139qj_38 ._PromptForm-glow_139qj_38 {
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--glow_139qj_38 ._PromptForm-glow_139qj_38::after {
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: _loop_139qj_1 9s infinite linear;
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--dark_139qj_33._PromptForm--glow_139qj_38 ._PromptForm-glow_139qj_38::after {
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 _loop_139qj_1 {
1984
+ @keyframes _loop_1iqhg_1 {
1943
1985
  to {
1944
1986
  offset-distance: 100%;
1945
1987
  }
1946
1988
  }
1947
- ._PromptForm-formInner_139qj_79 {
1989
+ ._PromptForm-formInner_1iqhg_79 {
1948
1990
  background-color: white;
1949
1991
  border-radius: 8px;
1950
1992
  position: relative;
1951
1993
  }
1952
- ._PromptForm-input_139qj_85 {
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-input_139qj_85:focus {
2011
+ ._PromptForm-input_1iqhg_85:focus {
1970
2012
  outline: none;
1971
2013
  }
1972
- ._PromptForm-formInner_139qj_79:has(._PromptForm-input_139qj_85:focus) {
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--dark_139qj_33 ._PromptForm-input_139qj_85 {
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--disabled_139qj_116 ._PromptForm-input_139qj_85 {
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-helper_139qj_121 {
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-actions_139qj_131 {
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-actionsLeft_139qj_142 {
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-actionsRight_139qj_151 {
2052
+ ._PromptForm-actionsRight_1iqhg_151 {
2011
2053
  cursor: auto;
2012
2054
  margin-left: auto;
2013
2055
  }
2014
- ._PromptForm-actionSubmit_139qj_156 {
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--userCta_139qj_170 ._PromptForm-actionSubmit_139qj_156 {
2071
+ ._PromptForm--userCta_1iqhg_172 ._PromptForm-actionSubmit_1iqhg_156 {
2028
2072
  padding: 8px 12px;
2029
2073
  }
2030
- ._PromptForm-actionSubmit_139qj_156:hover {
2074
+ ._PromptForm-actionSubmit_1iqhg_156:hover {
2031
2075
  background: var(--puck-color-azure-05);
2032
2076
  }
2033
- ._PromptForm-actionSubmit_139qj_156:focus {
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--isDisabled_139qj_183 ._PromptForm-actionSubmit_139qj_156 {
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--isLoading_139qj_188 ._PromptForm-actionSubmit_139qj_156 {
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-attachments_139qj_193 {
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-attachmentChip_139qj_201 {
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-attachmentChipUploading_139qj_216 {
2110
+ ._PromptForm-attachmentChipUploading_1iqhg_218 {
2067
2111
  color: var(--puck-color-grey-05);
2068
2112
  }
2069
- ._PromptForm-attachmentChipFailed_139qj_220 {
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-attachmentError_139qj_225 {
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-attachmentSpinner_139qj_230 {
2078
- animation: _PromptForm-attachmentSpin_139qj_230 1s linear infinite;
2121
+ ._PromptForm-attachmentSpinner_1iqhg_232 {
2122
+ animation: _PromptForm-attachmentSpin_1iqhg_232 1s linear infinite;
2079
2123
  }
2080
- ._PromptForm-attachmentRemove_139qj_234 {
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-attachmentRemove_139qj_234:focus-visible {
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-attachmentSpin_139qj_230 {
2138
+ @keyframes _PromptForm-attachmentSpin_1iqhg_232 {
2095
2139
  to {
2096
2140
  transform: rotate(360deg);
2097
2141
  }