@superinterface/react 2.19.1 → 2.19.3

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 (7) hide show
  1. package/dist/index.cjs +327 -269
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +12 -0
  4. package/dist/index.d.ts +12 -0
  5. package/dist/index.js +268 -210
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -566,7 +566,7 @@ var SuperinterfaceProvider = function(param) {
566
566
  });
567
567
  };
568
568
  // src/components/threads/Thread/Messages/index.tsx
569
- var import_themes32 = require("@radix-ui/themes");
569
+ var import_themes33 = require("@radix-ui/themes");
570
570
  // src/components/threads/Thread/Messages/Content/index.tsx
571
571
  var import_react26 = require("react");
572
572
  // src/hooks/messages/useMessages/index.tsx
@@ -880,7 +880,7 @@ var useToasts = function() {
880
880
  };
881
881
  // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
882
882
  var import_react25 = require("react");
883
- var import_themes29 = require("@radix-ui/themes");
883
+ var import_themes30 = require("@radix-ui/themes");
884
884
  // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
885
885
  var import_react11 = require("react");
886
886
  var import_themes5 = require("@radix-ui/themes");
@@ -939,11 +939,11 @@ var UserAvatar = function() {
939
939
  });
940
940
  };
941
941
  // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
942
- var import_themes28 = require("@radix-ui/themes");
942
+ var import_themes29 = require("@radix-ui/themes");
943
943
  // src/components/threads/Thread/Message/index.tsx
944
944
  var import_react24 = require("react");
945
945
  var import_radash4 = require("radash");
946
- var import_themes27 = require("@radix-ui/themes");
946
+ var import_themes28 = require("@radix-ui/themes");
947
947
  // src/components/skeletons/StartingContentSkeleton/index.tsx
948
948
  var import_themes8 = require("@radix-ui/themes");
949
949
  var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -1327,6 +1327,8 @@ var import_react_markdown = __toESM(require("react-markdown"), 1);
1327
1327
  var import_react23 = require("react");
1328
1328
  // src/contexts/markdown/MarkdownContext/index.ts
1329
1329
  var import_react22 = require("react");
1330
+ // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
1331
+ var import_themes26 = require("@radix-ui/themes");
1330
1332
  // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
1331
1333
  var import_themes16 = require("@radix-ui/themes");
1332
1334
  var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -1492,6 +1494,7 @@ var Annotation = function(param) {
1492
1494
  return null;
1493
1495
  };
1494
1496
  // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
1497
+ var import_jsx_runtime36 = require("react/jsx-runtime");
1495
1498
  var components = {
1496
1499
  p: Paragraph,
1497
1500
  a: Link,
@@ -1502,7 +1505,48 @@ var components = {
1502
1505
  pre: Pre,
1503
1506
  code: Code2,
1504
1507
  img: Img,
1505
- annotation: Annotation
1508
+ annotation: Annotation,
1509
+ h1: function(props) {
1510
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes26.Heading, {
1511
+ as: "h1",
1512
+ children: props.children
1513
+ });
1514
+ },
1515
+ h2: function(props) {
1516
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes26.Heading, {
1517
+ as: "h2",
1518
+ size: "5",
1519
+ children: props.children
1520
+ });
1521
+ },
1522
+ h3: function(props) {
1523
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes26.Heading, {
1524
+ as: "h3",
1525
+ size: "4",
1526
+ children: props.children
1527
+ });
1528
+ },
1529
+ h4: function(props) {
1530
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes26.Heading, {
1531
+ as: "h4",
1532
+ size: "3",
1533
+ children: props.children
1534
+ });
1535
+ },
1536
+ h5: function(props) {
1537
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes26.Heading, {
1538
+ as: "h5",
1539
+ size: "3",
1540
+ children: props.children
1541
+ });
1542
+ },
1543
+ h6: function(props) {
1544
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes26.Heading, {
1545
+ as: "h6",
1546
+ size: "3",
1547
+ children: props.children
1548
+ });
1549
+ }
1506
1550
  };
1507
1551
  // src/lib/remark/remarkAnnotation.ts
1508
1552
  var import_radash3 = require("radash");
@@ -1637,13 +1681,13 @@ var useMarkdownContext = function() {
1637
1681
  return (0, import_react23.useContext)(MarkdownContext);
1638
1682
  };
1639
1683
  // src/components/threads/Thread/Message/TextContent.tsx
1640
- var import_jsx_runtime36 = require("react/jsx-runtime");
1684
+ var import_jsx_runtime37 = require("react/jsx-runtime");
1641
1685
  var TextContent = function(param) {
1642
1686
  var content = param.content;
1643
1687
  var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
1644
1688
  "getRemarkPlugins"
1645
1689
  ]);
1646
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
1690
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
1647
1691
  remarkPlugins: getRemarkPlugins2({
1648
1692
  content: content
1649
1693
  }),
@@ -1651,21 +1695,21 @@ var TextContent = function(param) {
1651
1695
  }));
1652
1696
  };
1653
1697
  // src/components/threads/Thread/Message/Attachments/index.tsx
1654
- var import_themes26 = require("@radix-ui/themes");
1698
+ var import_themes27 = require("@radix-ui/themes");
1655
1699
  var import_react_icons6 = require("@radix-ui/react-icons");
1656
- var import_jsx_runtime37 = require("react/jsx-runtime");
1700
+ var import_jsx_runtime38 = require("react/jsx-runtime");
1657
1701
  var Attachments = function(param) {
1658
1702
  var message = param.message;
1659
1703
  var _message_attachments;
1660
1704
  if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
1661
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes26.Flex, {
1705
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes27.Flex, {
1662
1706
  align: "start",
1663
1707
  pb: "1",
1664
- children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes26.Badge, {
1708
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes27.Badge, {
1665
1709
  color: "gray",
1666
1710
  variant: "surface",
1667
1711
  children: [
1668
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons6.FileIcon, {}),
1712
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_icons6.FileIcon, {}),
1669
1713
  message.attachments.length,
1670
1714
  " file",
1671
1715
  message.attachments.length > 1 ? "s" : ""
@@ -1674,7 +1718,7 @@ var Attachments = function(param) {
1674
1718
  });
1675
1719
  };
1676
1720
  // src/components/threads/Thread/Message/index.tsx
1677
- var import_jsx_runtime38 = require("react/jsx-runtime");
1721
+ var import_jsx_runtime39 = require("react/jsx-runtime");
1678
1722
  var Message = function(param) {
1679
1723
  var message = param.message;
1680
1724
  var _ref = _sliced_to_array((0, import_react24.useMemo)(function() {
@@ -1719,68 +1763,68 @@ var Message = function(param) {
1719
1763
  }, [
1720
1764
  message
1721
1765
  ]);
1722
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Provider, {
1766
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Provider, {
1723
1767
  value: {
1724
1768
  message: message
1725
1769
  },
1726
- children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes27.Box, {
1770
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_themes28.Box, {
1727
1771
  children: [
1728
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RunSteps, {
1772
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RunSteps, {
1729
1773
  runSteps: olderRunSteps
1730
1774
  }),
1731
- /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes27.Box, {
1775
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_themes28.Box, {
1732
1776
  children: [
1733
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Attachments, {
1777
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Attachments, {
1734
1778
  message: message
1735
1779
  }),
1736
1780
  message.content.map(function(content, index) {
1737
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react24.Fragment, {
1738
- children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextContent, {
1781
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react24.Fragment, {
1782
+ children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextContent, {
1739
1783
  content: content
1740
1784
  })
1741
1785
  }, index);
1742
1786
  }),
1743
- isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
1787
+ isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StartingContentSkeleton, {})
1744
1788
  ]
1745
1789
  }),
1746
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RunSteps, {
1790
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RunSteps, {
1747
1791
  runSteps: laterRunSteps
1748
1792
  }),
1749
- isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes27.Box, {
1750
- children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
1793
+ isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes28.Box, {
1794
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StartingContentSkeleton, {})
1751
1795
  })
1752
1796
  ]
1753
1797
  })
1754
1798
  });
1755
1799
  };
1756
1800
  // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
1757
- var import_jsx_runtime39 = require("react/jsx-runtime");
1801
+ var import_jsx_runtime40 = require("react/jsx-runtime");
1758
1802
  var Content2 = function(param) {
1759
1803
  var messageGroup = param.messageGroup;
1760
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes28.Flex, {
1804
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Flex, {
1761
1805
  direction: "column-reverse",
1762
1806
  children: messageGroup.messages.map(function(message) {
1763
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, {
1807
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, {
1764
1808
  message: message
1765
1809
  }, message.id);
1766
1810
  })
1767
1811
  });
1768
1812
  };
1769
1813
  // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
1770
- var import_jsx_runtime40 = require("react/jsx-runtime");
1814
+ var import_jsx_runtime41 = require("react/jsx-runtime");
1771
1815
  var MessageGroup = function(param) {
1772
1816
  var messageGroup = param.messageGroup;
1773
1817
  var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
1774
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(MessageGroupBase, {
1818
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(MessageGroupBase, {
1775
1819
  children: [
1776
- messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantAvatar, {}),
1777
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Box, {
1820
+ messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AssistantAvatar, {}),
1821
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes30.Box, {
1778
1822
  flexGrow: "1",
1779
1823
  children: [
1780
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Name, {
1824
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Name, {
1781
1825
  children: messageGroup.role === "user" ? "You" : assistantNameContext
1782
1826
  }),
1783
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Content2, {
1827
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Content2, {
1784
1828
  messageGroup: messageGroup
1785
1829
  })
1786
1830
  ]
@@ -1789,7 +1833,7 @@ var MessageGroup = function(param) {
1789
1833
  });
1790
1834
  };
1791
1835
  // src/components/threads/Thread/Messages/Content/index.tsx
1792
- var import_jsx_runtime41 = require("react/jsx-runtime");
1836
+ var import_jsx_runtime42 = require("react/jsx-runtime");
1793
1837
  var Content3 = function() {
1794
1838
  var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
1795
1839
  var addToast = useToasts().addToast;
@@ -1808,11 +1852,11 @@ var Content3 = function() {
1808
1852
  addToast
1809
1853
  ]);
1810
1854
  if (isLoading || isLoadingError) {
1811
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MessagesSkeleton, {});
1855
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MessagesSkeleton, {});
1812
1856
  }
1813
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {
1857
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, {
1814
1858
  children: messageGroups2.map(function(messageGroup) {
1815
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MessageGroup, {
1859
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MessageGroup, {
1816
1860
  messageGroup: messageGroup
1817
1861
  }, messageGroup.id);
1818
1862
  })
@@ -1822,21 +1866,21 @@ var Content3 = function() {
1822
1866
  var import_react29 = require("react");
1823
1867
  // src/components/skeletons/StartingSkeleton/index.tsx
1824
1868
  var import_react27 = require("react");
1825
- var import_themes30 = require("@radix-ui/themes");
1826
- var import_jsx_runtime42 = require("react/jsx-runtime");
1869
+ var import_themes31 = require("@radix-ui/themes");
1870
+ var import_jsx_runtime43 = require("react/jsx-runtime");
1827
1871
  var StartingSkeleton = function(param) {
1828
1872
  var children = param.children;
1829
1873
  var assistantNameContext = (0, import_react27.useContext)(AssistantNameContext);
1830
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(MessageGroupBase, {
1874
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(MessageGroupBase, {
1831
1875
  children: [
1832
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AssistantAvatar, {}),
1833
- /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes30.Box, {
1876
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AssistantAvatar, {}),
1877
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes31.Box, {
1834
1878
  children: [
1835
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Name, {
1879
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Name, {
1836
1880
  children: assistantNameContext
1837
1881
  }),
1838
1882
  children,
1839
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StartingContentSkeleton, {})
1883
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StartingContentSkeleton, {})
1840
1884
  ]
1841
1885
  })
1842
1886
  ]
@@ -1861,7 +1905,7 @@ var isOptimistic = function(param) {
1861
1905
  return import_lodash4.default.startsWith(id, "-");
1862
1906
  };
1863
1907
  // src/components/threads/Thread/Messages/Progress/index.tsx
1864
- var import_jsx_runtime43 = require("react/jsx-runtime");
1908
+ var import_jsx_runtime44 = require("react/jsx-runtime");
1865
1909
  var Progress = function() {
1866
1910
  var latestMessage = useLatestMessage().latestMessage;
1867
1911
  var isMutatingMessage = useIsMutatingMessage();
@@ -1879,10 +1923,10 @@ var Progress = function() {
1879
1923
  isMutatingMessage
1880
1924
  ]);
1881
1925
  if (!isVisible) return null;
1882
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StartingSkeleton, {});
1926
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StartingSkeleton, {});
1883
1927
  };
1884
1928
  // src/components/threads/Thread/Messages/Root/index.tsx
1885
- var import_themes31 = require("@radix-ui/themes");
1929
+ var import_themes32 = require("@radix-ui/themes");
1886
1930
  // src/hooks/misc/useInfiniteScroll/index.tsx
1887
1931
  var import_react31 = require("react");
1888
1932
  var import_react_intersection_observer = require("react-intersection-observer");
@@ -1937,7 +1981,7 @@ var useInfiniteScroll = function(param) {
1937
1981
  };
1938
1982
  };
1939
1983
  // src/components/threads/Thread/Messages/Root/index.tsx
1940
- var import_jsx_runtime44 = require("react/jsx-runtime");
1984
+ var import_jsx_runtime45 = require("react/jsx-runtime");
1941
1985
  var Root2 = function(param) {
1942
1986
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
1943
1987
  var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -1946,7 +1990,7 @@ var Root2 = function(param) {
1946
1990
  hasNextPage: hasNextPage,
1947
1991
  fetchNextPage: fetchNextPage
1948
1992
  }), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
1949
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes31.Flex, {
1993
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_themes32.Flex, {
1950
1994
  ref: containerRef,
1951
1995
  direction: "column-reverse",
1952
1996
  flexGrow: "1",
@@ -1955,10 +1999,10 @@ var Root2 = function(param) {
1955
1999
  }),
1956
2000
  children: [
1957
2001
  children,
1958
- hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
2002
+ hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes32.Flex, {
1959
2003
  ref: loaderRef
1960
2004
  }),
1961
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
2005
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes32.Flex, {
1962
2006
  flexShrink: "0",
1963
2007
  flexGrow: "1"
1964
2008
  })
@@ -1966,30 +2010,30 @@ var Root2 = function(param) {
1966
2010
  });
1967
2011
  };
1968
2012
  // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
1969
- var import_jsx_runtime45 = require("react/jsx-runtime");
2013
+ var import_jsx_runtime46 = require("react/jsx-runtime");
1970
2014
  var NextPageSkeleton = function() {
1971
2015
  var hasNextPage = useMessages().hasNextPage;
1972
2016
  if (!hasNextPage) {
1973
2017
  return null;
1974
2018
  }
1975
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MessagesSkeleton, {});
2019
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MessagesSkeleton, {});
1976
2020
  };
1977
2021
  // src/components/threads/Thread/Messages/index.tsx
1978
- var import_jsx_runtime46 = require("react/jsx-runtime");
2022
+ var import_jsx_runtime47 = require("react/jsx-runtime");
1979
2023
  var Messages = function(param) {
1980
2024
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
1981
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Root2, {
2025
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Root2, {
1982
2026
  style: style,
1983
2027
  children: [
1984
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes32.Flex, {
2028
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.Flex, {
1985
2029
  flexShrink: "0",
1986
2030
  height: "var(--space-3)"
1987
2031
  }),
1988
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Progress, {}),
2032
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Progress, {}),
1989
2033
  children,
1990
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Content3, {}),
1991
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NextPageSkeleton, {}),
1992
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes32.Flex, {
2034
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Content3, {}),
2035
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(NextPageSkeleton, {}),
2036
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.Flex, {
1993
2037
  flexShrink: "0",
1994
2038
  flexGrow: "1",
1995
2039
  minHeight: "var(--space-5)"
@@ -2002,7 +2046,7 @@ Messages.Message = Message;
2002
2046
  Messages.NextPageSkeleton = NextPageSkeleton;
2003
2047
  // src/components/threads/Thread/MessageForm/Submit/index.tsx
2004
2048
  var import_react_icons7 = require("@radix-ui/react-icons");
2005
- var import_themes33 = require("@radix-ui/themes");
2049
+ var import_themes34 = require("@radix-ui/themes");
2006
2050
  // src/hooks/messages/useMessageFormContext/index.ts
2007
2051
  var import_react33 = require("react");
2008
2052
  // src/contexts/messages/MessageFormContext/index.ts
@@ -2020,10 +2064,10 @@ var useMessageFormContext = function() {
2020
2064
  return (0, import_react33.useContext)(MessageFormContext);
2021
2065
  };
2022
2066
  // src/components/threads/Thread/MessageForm/Submit/index.tsx
2023
- var import_jsx_runtime47 = require("react/jsx-runtime");
2067
+ var import_jsx_runtime48 = require("react/jsx-runtime");
2024
2068
  var Root3 = function(param) {
2025
2069
  var children = param.children;
2026
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.Flex, {
2070
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Flex, {
2027
2071
  flexShrink: "0",
2028
2072
  align: "end",
2029
2073
  children: children
@@ -2033,24 +2077,24 @@ var Button2 = function() {
2033
2077
  var superinterfaceContext = useSuperinterfaceContext();
2034
2078
  var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
2035
2079
  if (isLoading) {
2036
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.IconButton, {
2080
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.IconButton, {
2037
2081
  type: "button",
2038
2082
  onClick: function() {
2039
2083
  var _superinterfaceContext_createMessageAbortControllerRef_current;
2040
2084
  return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
2041
2085
  },
2042
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons7.StopIcon, {})
2086
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons7.StopIcon, {})
2043
2087
  });
2044
2088
  }
2045
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.IconButton, {
2089
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.IconButton, {
2046
2090
  type: "submit",
2047
2091
  disabled: isDisabled || isFileLoading,
2048
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons7.ArrowUpIcon, {})
2092
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons7.ArrowUpIcon, {})
2049
2093
  });
2050
2094
  };
2051
2095
  var Submit = function() {
2052
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Root3, {
2053
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button2, {})
2096
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Root3, {
2097
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button2, {})
2054
2098
  });
2055
2099
  };
2056
2100
  Submit.Root = Root3;
@@ -2059,7 +2103,7 @@ Submit.Button = Button2;
2059
2103
  var import_react_query5 = require("@tanstack/react-query");
2060
2104
  var import_react34 = require("react");
2061
2105
  var import_react_hook_form = require("react-hook-form");
2062
- var import_themes34 = require("@radix-ui/themes");
2106
+ var import_themes35 = require("@radix-ui/themes");
2063
2107
  // src/hooks/messages/useCreateMessage/index.ts
2064
2108
  var import_radash12 = require("radash");
2065
2109
  var import_react_query4 = require("@tanstack/react-query");
@@ -2682,7 +2726,7 @@ var formOptions = {
2682
2726
  };
2683
2727
  // src/components/threads/Thread/MessageForm/Root/index.tsx
2684
2728
  var import_radash13 = require("radash");
2685
- var import_jsx_runtime48 = require("react/jsx-runtime");
2729
+ var import_jsx_runtime49 = require("react/jsx-runtime");
2686
2730
  var Root4 = function(param) {
2687
2731
  var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled;
2688
2732
  var _ref = _sliced_to_array((0, import_react34.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
@@ -2791,7 +2835,7 @@ var Root4 = function(param) {
2791
2835
  };
2792
2836
  }();
2793
2837
  var content = watch("content");
2794
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessageFormContext.Provider, {
2838
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(MessageFormContext.Provider, {
2795
2839
  value: {
2796
2840
  isDisabled: isDisabled,
2797
2841
  isLoading: isLoading,
@@ -2800,11 +2844,11 @@ var Root4 = function(param) {
2800
2844
  isFileLoading: isFileLoading,
2801
2845
  content: content
2802
2846
  },
2803
- children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
2804
- children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Box, {
2847
+ children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
2848
+ children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Box, {
2805
2849
  asChild: true,
2806
2850
  flexShrink: "0",
2807
- children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("form", {
2851
+ children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("form", {
2808
2852
  onSubmit: handleSubmit(onSubmit),
2809
2853
  children: children
2810
2854
  })
@@ -2814,9 +2858,9 @@ var Root4 = function(param) {
2814
2858
  };
2815
2859
  // src/components/threads/Thread/MessageForm/Field/index.tsx
2816
2860
  var import_react_hook_form3 = require("react-hook-form");
2817
- var import_themes38 = require("@radix-ui/themes");
2861
+ var import_themes39 = require("@radix-ui/themes");
2818
2862
  // src/components/threads/Thread/MessageForm/Field/Control.tsx
2819
- var import_themes35 = require("@radix-ui/themes");
2863
+ var import_themes36 = require("@radix-ui/themes");
2820
2864
  var import_react_hook_form2 = require("react-hook-form");
2821
2865
  // src/hooks/misc/usePrevious.ts
2822
2866
  var import_react35 = require("react");
@@ -2832,14 +2876,14 @@ var import_react37 = require("react");
2832
2876
  // src/components/textareas/TextareaBase/index.tsx
2833
2877
  var import_react36 = require("react");
2834
2878
  var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
2835
- var import_jsx_runtime49 = require("react/jsx-runtime");
2879
+ var import_jsx_runtime50 = require("react/jsx-runtime");
2836
2880
  var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props, ref) {
2837
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, {
2881
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, {
2838
2882
  children: [
2839
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("style", {
2883
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("style", {
2840
2884
  children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
2841
2885
  }),
2842
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_textarea_autosize.default, _object_spread({
2886
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_textarea_autosize.default, _object_spread({
2843
2887
  ref: ref,
2844
2888
  className: "rt-reset superinterface-textarea",
2845
2889
  style: {
@@ -2856,10 +2900,10 @@ var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props,
2856
2900
  });
2857
2901
  });
2858
2902
  // src/components/threads/Thread/MessageForm/Field/Control.tsx
2859
- var import_jsx_runtime50 = require("react/jsx-runtime");
2903
+ var import_jsx_runtime51 = require("react/jsx-runtime");
2860
2904
  var Root5 = function(param) {
2861
2905
  var children = param.children;
2862
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Flex, {
2906
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
2863
2907
  flexGrow: "1",
2864
2908
  pt: "4px",
2865
2909
  children: children
@@ -2888,7 +2932,7 @@ var Input = function() {
2888
2932
  isDisabledPrevious,
2889
2933
  textareaProps
2890
2934
  ]);
2891
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TextareaBase, _object_spread_props(_object_spread({
2935
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TextareaBase, _object_spread_props(_object_spread({
2892
2936
  minRows: 1,
2893
2937
  placeholder: "Message ".concat(assistantNameContext, "..."),
2894
2938
  disabled: isDisabled,
@@ -2908,51 +2952,51 @@ var Input = function() {
2908
2952
  }));
2909
2953
  };
2910
2954
  var Control = function() {
2911
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Root5, {
2912
- children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Input, {})
2955
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Root5, {
2956
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Input, {})
2913
2957
  });
2914
2958
  };
2915
2959
  Control.Root = Root5;
2916
2960
  Control.Input = Input;
2917
2961
  // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
2918
- var import_themes36 = require("@radix-ui/themes");
2962
+ var import_themes37 = require("@radix-ui/themes");
2919
2963
  var import_react_icons8 = require("@radix-ui/react-icons");
2920
- var import_jsx_runtime51 = require("react/jsx-runtime");
2964
+ var import_jsx_runtime52 = require("react/jsx-runtime");
2921
2965
  var Preview = function() {
2922
2966
  var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
2923
2967
  if (!files.length) {
2924
2968
  return null;
2925
2969
  }
2926
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
2970
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
2927
2971
  flexBasis: "100%",
2928
2972
  direction: "column",
2929
2973
  pb: "2",
2930
2974
  gap: "1",
2931
2975
  children: files.map(function(file) {
2932
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Card, {
2976
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Card, {
2933
2977
  variant: "ghost",
2934
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes36.Flex, {
2978
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_themes37.Flex, {
2935
2979
  align: "center",
2936
2980
  justify: "between",
2937
2981
  gap: "1",
2938
2982
  children: [
2939
- /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes36.Flex, {
2983
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_themes37.Flex, {
2940
2984
  align: "center",
2941
2985
  gap: "1",
2942
2986
  flexShrink: "1",
2943
2987
  minWidth: "0",
2944
2988
  maxWidth: "250px",
2945
2989
  children: [
2946
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
2990
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
2947
2991
  flexShrink: "0",
2948
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Spinner, {
2992
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Spinner, {
2949
2993
  loading: isOptimistic({
2950
2994
  id: file.id
2951
2995
  }),
2952
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons8.FileIcon, {})
2996
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons8.FileIcon, {})
2953
2997
  })
2954
2998
  }),
2955
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Text, {
2999
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Text, {
2956
3000
  size: "2",
2957
3001
  truncate: true,
2958
3002
  wrap: "nowrap",
@@ -2960,9 +3004,9 @@ var Preview = function() {
2960
3004
  })
2961
3005
  ]
2962
3006
  }),
2963
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
3007
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
2964
3008
  flexShrink: "0",
2965
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.IconButton, {
3009
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.IconButton, {
2966
3010
  onClick: function() {
2967
3011
  return setFiles(function(prev) {
2968
3012
  return prev.filter(function(prevFile) {
@@ -2973,7 +3017,7 @@ var Preview = function() {
2973
3017
  color: "gray",
2974
3018
  variant: "ghost",
2975
3019
  size: "1",
2976
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons8.Cross2Icon, {})
3020
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons8.Cross2Icon, {})
2977
3021
  })
2978
3022
  })
2979
3023
  ]
@@ -2987,7 +3031,7 @@ var import_react38 = require("react");
2987
3031
  var import_radash14 = require("radash");
2988
3032
  var import_dayjs2 = __toESM(require("dayjs"), 1);
2989
3033
  var import_react_icons9 = require("@radix-ui/react-icons");
2990
- var import_themes37 = require("@radix-ui/themes");
3034
+ var import_themes38 = require("@radix-ui/themes");
2991
3035
  // src/hooks/files/useCreateFile/index.ts
2992
3036
  var import_react_query6 = require("@tanstack/react-query");
2993
3037
  // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
@@ -3098,7 +3142,7 @@ var useCreateFile = function() {
3098
3142
  });
3099
3143
  };
3100
3144
  // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
3101
- var import_jsx_runtime52 = require("react/jsx-runtime");
3145
+ var import_jsx_runtime53 = require("react/jsx-runtime");
3102
3146
  var accept = ".c,text/x-c,\n.cs,text/x-csharp,\n.cpp,text/x-c++,\n.doc,application/msword,\n.docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document,\n.html,text/html,\n.java,text/x-java,\n.json,application/json,\n.md,text/markdown,\n.pdf,application/pdf,\n.php,text/x-php,\n.pptx,application/vnd.openxmlformats-officedocument.presentationml.presentation,\n.py,text/x-python,\n.py,text/x-script.python,\n.rb,text/x-ruby,\n.tex,text/x-tex,\n.txt,text/plain,\n.css,text/css,\n.js,text/javascript,\n.sh,application/x-sh,\n.ts,application/typescript";
3103
3147
  var Control2 = function() {
3104
3148
  var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
@@ -3272,11 +3316,11 @@ var Control2 = function() {
3272
3316
  createFile,
3273
3317
  setFiles
3274
3318
  ]);
3275
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
3319
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
3276
3320
  pt: "2",
3277
3321
  pr: "2",
3278
3322
  flexGrow: "0",
3279
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_themes37.IconButton, {
3323
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes38.IconButton, {
3280
3324
  type: "button",
3281
3325
  variant: "ghost",
3282
3326
  color: "gray",
@@ -3286,8 +3330,8 @@ var Control2 = function() {
3286
3330
  overflow: "hidden"
3287
3331
  },
3288
3332
  children: [
3289
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons9.FilePlusIcon, {}),
3290
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("input", {
3333
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons9.FilePlusIcon, {}),
3334
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("input", {
3291
3335
  type: "file",
3292
3336
  multiple: true,
3293
3337
  accept: accept,
@@ -3312,20 +3356,20 @@ var Files = {
3312
3356
  Control: Control2
3313
3357
  };
3314
3358
  // src/components/threads/Thread/MessageForm/Field/index.tsx
3315
- var import_jsx_runtime53 = require("react/jsx-runtime");
3359
+ var import_jsx_runtime54 = require("react/jsx-runtime");
3316
3360
  var Root6 = function(param) {
3317
3361
  var children = param.children;
3318
3362
  var _ref = (0, import_react_hook_form3.useFormContext)(), errors = _ref.formState.errors;
3319
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Container, {
3363
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Container, {
3320
3364
  size: "2",
3321
3365
  flexGrow: "0",
3322
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
3366
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
3323
3367
  direction: "column",
3324
3368
  flexShrink: "0",
3325
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
3369
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
3326
3370
  direction: "column",
3327
3371
  flexShrink: "0",
3328
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
3372
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
3329
3373
  style: _object_spread({
3330
3374
  borderRadius: "var(--radius-2)",
3331
3375
  borderWidth: "1px",
@@ -3349,13 +3393,13 @@ var Field = {
3349
3393
  Files: Files
3350
3394
  };
3351
3395
  // src/components/threads/Thread/MessageForm/index.tsx
3352
- var import_jsx_runtime54 = require("react/jsx-runtime");
3396
+ var import_jsx_runtime55 = require("react/jsx-runtime");
3353
3397
  var MessageForm = function() {
3354
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Root4, {
3355
- children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Field.Root, {
3398
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Root4, {
3399
+ children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Field.Root, {
3356
3400
  children: [
3357
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Field.Control, {}),
3358
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Submit, {})
3401
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Field.Control, {}),
3402
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Submit, {})
3359
3403
  ]
3360
3404
  })
3361
3405
  });
@@ -3364,17 +3408,17 @@ MessageForm.Root = Root4;
3364
3408
  MessageForm.Field = Field;
3365
3409
  MessageForm.Submit = Submit;
3366
3410
  // src/components/threads/Thread/Root/index.tsx
3367
- var import_themes39 = require("@radix-ui/themes");
3411
+ var import_themes40 = require("@radix-ui/themes");
3368
3412
  // src/components/threads/Thread/Provider/index.tsx
3369
3413
  var Provider2 = SuperinterfaceProvider;
3370
3414
  // src/components/threads/Thread/Root/index.tsx
3371
- var import_jsx_runtime55 = require("react/jsx-runtime");
3415
+ var import_jsx_runtime56 = require("react/jsx-runtime");
3372
3416
  var Root7 = function(_param) {
3373
3417
  var children = _param.children, rest = _object_without_properties(_param, [
3374
3418
  "children"
3375
3419
  ]);
3376
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
3377
- children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes39.Flex, {
3420
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
3421
+ children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Flex, {
3378
3422
  direction: "column",
3379
3423
  flexGrow: "1",
3380
3424
  children: children
@@ -3382,12 +3426,12 @@ var Root7 = function(_param) {
3382
3426
  }));
3383
3427
  };
3384
3428
  // src/components/threads/Thread/index.tsx
3385
- var import_jsx_runtime56 = require("react/jsx-runtime");
3429
+ var import_jsx_runtime57 = require("react/jsx-runtime");
3386
3430
  var Thread = function(props) {
3387
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Root7, _object_spread_props(_object_spread({}, props), {
3431
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Root7, _object_spread_props(_object_spread({}, props), {
3388
3432
  children: [
3389
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Messages, {}),
3390
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessageForm, {})
3433
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Messages, {}),
3434
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MessageForm, {})
3391
3435
  ]
3392
3436
  }));
3393
3437
  };
@@ -3511,12 +3555,12 @@ var useThreadDialogContext = function() {
3511
3555
  return (0, import_react42.useContext)(ThreadDialogContext);
3512
3556
  };
3513
3557
  // src/components/threads/ThreadDialog/Provider/index.tsx
3514
- var import_jsx_runtime57 = require("react/jsx-runtime");
3558
+ var import_jsx_runtime58 = require("react/jsx-runtime");
3515
3559
  var Provider3 = function(param) {
3516
3560
  var children = param.children;
3517
3561
  var threadDialogContext = useThreadDialogContext();
3518
3562
  var _ref = _sliced_to_array((0, import_react43.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
3519
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ThreadDialogContext.Provider, {
3563
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ThreadDialogContext.Provider, {
3520
3564
  value: {
3521
3565
  isOpen: isOpen,
3522
3566
  setIsOpen: setIsOpen
@@ -3529,27 +3573,27 @@ var import_react44 = require("react");
3529
3573
  var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
3530
3574
  // src/components/toasts/ToastsProvider/CustomToast.tsx
3531
3575
  var Toast = __toESM(require("@radix-ui/react-toast"), 1);
3532
- var import_themes40 = require("@radix-ui/themes");
3576
+ var import_themes41 = require("@radix-ui/themes");
3533
3577
  var import_react_icons10 = require("@radix-ui/react-icons");
3534
- var import_jsx_runtime58 = require("react/jsx-runtime");
3578
+ var import_jsx_runtime59 = require("react/jsx-runtime");
3535
3579
  var CustomToast = function(param) {
3536
3580
  var toast = param.toast;
3537
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Toast.Root, {
3538
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Card, {
3539
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Toast.Title, {
3540
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes40.Flex, {
3581
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Toast.Root, {
3582
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes41.Card, {
3583
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Toast.Title, {
3584
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes41.Flex, {
3541
3585
  children: [
3542
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Flex, {
3586
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes41.Flex, {
3543
3587
  pr: "2",
3544
3588
  height: "14px",
3545
3589
  align: "center",
3546
- children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.CheckCircledIcon, {
3590
+ children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_icons10.CheckCircledIcon, {
3547
3591
  color: "var(--accent-9)"
3548
- }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.CrossCircledIcon, {
3592
+ }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_icons10.CrossCircledIcon, {
3549
3593
  color: "var(--red-9)"
3550
3594
  })
3551
3595
  }),
3552
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Text, {
3596
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes41.Text, {
3553
3597
  weight: "medium",
3554
3598
  size: "1",
3555
3599
  children: toast.message
@@ -3561,7 +3605,7 @@ var CustomToast = function(param) {
3561
3605
  });
3562
3606
  };
3563
3607
  // src/components/toasts/ToastsProvider/index.tsx
3564
- var import_jsx_runtime59 = require("react/jsx-runtime");
3608
+ var import_jsx_runtime60 = require("react/jsx-runtime");
3565
3609
  var ToastsProvider = function(param) {
3566
3610
  var children = param.children;
3567
3611
  var _ref = _sliced_to_array((0, import_react44.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
@@ -3572,20 +3616,20 @@ var ToastsProvider = function(param) {
3572
3616
  ]);
3573
3617
  });
3574
3618
  }, []);
3575
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToastsContext.Provider, {
3619
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ToastsContext.Provider, {
3576
3620
  value: {
3577
3621
  toasts: toasts,
3578
3622
  addToast: addToast
3579
3623
  },
3580
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Toast2.Provider, {
3624
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Toast2.Provider, {
3581
3625
  children: [
3582
3626
  children,
3583
3627
  Array.from(toasts).map(function(toast, index) {
3584
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CustomToast, {
3628
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CustomToast, {
3585
3629
  toast: toast
3586
3630
  }, index);
3587
3631
  }),
3588
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Toast2.Viewport, {
3632
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Toast2.Viewport, {
3589
3633
  style: {
3590
3634
  position: "absolute",
3591
3635
  bottom: 0,
@@ -3607,34 +3651,34 @@ var ToastsProvider = function(param) {
3607
3651
  });
3608
3652
  };
3609
3653
  // src/components/threads/ThreadDialog/Root/index.tsx
3610
- var import_jsx_runtime60 = require("react/jsx-runtime");
3654
+ var import_jsx_runtime61 = require("react/jsx-runtime");
3611
3655
  var Root9 = function(param) {
3612
3656
  var children = param.children;
3613
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ToastsProvider, {
3614
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Provider3, {
3657
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ToastsProvider, {
3658
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Provider3, {
3615
3659
  children: children
3616
3660
  })
3617
3661
  });
3618
3662
  };
3619
3663
  // src/components/threads/ThreadDialog/Trigger/index.tsx
3620
- var import_themes42 = require("@radix-ui/themes");
3664
+ var import_themes43 = require("@radix-ui/themes");
3621
3665
  // src/components/threads/ThreadDialog/Trigger/Button.tsx
3622
- var import_themes41 = require("@radix-ui/themes");
3666
+ var import_themes42 = require("@radix-ui/themes");
3623
3667
  var import_react_icons11 = require("@radix-ui/react-icons");
3624
- var import_jsx_runtime61 = require("react/jsx-runtime");
3668
+ var import_jsx_runtime62 = require("react/jsx-runtime");
3625
3669
  var Button3 = function() {
3626
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes41.IconButton, {
3670
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes42.IconButton, {
3627
3671
  size: "4",
3628
3672
  radius: "full",
3629
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons11.ChatBubbleIcon, {})
3673
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons11.ChatBubbleIcon, {})
3630
3674
  });
3631
3675
  };
3632
3676
  // src/components/threads/ThreadDialog/Trigger/index.tsx
3633
- var import_jsx_runtime62 = require("react/jsx-runtime");
3677
+ var import_jsx_runtime63 = require("react/jsx-runtime");
3634
3678
  var Root10 = function(param) {
3635
3679
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
3636
3680
  var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
3637
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes42.Flex, {
3681
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes43.Flex, {
3638
3682
  display: {
3639
3683
  initial: isOpen ? "none" : "flex",
3640
3684
  sm: "flex"
@@ -3658,21 +3702,21 @@ var Root10 = function(param) {
3658
3702
  });
3659
3703
  };
3660
3704
  var Trigger = function(args) {
3661
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
3662
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button3, {})
3705
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
3706
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button3, {})
3663
3707
  }));
3664
3708
  };
3665
3709
  Trigger.Root = Root10;
3666
3710
  Trigger.Button = Button3;
3667
3711
  // src/components/threads/ThreadDialog/Content/index.tsx
3668
- var import_themes44 = require("@radix-ui/themes");
3712
+ var import_themes45 = require("@radix-ui/themes");
3669
3713
  // src/components/threads/ThreadDialog/Close/index.tsx
3670
3714
  var import_react_icons12 = require("@radix-ui/react-icons");
3671
- var import_themes43 = require("@radix-ui/themes");
3672
- var import_jsx_runtime63 = require("react/jsx-runtime");
3715
+ var import_themes44 = require("@radix-ui/themes");
3716
+ var import_jsx_runtime64 = require("react/jsx-runtime");
3673
3717
  var Close = function() {
3674
3718
  var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
3675
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes43.Flex, {
3719
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
3676
3720
  display: {
3677
3721
  initial: isOpen ? "flex" : "none",
3678
3722
  sm: "none"
@@ -3692,20 +3736,20 @@ var Close = function() {
3692
3736
  style: {
3693
3737
  zIndex: 9999999999
3694
3738
  },
3695
- children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes43.IconButton, {
3739
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.IconButton, {
3696
3740
  size: "2",
3697
3741
  variant: "soft",
3698
- children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_icons12.Cross1Icon, {})
3742
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons12.Cross1Icon, {})
3699
3743
  })
3700
3744
  });
3701
3745
  };
3702
3746
  // src/components/threads/ThreadDialog/Content/index.tsx
3703
- var import_jsx_runtime64 = require("react/jsx-runtime");
3747
+ var import_jsx_runtime65 = require("react/jsx-runtime");
3704
3748
  var Root11 = function(param) {
3705
3749
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
3706
3750
  var isOpen = useThreadDialogContext().isOpen;
3707
3751
  if (!isOpen) return null;
3708
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
3752
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Flex, {
3709
3753
  direction: "column",
3710
3754
  justify: "end",
3711
3755
  position: "fixed",
@@ -3733,7 +3777,7 @@ var Root11 = function(param) {
3733
3777
  style: _object_spread({
3734
3778
  zIndex: 9999999999
3735
3779
  }, style),
3736
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes44.Card, {
3780
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes45.Card, {
3737
3781
  mb: {
3738
3782
  initial: void 0,
3739
3783
  sm: "3"
@@ -3744,7 +3788,7 @@ var Root11 = function(param) {
3744
3788
  flexGrow: 1
3745
3789
  },
3746
3790
  children: [
3747
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Inset, {
3791
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Inset, {
3748
3792
  clip: "padding-box",
3749
3793
  side: "all",
3750
3794
  pb: "current",
@@ -3754,13 +3798,13 @@ var Root11 = function(param) {
3754
3798
  },
3755
3799
  children: children
3756
3800
  }),
3757
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Close, {})
3801
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Close, {})
3758
3802
  ]
3759
3803
  })
3760
3804
  });
3761
3805
  };
3762
3806
  var Messages2 = function() {
3763
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Thread.Messages, {
3807
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Thread.Messages, {
3764
3808
  style: {
3765
3809
  paddingTop: "var(--space-5)",
3766
3810
  paddingRight: "var(--space-5)",
@@ -3770,7 +3814,7 @@ var Messages2 = function() {
3770
3814
  };
3771
3815
  var FormContainer = function(param) {
3772
3816
  var children = param.children;
3773
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
3817
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Flex, {
3774
3818
  direction: "column",
3775
3819
  pl: "5",
3776
3820
  pr: "5",
@@ -3781,13 +3825,13 @@ var FormContainer = function(param) {
3781
3825
  };
3782
3826
  var Content4 = function(param) {
3783
3827
  var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
3784
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Root11, {
3828
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Root11, {
3785
3829
  style: style,
3786
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Thread.Root, {
3830
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Thread.Root, {
3787
3831
  children: [
3788
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Messages2, {}),
3789
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FormContainer, {
3790
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Thread.MessageForm, {})
3832
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Messages2, {}),
3833
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormContainer, {
3834
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Thread.MessageForm, {})
3791
3835
  })
3792
3836
  ]
3793
3837
  })
@@ -3797,12 +3841,12 @@ Content4.Root = Root11;
3797
3841
  Content4.Messages = Messages2;
3798
3842
  Content4.FormContainer = FormContainer;
3799
3843
  // src/components/threads/ThreadDialog/index.tsx
3800
- var import_jsx_runtime65 = require("react/jsx-runtime");
3844
+ var import_jsx_runtime66 = require("react/jsx-runtime");
3801
3845
  var ThreadDialog = function() {
3802
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Root9, {
3846
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Root9, {
3803
3847
  children: [
3804
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Content4, {}),
3805
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Trigger, {})
3848
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Content4, {}),
3849
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Trigger, {})
3806
3850
  ]
3807
3851
  });
3808
3852
  };
@@ -3810,7 +3854,7 @@ ThreadDialog.Root = Root9;
3810
3854
  ThreadDialog.Trigger = Trigger;
3811
3855
  ThreadDialog.Content = Content4;
3812
3856
  // src/components/threads/AudioThread/Root/index.tsx
3813
- var import_themes45 = require("@radix-ui/themes");
3857
+ var import_themes46 = require("@radix-ui/themes");
3814
3858
  // src/contexts/threads/AudioThreadContext/index.ts
3815
3859
  var import_react45 = require("react");
3816
3860
  var AudioThreadContext = (0, import_react45.createContext)({
@@ -4318,7 +4362,7 @@ var useMessageAudio = function(param) {
4318
4362
  });
4319
4363
  };
4320
4364
  // src/components/threads/AudioThread/Root/index.tsx
4321
- var import_jsx_runtime66 = require("react/jsx-runtime");
4365
+ var import_jsx_runtime67 = require("react/jsx-runtime");
4322
4366
  var Root12 = function(param) {
4323
4367
  var children = param.children;
4324
4368
  var createMessageProps = useCreateMessage();
@@ -4376,13 +4420,13 @@ var Root12 = function(param) {
4376
4420
  createMessageProps: createMessageProps,
4377
4421
  messageAudioProps: messageAudioProps
4378
4422
  }).status;
4379
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AudioThreadContext.Provider, {
4423
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AudioThreadContext.Provider, {
4380
4424
  value: {
4381
4425
  status: status,
4382
4426
  recorderProps: recorderProps,
4383
4427
  messageAudioProps: messageAudioProps
4384
4428
  },
4385
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes45.Flex, {
4429
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Flex, {
4386
4430
  direction: "column",
4387
4431
  flexGrow: "1",
4388
4432
  p: "9",
@@ -4393,7 +4437,7 @@ var Root12 = function(param) {
4393
4437
  // src/components/threads/AudioThread/Visualization/index.tsx
4394
4438
  var import_react53 = require("react");
4395
4439
  var import_lodash9 = __toESM(require("lodash"), 1);
4396
- var import_themes47 = require("@radix-ui/themes");
4440
+ var import_themes48 = require("@radix-ui/themes");
4397
4441
  // src/hooks/threads/useAudioThreadContext/index.ts
4398
4442
  var import_react51 = require("react");
4399
4443
  var useAudioThreadContext = function() {
@@ -4401,10 +4445,10 @@ var useAudioThreadContext = function() {
4401
4445
  };
4402
4446
  // src/components/threads/AudioThread/BarsVisualizer/index.tsx
4403
4447
  var import_lodash8 = __toESM(require("lodash"), 1);
4404
- var import_themes46 = require("@radix-ui/themes");
4448
+ var import_themes47 = require("@radix-ui/themes");
4405
4449
  var import_react52 = require("react");
4406
4450
  var import_radash16 = require("radash");
4407
- var import_jsx_runtime67 = require("react/jsx-runtime");
4451
+ var import_jsx_runtime68 = require("react/jsx-runtime");
4408
4452
  var barCount = 4;
4409
4453
  var BarsVisualizer = function(param) {
4410
4454
  var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
@@ -4435,7 +4479,7 @@ var BarsVisualizer = function(param) {
4435
4479
  draw,
4436
4480
  visualizationAnalyser
4437
4481
  ]);
4438
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Grid, {
4482
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes47.Grid, {
4439
4483
  columns: "".concat(barCount),
4440
4484
  gap: "1",
4441
4485
  width: "auto",
@@ -4444,12 +4488,12 @@ var BarsVisualizer = function(param) {
4444
4488
  gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
4445
4489
  },
4446
4490
  children: barHeights.map(function(barHeight, index) {
4447
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Flex, {
4491
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes47.Flex, {
4448
4492
  direction: "column",
4449
4493
  align: "center",
4450
4494
  justify: "center",
4451
4495
  height: height,
4452
- children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Flex, {
4496
+ children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes47.Flex, {
4453
4497
  minHeight: "50%",
4454
4498
  maxHeight: "100%",
4455
4499
  height: "".concat(barHeight + 20, "%"),
@@ -4464,7 +4508,7 @@ var BarsVisualizer = function(param) {
4464
4508
  });
4465
4509
  };
4466
4510
  // src/components/threads/AudioThread/Visualization/index.tsx
4467
- var import_jsx_runtime68 = require("react/jsx-runtime");
4511
+ var import_jsx_runtime69 = require("react/jsx-runtime");
4468
4512
  var Visualization = function() {
4469
4513
  var audioThreadContext = useAudioThreadContext();
4470
4514
  var assistantNameContext = (0, import_react53.useContext)(AssistantNameContext);
@@ -4492,14 +4536,14 @@ var Visualization = function() {
4492
4536
  draw,
4493
4537
  audioThreadContext
4494
4538
  ]);
4495
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes47.Flex, {
4539
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_themes48.Flex, {
4496
4540
  direction: "column",
4497
4541
  align: "center",
4498
4542
  justify: "center",
4499
4543
  mb: "3",
4500
4544
  flexGrow: "1",
4501
4545
  children: [
4502
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes47.Flex, {
4546
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes48.Flex, {
4503
4547
  align: "center",
4504
4548
  justify: "center",
4505
4549
  height: "200px",
@@ -4509,20 +4553,20 @@ var Visualization = function() {
4509
4553
  borderRadius: "9999px",
4510
4554
  scale: scale
4511
4555
  },
4512
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(BarsVisualizer, {
4556
+ children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(BarsVisualizer, {
4513
4557
  visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
4514
4558
  backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
4515
4559
  height: "40px",
4516
4560
  barWidth: "24px"
4517
4561
  })
4518
4562
  }),
4519
- /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes47.Flex, {
4563
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_themes48.Flex, {
4520
4564
  ml: "-22.5px",
4521
4565
  gap: "3",
4522
4566
  pt: "5",
4523
4567
  children: [
4524
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(AssistantAvatar, {}),
4525
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Name, {
4568
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AssistantAvatar, {}),
4569
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Name, {
4526
4570
  children: assistantNameContext
4527
4571
  })
4528
4572
  ]
@@ -4531,8 +4575,8 @@ var Visualization = function() {
4531
4575
  });
4532
4576
  };
4533
4577
  // src/components/threads/AudioThread/Status/StatusMessages.tsx
4534
- var import_themes48 = require("@radix-ui/themes");
4535
- var import_jsx_runtime69 = require("react/jsx-runtime");
4578
+ var import_themes49 = require("@radix-ui/themes");
4579
+ var import_jsx_runtime70 = require("react/jsx-runtime");
4536
4580
  var html = function(param) {
4537
4581
  var texts = param.texts;
4538
4582
  return "\n .status-messages-texts:after {\n content: '".concat(texts[0], "';\n animation: texts ").concat(texts.length * 5, "s linear infinite;\n }\n\n @keyframes texts {\n ").concat(texts.map(function(_10, i) {
@@ -4541,17 +4585,17 @@ var html = function(param) {
4541
4585
  };
4542
4586
  var StatusMessages = function(param) {
4543
4587
  var texts = param.texts;
4544
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_themes48.Flex, {
4588
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_themes49.Flex, {
4545
4589
  justify: "center",
4546
4590
  pb: "5",
4547
4591
  children: [
4548
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes48.Text, {
4592
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes49.Text, {
4549
4593
  size: "2",
4550
4594
  weight: "regular",
4551
4595
  color: "gray",
4552
4596
  className: "status-messages-texts"
4553
4597
  }),
4554
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", {
4598
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("style", {
4555
4599
  dangerouslySetInnerHTML: {
4556
4600
  __html: html({
4557
4601
  texts: texts
@@ -4562,11 +4606,11 @@ var StatusMessages = function(param) {
4562
4606
  });
4563
4607
  };
4564
4608
  // src/components/threads/AudioThread/Status/index.tsx
4565
- var import_jsx_runtime70 = require("react/jsx-runtime");
4609
+ var import_jsx_runtime71 = require("react/jsx-runtime");
4566
4610
  var Status = function() {
4567
4611
  var audioThreadContext = useAudioThreadContext();
4568
4612
  if (audioThreadContext.status === "recording") {
4569
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
4613
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(StatusMessages, {
4570
4614
  texts: [
4571
4615
  "Start speaking",
4572
4616
  "Listening",
@@ -4580,31 +4624,31 @@ var Status = function() {
4580
4624
  "idle",
4581
4625
  "playerPaused"
4582
4626
  ].includes(audioThreadContext.status)) {
4583
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
4627
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(StatusMessages, {
4584
4628
  texts: [
4585
4629
  "Click the button below to activate"
4586
4630
  ]
4587
4631
  });
4588
4632
  }
4589
4633
  if (audioThreadContext.status === "playing") {
4590
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
4634
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(StatusMessages, {
4591
4635
  texts: [
4592
4636
  "Click the button below to interrupt"
4593
4637
  ]
4594
4638
  });
4595
4639
  }
4596
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
4640
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(StatusMessages, {
4597
4641
  texts: [
4598
4642
  "Thinking"
4599
4643
  ]
4600
4644
  });
4601
4645
  };
4602
4646
  // src/components/threads/AudioThread/Form/index.tsx
4603
- var import_themes50 = require("@radix-ui/themes");
4647
+ var import_themes51 = require("@radix-ui/themes");
4604
4648
  // src/components/threads/AudioThread/Form/MicIcon.tsx
4605
- var import_jsx_runtime71 = require("react/jsx-runtime");
4649
+ var import_jsx_runtime72 = require("react/jsx-runtime");
4606
4650
  var MicIcon = function(props) {
4607
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", _object_spread_props(_object_spread({
4651
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("svg", _object_spread_props(_object_spread({
4608
4652
  xmlns: "http://www.w3.org/2000/svg",
4609
4653
  fill: "currentColor",
4610
4654
  stroke: "currentColor",
@@ -4613,54 +4657,54 @@ var MicIcon = function(props) {
4613
4657
  height: "15",
4614
4658
  width: "15"
4615
4659
  }, props), {
4616
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", {
4660
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", {
4617
4661
  stroke: "none",
4618
4662
  d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
4619
4663
  })
4620
4664
  }));
4621
4665
  };
4622
4666
  // src/components/threads/AudioThread/Form/ActionButton/index.tsx
4623
- var import_themes49 = require("@radix-ui/themes");
4667
+ var import_themes50 = require("@radix-ui/themes");
4624
4668
  var import_react_icons13 = require("@radix-ui/react-icons");
4625
- var import_jsx_runtime72 = require("react/jsx-runtime");
4669
+ var import_jsx_runtime73 = require("react/jsx-runtime");
4626
4670
  var ActionButton = function() {
4627
4671
  var audioThreadContext = useAudioThreadContext();
4628
4672
  var superinterfaceContext = useSuperinterfaceContext();
4629
4673
  if (audioThreadContext.status === "recording") {
4630
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes49.Flex, {
4674
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.Flex, {
4631
4675
  align: "center",
4632
4676
  children: [
4633
- /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, {
4677
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, {
4634
4678
  mr: "3",
4635
4679
  ml: "-7",
4636
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4680
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.IconButton, {
4637
4681
  onClick: audioThreadContext.recorderProps.pause,
4638
4682
  color: "gray",
4639
4683
  variant: "soft",
4640
4684
  size: "1",
4641
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.PauseIcon, {})
4685
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons13.PauseIcon, {})
4642
4686
  })
4643
4687
  }),
4644
- /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4688
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.IconButton, {
4645
4689
  onClick: audioThreadContext.recorderProps.stop,
4646
4690
  highContrast: true,
4647
4691
  variant: "soft",
4648
4692
  size: "4",
4649
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ArrowUpIcon, {})
4693
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons13.ArrowUpIcon, {})
4650
4694
  })
4651
4695
  ]
4652
4696
  });
4653
4697
  }
4654
4698
  if (audioThreadContext.status === "recorderPaused") {
4655
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4699
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.IconButton, {
4656
4700
  onClick: audioThreadContext.recorderProps.resume,
4657
4701
  color: "red",
4658
4702
  size: "4",
4659
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ResumeIcon, {})
4703
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons13.ResumeIcon, {})
4660
4704
  });
4661
4705
  }
4662
4706
  if (audioThreadContext.status === "idle") {
4663
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4707
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.IconButton, {
4664
4708
  onClick: function() {
4665
4709
  return audioThreadContext.recorderProps.start();
4666
4710
  },
@@ -4669,7 +4713,7 @@ var ActionButton = function() {
4669
4713
  });
4670
4714
  }
4671
4715
  if (audioThreadContext.status === "playing") {
4672
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4716
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.IconButton, {
4673
4717
  onClick: function() {
4674
4718
  var _superinterfaceContext_createMessageAbortControllerRef_current;
4675
4719
  audioThreadContext.messageAudioProps.stop();
@@ -4679,54 +4723,54 @@ var ActionButton = function() {
4679
4723
  size: "4",
4680
4724
  color: "gray",
4681
4725
  variant: "soft",
4682
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.StopIcon, {})
4726
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons13.StopIcon, {})
4683
4727
  });
4684
4728
  }
4685
4729
  if (audioThreadContext.status === "playerPaused") {
4686
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4730
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.IconButton, {
4687
4731
  onClick: function() {
4688
4732
  return audioThreadContext.messageAudioProps.play();
4689
4733
  },
4690
4734
  size: "4",
4691
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ResumeIcon, {})
4735
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons13.ResumeIcon, {})
4692
4736
  });
4693
4737
  }
4694
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4738
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.IconButton, {
4695
4739
  size: "4",
4696
4740
  variant: "soft",
4697
4741
  disabled: true
4698
4742
  });
4699
4743
  };
4700
4744
  // src/components/threads/AudioThread/Form/index.tsx
4701
- var import_jsx_runtime73 = require("react/jsx-runtime");
4745
+ var import_jsx_runtime74 = require("react/jsx-runtime");
4702
4746
  var Form = function() {
4703
4747
  var audioThreadContext = useAudioThreadContext();
4704
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.Flex, {
4748
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_themes51.Flex, {
4705
4749
  direction: "column",
4706
4750
  align: "center",
4707
4751
  children: [
4708
- /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.Flex, {
4752
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_themes51.Flex, {
4709
4753
  pb: "3",
4710
4754
  align: "center",
4711
4755
  children: [
4712
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, {
4756
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Flex, {
4713
4757
  ml: "-22.5px",
4714
4758
  mr: "2",
4715
4759
  align: "center",
4716
- children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MicIcon, {
4760
+ children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MicIcon, {
4717
4761
  style: {
4718
4762
  color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
4719
4763
  }
4720
4764
  })
4721
4765
  }),
4722
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, {
4766
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Flex, {
4723
4767
  px: "2",
4724
4768
  py: "1",
4725
4769
  style: {
4726
4770
  backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
4727
4771
  borderRadius: "var(--radius-6)"
4728
4772
  },
4729
- children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BarsVisualizer, {
4773
+ children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BarsVisualizer, {
4730
4774
  visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
4731
4775
  backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
4732
4776
  height: "20px",
@@ -4735,18 +4779,18 @@ var Form = function() {
4735
4779
  })
4736
4780
  ]
4737
4781
  }),
4738
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ActionButton, {})
4782
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ActionButton, {})
4739
4783
  ]
4740
4784
  });
4741
4785
  };
4742
4786
  // src/components/threads/AudioThread/index.tsx
4743
- var import_jsx_runtime74 = require("react/jsx-runtime");
4787
+ var import_jsx_runtime75 = require("react/jsx-runtime");
4744
4788
  var AudioThread = function(props) {
4745
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
4789
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
4746
4790
  children: [
4747
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Visualization, {}),
4748
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Status, {}),
4749
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Form, {})
4791
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Visualization, {}),
4792
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Status, {}),
4793
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Form, {})
4750
4794
  ]
4751
4795
  }));
4752
4796
  };
@@ -4754,14 +4798,14 @@ AudioThread.Root = Root12;
4754
4798
  AudioThread.Visualization = Visualization;
4755
4799
  AudioThread.Form = Form;
4756
4800
  // src/components/threads/AudioThreadDialog/index.tsx
4757
- var import_jsx_runtime75 = require("react/jsx-runtime");
4801
+ var import_jsx_runtime76 = require("react/jsx-runtime");
4758
4802
  var AudioThreadDialog = function() {
4759
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Root9, {
4803
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Root9, {
4760
4804
  children: [
4761
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Content4.Root, {
4762
- children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(AudioThread, {})
4805
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Content4.Root, {
4806
+ children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(AudioThread, {})
4763
4807
  }),
4764
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Trigger, {})
4808
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Trigger, {})
4765
4809
  ]
4766
4810
  });
4767
4811
  };
@@ -4774,15 +4818,15 @@ var import_react55 = require("react");
4774
4818
  var import_react54 = require("react");
4775
4819
  var import_radash17 = require("radash");
4776
4820
  var import_react_children_utilities = require("react-children-utilities");
4777
- var import_themes52 = require("@radix-ui/themes");
4821
+ var import_themes53 = require("@radix-ui/themes");
4778
4822
  // src/components/suggestions/Suggestions/Item.tsx
4779
4823
  var import_react_icons14 = require("@radix-ui/react-icons");
4780
- var import_themes51 = require("@radix-ui/themes");
4781
- var import_jsx_runtime76 = require("react/jsx-runtime");
4824
+ var import_themes52 = require("@radix-ui/themes");
4825
+ var import_jsx_runtime77 = require("react/jsx-runtime");
4782
4826
  var Item = function(param) {
4783
4827
  var suggestion = param.suggestion, isDisabled = param.isDisabled;
4784
4828
  var _useCreateMessage = useCreateMessage(), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
4785
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Content5, {
4829
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Content5, {
4786
4830
  onClick: function() {
4787
4831
  createMessage({
4788
4832
  // @ts-ignore-next-line
@@ -4796,7 +4840,7 @@ var Item = function(param) {
4796
4840
  };
4797
4841
  var Content5 = function(param) {
4798
4842
  var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
4799
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes51.Button, {
4843
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_themes52.Button, {
4800
4844
  variant: "soft",
4801
4845
  onClick: onClick,
4802
4846
  disabled: isDisabled,
@@ -4806,14 +4850,14 @@ var Content5 = function(param) {
4806
4850
  flexShrink: 1
4807
4851
  },
4808
4852
  children: [
4809
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes51.Text, {
4853
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Text, {
4810
4854
  size: "1",
4811
4855
  weight: "regular",
4812
4856
  children: children
4813
4857
  }),
4814
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes51.Spinner, {
4858
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Spinner, {
4815
4859
  loading: isPending,
4816
- children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons14.ArrowUpIcon, {
4860
+ children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_icons14.ArrowUpIcon, {
4817
4861
  style: {
4818
4862
  flexShrink: 0
4819
4863
  }
@@ -4824,7 +4868,7 @@ var Content5 = function(param) {
4824
4868
  };
4825
4869
  Item.Content = Content5;
4826
4870
  // src/components/suggestions/Suggestions/Content.tsx
4827
- var import_jsx_runtime77 = require("react/jsx-runtime");
4871
+ var import_jsx_runtime78 = require("react/jsx-runtime");
4828
4872
  var Content6 = function(param) {
4829
4873
  var children = param.children;
4830
4874
  var isMutatingMessage = useIsMutatingMessage();
@@ -4838,12 +4882,12 @@ var Content6 = function(param) {
4838
4882
  children
4839
4883
  ]);
4840
4884
  if ((0, import_radash17.isEmpty)(suggestions)) return null;
4841
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Flex, {
4885
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes53.Flex, {
4842
4886
  gap: "2",
4843
4887
  py: "2",
4844
4888
  wrap: "wrap",
4845
4889
  children: suggestions.map(function(suggestion) {
4846
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Item, {
4890
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Item, {
4847
4891
  suggestion: suggestion,
4848
4892
  isDisabled: isMutatingMessage
4849
4893
  }, suggestion);
@@ -4851,7 +4895,7 @@ var Content6 = function(param) {
4851
4895
  });
4852
4896
  };
4853
4897
  // src/components/suggestions/Suggestions/index.tsx
4854
- var import_jsx_runtime78 = require("react/jsx-runtime");
4898
+ var import_jsx_runtime79 = require("react/jsx-runtime");
4855
4899
  var Suggestions = function(param) {
4856
4900
  var children = param.children;
4857
4901
  var latestMessageProps = useLatestMessage();
@@ -4864,14 +4908,14 @@ var Suggestions = function(param) {
4864
4908
  ]);
4865
4909
  if (latestMessageProps.isLoading) return null;
4866
4910
  if (isDisabled) return null;
4867
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Content6, {
4911
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Content6, {
4868
4912
  children: children
4869
4913
  });
4870
4914
  };
4871
4915
  Suggestions.Item = Item;
4872
4916
  // src/components/markdown/MarkdownProvider/index.tsx
4873
4917
  var import_react56 = require("react");
4874
- var import_jsx_runtime79 = require("react/jsx-runtime");
4918
+ var import_jsx_runtime80 = require("react/jsx-runtime");
4875
4919
  var MarkdownProvider = function(_param) {
4876
4920
  var children = _param.children, rest = _object_without_properties(_param, [
4877
4921
  "children"
@@ -4883,24 +4927,38 @@ var MarkdownProvider = function(_param) {
4883
4927
  rest,
4884
4928
  prevMarkdownContext
4885
4929
  ]);
4886
- return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MarkdownContext.Provider, {
4930
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(MarkdownContext.Provider, {
4887
4931
  value: value,
4888
4932
  children: children
4889
4933
  });
4890
4934
  };
4891
4935
  // src/components/avatars/Avatar.tsx
4892
- var import_themes55 = require("@radix-ui/themes");
4936
+ var import_themes56 = require("@radix-ui/themes");
4893
4937
  // src/components/imageAvatars/ImageAvatar/index.tsx
4894
- var import_themes53 = require("@radix-ui/themes");
4938
+ var import_themes54 = require("@radix-ui/themes");
4895
4939
  // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
4896
4940
  var width = function(param) {
4897
4941
  var size = param.size;
4898
4942
  if (size === "1") {
4899
4943
  return 48;
4944
+ } else if (size === "2") {
4945
+ return 64;
4900
4946
  } else if (size === "3") {
4901
4947
  return 96;
4948
+ } else if (size === "4") {
4949
+ return 96;
4950
+ } else if (size === "5") {
4951
+ return 128;
4952
+ } else if (size === "6") {
4953
+ return 256;
4954
+ } else if (size === "7") {
4955
+ return 256;
4956
+ } else if (size === "8") {
4957
+ return 256;
4958
+ } else if (size === "9") {
4959
+ return 384;
4902
4960
  }
4903
- return 96;
4961
+ return 384;
4904
4962
  };
4905
4963
  var path = function(param) {
4906
4964
  var imageAvatar = param.imageAvatar, size = param.size;
@@ -4928,11 +4986,11 @@ var optimizedSrc = function(param) {
4928
4986
  }));
4929
4987
  };
4930
4988
  // src/components/imageAvatars/ImageAvatar/index.tsx
4931
- var import_jsx_runtime80 = require("react/jsx-runtime");
4989
+ var import_jsx_runtime81 = require("react/jsx-runtime");
4932
4990
  var ImageAvatar = function(param) {
4933
4991
  var imageAvatar = param.imageAvatar, size = param.size;
4934
4992
  var superinterfaceContext = useSuperinterfaceContext();
4935
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes53.Avatar, {
4993
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes54.Avatar, {
4936
4994
  fallback: "",
4937
4995
  src: optimizedSrc({
4938
4996
  imageAvatar: imageAvatar,
@@ -4944,13 +5002,13 @@ var ImageAvatar = function(param) {
4944
5002
  };
4945
5003
  // src/components/iconAvatars/IconAvatar.tsx
4946
5004
  var import_react57 = require("react");
4947
- var import_themes54 = require("@radix-ui/themes");
5005
+ var import_themes55 = require("@radix-ui/themes");
4948
5006
  // src/lib/iconAvatars/iconAvatarComponents.ts
4949
5007
  var import_react_icons15 = require("@radix-ui/react-icons");
4950
5008
  var _obj;
4951
5009
  var iconAvatarComponents = (_obj = {}, _define_property(_obj, "BACKPACK" /* BACKPACK */ , import_react_icons15.BackpackIcon), _define_property(_obj, "ROCKET" /* ROCKET */ , import_react_icons15.RocketIcon), _define_property(_obj, "MAGIC_WAND" /* MAGIC_WAND */ , import_react_icons15.MagicWandIcon), _define_property(_obj, "CUBE" /* CUBE */ , import_react_icons15.CubeIcon), _define_property(_obj, "TARGET" /* TARGET */ , import_react_icons15.TargetIcon), _define_property(_obj, "DISC" /* DISC */ , import_react_icons15.DiscIcon), _define_property(_obj, "GLOBE" /* GLOBE */ , import_react_icons15.GlobeIcon), _define_property(_obj, "STAR" /* STAR */ , import_react_icons15.StarIcon), _define_property(_obj, "LIGHTNING_BOLT" /* LIGHTNING_BOLT */ , import_react_icons15.LightningBoltIcon), _define_property(_obj, "FACE" /* FACE */ , import_react_icons15.FaceIcon), _define_property(_obj, "PERSON" /* PERSON */ , import_react_icons15.PersonIcon), _define_property(_obj, "HEART" /* HEART */ , import_react_icons15.HeartIcon), _obj);
4952
5010
  // src/components/iconAvatars/IconAvatar.tsx
4953
- var import_jsx_runtime81 = require("react/jsx-runtime");
5011
+ var import_jsx_runtime82 = require("react/jsx-runtime");
4954
5012
  var IconAvatar = function(param) {
4955
5013
  var iconAvatar = param.iconAvatar, size = param.size;
4956
5014
  var Component = (0, import_react57.useMemo)(function() {
@@ -4958,30 +5016,30 @@ var IconAvatar = function(param) {
4958
5016
  }, [
4959
5017
  iconAvatar
4960
5018
  ]);
4961
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes54.Avatar, {
5019
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes55.Avatar, {
4962
5020
  size: size,
4963
- fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Component, {}) : ""
5021
+ fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Component, {}) : ""
4964
5022
  });
4965
5023
  };
4966
5024
  // src/components/avatars/Avatar.tsx
4967
- var import_jsx_runtime82 = require("react/jsx-runtime");
5025
+ var import_jsx_runtime83 = require("react/jsx-runtime");
4968
5026
  var Avatar6 = function(param) {
4969
5027
  var avatar = param.avatar, _param_size = param.size, size = _param_size === void 0 ? "1" : _param_size;
4970
5028
  if (avatar) {
4971
5029
  if (avatar.type === "IMAGE" /* IMAGE */ && avatar.imageAvatar) {
4972
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ImageAvatar, {
5030
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ImageAvatar, {
4973
5031
  imageAvatar: avatar.imageAvatar,
4974
5032
  size: size
4975
5033
  });
4976
5034
  }
4977
5035
  if (avatar.type === "ICON" /* ICON */ && avatar.iconAvatar) {
4978
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(IconAvatar, {
5036
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(IconAvatar, {
4979
5037
  iconAvatar: avatar.iconAvatar,
4980
5038
  size: size
4981
5039
  });
4982
5040
  }
4983
5041
  }
4984
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes55.Avatar, {
5042
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes56.Avatar, {
4985
5043
  fallback: "",
4986
5044
  size: size
4987
5045
  });
@@ -4994,7 +5052,7 @@ var useComponents = function() {
4994
5052
  return (0, import_react58.useContext)(ComponentsContext);
4995
5053
  };
4996
5054
  // src/components/components/ComponentsProvider.tsx
4997
- var import_jsx_runtime83 = require("react/jsx-runtime");
5055
+ var import_jsx_runtime84 = require("react/jsx-runtime");
4998
5056
  var ComponentsProvider = function(_param) {
4999
5057
  var children = _param.children, rest = _object_without_properties(_param, [
5000
5058
  "children"
@@ -5006,7 +5064,7 @@ var ComponentsProvider = function(_param) {
5006
5064
  rest,
5007
5065
  prevComponents
5008
5066
  ]);
5009
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ComponentsContext.Provider, {
5067
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ComponentsContext.Provider, {
5010
5068
  value: value,
5011
5069
  children: children
5012
5070
  });