@superinterface/react 2.16.5 → 2.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +417 -267
  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 +406 -256
  6. package/dist/index.js.map +1 -1
  7. package/package.json +3 -1
package/dist/index.cjs CHANGED
@@ -560,7 +560,7 @@ var SuperinterfaceProvider = function(param) {
560
560
  });
561
561
  };
562
562
  // src/components/threads/Thread/Messages/index.tsx
563
- var import_themes31 = require("@radix-ui/themes");
563
+ var import_themes32 = require("@radix-ui/themes");
564
564
  // src/components/threads/Thread/Messages/Content/index.tsx
565
565
  var import_react26 = require("react");
566
566
  // src/hooks/messages/useMessages/index.tsx
@@ -874,7 +874,7 @@ var useToasts = function() {
874
874
  };
875
875
  // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
876
876
  var import_react25 = require("react");
877
- var import_themes28 = require("@radix-ui/themes");
877
+ var import_themes29 = require("@radix-ui/themes");
878
878
  // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
879
879
  var import_react11 = require("react");
880
880
  var import_themes5 = require("@radix-ui/themes");
@@ -933,11 +933,11 @@ var UserAvatar = function() {
933
933
  });
934
934
  };
935
935
  // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
936
- var import_themes27 = require("@radix-ui/themes");
936
+ var import_themes28 = require("@radix-ui/themes");
937
937
  // src/components/threads/Thread/Message/index.tsx
938
938
  var import_react24 = require("react");
939
939
  var import_radash3 = require("radash");
940
- var import_themes26 = require("@radix-ui/themes");
940
+ var import_themes27 = require("@radix-ui/themes");
941
941
  // src/components/skeletons/StartingContentSkeleton/index.tsx
942
942
  var import_themes8 = require("@radix-ui/themes");
943
943
  var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -1437,6 +1437,54 @@ var Img = function(props) {
1437
1437
  }))
1438
1438
  });
1439
1439
  };
1440
+ // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
1441
+ var import_react_icons5 = require("@radix-ui/react-icons");
1442
+ // src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
1443
+ var import_themes25 = require("@radix-ui/themes");
1444
+ var import_jsx_runtime34 = require("react/jsx-runtime");
1445
+ var AnnotationBase = function(param) {
1446
+ var icon = param.icon, content = param.content;
1447
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes25.Popover.Root, {
1448
+ children: [
1449
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Popover.Trigger, {
1450
+ children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.IconButton, {
1451
+ variant: "soft",
1452
+ color: "gray",
1453
+ size: "1",
1454
+ children: icon
1455
+ })
1456
+ }),
1457
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Popover.Content, {
1458
+ size: "1",
1459
+ children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Flex, {
1460
+ direction: "column",
1461
+ children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Text, {
1462
+ size: "1",
1463
+ color: "gray",
1464
+ children: content
1465
+ })
1466
+ })
1467
+ })
1468
+ ]
1469
+ });
1470
+ };
1471
+ // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
1472
+ var import_jsx_runtime35 = require("react/jsx-runtime");
1473
+ var Annotation = function(param) {
1474
+ var annotation = param.annotation;
1475
+ if (annotation.type === "file_citation") {
1476
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AnnotationBase, {
1477
+ icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons5.QuoteIcon, {}),
1478
+ content: "File cited."
1479
+ });
1480
+ } else if (annotation.type === "file_path") {
1481
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AnnotationBase, {
1482
+ icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons5.FileIcon, {}),
1483
+ content: "File generated."
1484
+ });
1485
+ }
1486
+ return null;
1487
+ };
1440
1488
  // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
1441
1489
  var components = {
1442
1490
  p: Paragraph,
@@ -1447,41 +1495,143 @@ var components = {
1447
1495
  li: ListItem,
1448
1496
  pre: Pre,
1449
1497
  code: Code2,
1450
- img: Img
1498
+ img: Img,
1499
+ annotation: Annotation
1500
+ };
1501
+ // src/lib/remark/remarkAnnotation.ts
1502
+ var import_unist_util_visit = require("unist-util-visit");
1503
+ var remarkAnnotation = function(param) {
1504
+ var content = param.content;
1505
+ return function() {
1506
+ return function(tree) {
1507
+ (0, import_unist_util_visit.visit)(tree, "text", function(node, index, parent) {
1508
+ if (content.text.annotations.length > 0) {
1509
+ content.text.annotations.forEach(function(annotation) {
1510
+ var _parent_children;
1511
+ var _node_position_start, _node_position, _node_position_end, _node_position1;
1512
+ if (!((_node_position = node.position) === null || _node_position === void 0 ? void 0 : (_node_position_start = _node_position.start) === null || _node_position_start === void 0 ? void 0 : _node_position_start.offset)) return;
1513
+ if (!((_node_position1 = node.position) === null || _node_position1 === void 0 ? void 0 : (_node_position_end = _node_position1.end) === null || _node_position_end === void 0 ? void 0 : _node_position_end.offset)) return;
1514
+ if (node.position.start.offset > annotation.start_index) {
1515
+ return;
1516
+ }
1517
+ if (node.position.end.offset < annotation.end_index) {
1518
+ return;
1519
+ }
1520
+ var beforeStart = node.position.start.offset;
1521
+ var beforeEnd = annotation.start_index;
1522
+ var annotationStart = annotation.start_index;
1523
+ var annotationEnd = annotation.end_index;
1524
+ var afterStart = annotation.end_index;
1525
+ var afterEnd = node.position.end.offset;
1526
+ var before = node.value.slice(0, annotation.start_index - node.position.start.offset);
1527
+ var annotatedText = node.value.slice(annotation.start_index - node.position.start.offset, annotation.end_index - node.position.start.offset);
1528
+ var after = node.value.slice(annotation.end_index - node.position.start.offset);
1529
+ var newNodes = [];
1530
+ if (before) {
1531
+ newNodes.push({
1532
+ type: "text",
1533
+ value: before,
1534
+ position: {
1535
+ start: {
1536
+ offset: beforeStart
1537
+ },
1538
+ end: {
1539
+ offset: beforeEnd
1540
+ }
1541
+ }
1542
+ });
1543
+ }
1544
+ newNodes.push({
1545
+ value: annotatedText,
1546
+ data: {
1547
+ hName: "annotation",
1548
+ hProperties: {
1549
+ annotation: annotation
1550
+ }
1551
+ },
1552
+ position: {
1553
+ start: {
1554
+ offset: annotationStart
1555
+ },
1556
+ end: {
1557
+ offset: annotationEnd
1558
+ }
1559
+ }
1560
+ });
1561
+ if (after) {
1562
+ newNodes.push({
1563
+ type: "text",
1564
+ value: after,
1565
+ position: {
1566
+ start: {
1567
+ offset: afterStart
1568
+ },
1569
+ end: {
1570
+ offset: afterEnd
1571
+ }
1572
+ }
1573
+ });
1574
+ }
1575
+ (_parent_children = parent.children).splice.apply(_parent_children, [
1576
+ index,
1577
+ 1
1578
+ ].concat(_to_consumable_array(newNodes)));
1579
+ });
1580
+ return import_unist_util_visit.SKIP;
1581
+ }
1582
+ return;
1583
+ });
1584
+ };
1585
+ };
1586
+ };
1587
+ // src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
1588
+ var getRemarkPlugins = function(param) {
1589
+ var content = param.content;
1590
+ return [
1591
+ remarkAnnotation({
1592
+ content: content
1593
+ })
1594
+ ];
1451
1595
  };
1452
1596
  // src/contexts/markdown/MarkdownContext/index.ts
1453
1597
  var MarkdownContext = (0, import_react22.createContext)({
1454
- components: components
1598
+ components: components,
1599
+ getRemarkPlugins: getRemarkPlugins
1455
1600
  });
1456
1601
  // src/hooks/markdown/useMarkdownContext/index.ts
1457
1602
  var useMarkdownContext = function() {
1458
1603
  return (0, import_react23.useContext)(MarkdownContext);
1459
1604
  };
1460
1605
  // src/components/threads/Thread/Message/TextContent.tsx
1461
- var import_jsx_runtime34 = require("react/jsx-runtime");
1606
+ var import_jsx_runtime36 = require("react/jsx-runtime");
1462
1607
  var TextContent = function(param) {
1463
1608
  var content = param.content;
1464
- var markdownContext = useMarkdownContext();
1465
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, markdownContext), {
1609
+ var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
1610
+ "getRemarkPlugins"
1611
+ ]);
1612
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
1613
+ remarkPlugins: getRemarkPlugins2({
1614
+ content: content
1615
+ }),
1466
1616
  children: content.text.value
1467
1617
  }));
1468
1618
  };
1469
1619
  // src/components/threads/Thread/Message/Attachments/index.tsx
1470
- var import_themes25 = require("@radix-ui/themes");
1471
- var import_react_icons5 = require("@radix-ui/react-icons");
1472
- var import_jsx_runtime35 = require("react/jsx-runtime");
1620
+ var import_themes26 = require("@radix-ui/themes");
1621
+ var import_react_icons6 = require("@radix-ui/react-icons");
1622
+ var import_jsx_runtime37 = require("react/jsx-runtime");
1473
1623
  var Attachments = function(param) {
1474
1624
  var message = param.message;
1475
1625
  var _message_attachments;
1476
1626
  if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
1477
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes25.Flex, {
1627
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes26.Flex, {
1478
1628
  align: "start",
1479
1629
  pb: "1",
1480
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes25.Badge, {
1630
+ children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes26.Badge, {
1481
1631
  color: "gray",
1482
1632
  variant: "surface",
1483
1633
  children: [
1484
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons5.FileIcon, {}),
1634
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons6.FileIcon, {}),
1485
1635
  message.attachments.length,
1486
1636
  " file",
1487
1637
  message.attachments.length > 1 ? "s" : ""
@@ -1490,7 +1640,7 @@ var Attachments = function(param) {
1490
1640
  });
1491
1641
  };
1492
1642
  // src/components/threads/Thread/Message/index.tsx
1493
- var import_jsx_runtime36 = require("react/jsx-runtime");
1643
+ var import_jsx_runtime38 = require("react/jsx-runtime");
1494
1644
  var Message = function(param) {
1495
1645
  var message = param.message;
1496
1646
  var _ref = _sliced_to_array((0, import_react24.useMemo)(function() {
@@ -1535,68 +1685,68 @@ var Message = function(param) {
1535
1685
  }, [
1536
1686
  message
1537
1687
  ]);
1538
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Provider, {
1688
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Provider, {
1539
1689
  value: {
1540
1690
  message: message
1541
1691
  },
1542
- children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_themes26.Box, {
1692
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes27.Box, {
1543
1693
  children: [
1544
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RunSteps, {
1694
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RunSteps, {
1545
1695
  runSteps: olderRunSteps
1546
1696
  }),
1547
- /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_themes26.Box, {
1697
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes27.Box, {
1548
1698
  children: [
1549
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Attachments, {
1699
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Attachments, {
1550
1700
  message: message
1551
1701
  }),
1552
1702
  message.content.map(function(content, index) {
1553
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.Fragment, {
1554
- children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TextContent, {
1703
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react24.Fragment, {
1704
+ children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextContent, {
1555
1705
  content: content
1556
1706
  })
1557
1707
  }, index);
1558
1708
  }),
1559
- isInProgress && (0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StartingContentSkeleton, {})
1709
+ isInProgress && (0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
1560
1710
  ]
1561
1711
  }),
1562
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RunSteps, {
1712
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RunSteps, {
1563
1713
  runSteps: laterRunSteps
1564
1714
  }),
1565
- isInProgress && !(0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes26.Box, {
1566
- children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StartingContentSkeleton, {})
1715
+ isInProgress && !(0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes27.Box, {
1716
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
1567
1717
  })
1568
1718
  ]
1569
1719
  })
1570
1720
  });
1571
1721
  };
1572
1722
  // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
1573
- var import_jsx_runtime37 = require("react/jsx-runtime");
1723
+ var import_jsx_runtime39 = require("react/jsx-runtime");
1574
1724
  var Content2 = function(param) {
1575
1725
  var messageGroup = param.messageGroup;
1576
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes27.Flex, {
1726
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes28.Flex, {
1577
1727
  direction: "column-reverse",
1578
1728
  children: messageGroup.messages.map(function(message) {
1579
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, {
1729
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, {
1580
1730
  message: message
1581
1731
  }, message.id);
1582
1732
  })
1583
1733
  });
1584
1734
  };
1585
1735
  // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
1586
- var import_jsx_runtime38 = require("react/jsx-runtime");
1736
+ var import_jsx_runtime40 = require("react/jsx-runtime");
1587
1737
  var MessageGroup = function(param) {
1588
1738
  var messageGroup = param.messageGroup;
1589
1739
  var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
1590
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(MessageGroupBase, {
1740
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(MessageGroupBase, {
1591
1741
  children: [
1592
- messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AssistantAvatar, {}),
1593
- /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes28.Box, {
1742
+ messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantAvatar, {}),
1743
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Box, {
1594
1744
  flexGrow: "1",
1595
1745
  children: [
1596
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Name, {
1746
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Name, {
1597
1747
  children: messageGroup.role === "user" ? "You" : assistantNameContext
1598
1748
  }),
1599
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Content2, {
1749
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Content2, {
1600
1750
  messageGroup: messageGroup
1601
1751
  })
1602
1752
  ]
@@ -1605,7 +1755,7 @@ var MessageGroup = function(param) {
1605
1755
  });
1606
1756
  };
1607
1757
  // src/components/threads/Thread/Messages/Content/index.tsx
1608
- var import_jsx_runtime39 = require("react/jsx-runtime");
1758
+ var import_jsx_runtime41 = require("react/jsx-runtime");
1609
1759
  var Content3 = function() {
1610
1760
  var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
1611
1761
  var addToast = useToasts().addToast;
@@ -1624,11 +1774,11 @@ var Content3 = function() {
1624
1774
  addToast
1625
1775
  ]);
1626
1776
  if (isLoading || isLoadingError) {
1627
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MessagesSkeleton, {});
1777
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MessagesSkeleton, {});
1628
1778
  }
1629
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, {
1779
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {
1630
1780
  children: messageGroups2.map(function(messageGroup) {
1631
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MessageGroup, {
1781
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MessageGroup, {
1632
1782
  messageGroup: messageGroup
1633
1783
  }, messageGroup.id);
1634
1784
  })
@@ -1638,21 +1788,21 @@ var Content3 = function() {
1638
1788
  var import_react29 = require("react");
1639
1789
  // src/components/skeletons/StartingSkeleton/index.tsx
1640
1790
  var import_react27 = require("react");
1641
- var import_themes29 = require("@radix-ui/themes");
1642
- var import_jsx_runtime40 = require("react/jsx-runtime");
1791
+ var import_themes30 = require("@radix-ui/themes");
1792
+ var import_jsx_runtime42 = require("react/jsx-runtime");
1643
1793
  var StartingSkeleton = function(param) {
1644
1794
  var children = param.children;
1645
1795
  var assistantNameContext = (0, import_react27.useContext)(AssistantNameContext);
1646
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(MessageGroupBase, {
1796
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(MessageGroupBase, {
1647
1797
  children: [
1648
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantAvatar, {}),
1649
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Box, {
1798
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AssistantAvatar, {}),
1799
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes30.Box, {
1650
1800
  children: [
1651
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Name, {
1801
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Name, {
1652
1802
  children: assistantNameContext
1653
1803
  }),
1654
1804
  children,
1655
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(StartingContentSkeleton, {})
1805
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StartingContentSkeleton, {})
1656
1806
  ]
1657
1807
  })
1658
1808
  ]
@@ -1677,7 +1827,7 @@ var isOptimistic = function(param) {
1677
1827
  return import_lodash4.default.startsWith(id, "-");
1678
1828
  };
1679
1829
  // src/components/threads/Thread/Messages/Progress/index.tsx
1680
- var import_jsx_runtime41 = require("react/jsx-runtime");
1830
+ var import_jsx_runtime43 = require("react/jsx-runtime");
1681
1831
  var Progress = function() {
1682
1832
  var latestMessage = useLatestMessage().latestMessage;
1683
1833
  var isMutatingMessage = useIsMutatingMessage();
@@ -1695,10 +1845,10 @@ var Progress = function() {
1695
1845
  isMutatingMessage
1696
1846
  ]);
1697
1847
  if (!isVisible) return null;
1698
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StartingSkeleton, {});
1848
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StartingSkeleton, {});
1699
1849
  };
1700
1850
  // src/components/threads/Thread/Messages/Root/index.tsx
1701
- var import_themes30 = require("@radix-ui/themes");
1851
+ var import_themes31 = require("@radix-ui/themes");
1702
1852
  // src/hooks/misc/useInfiniteScroll/index.tsx
1703
1853
  var import_react31 = require("react");
1704
1854
  var import_react_intersection_observer = require("react-intersection-observer");
@@ -1754,7 +1904,7 @@ var useInfiniteScroll = function(param) {
1754
1904
  };
1755
1905
  };
1756
1906
  // src/components/threads/Thread/Messages/Root/index.tsx
1757
- var import_jsx_runtime42 = require("react/jsx-runtime");
1907
+ var import_jsx_runtime44 = require("react/jsx-runtime");
1758
1908
  var Root2 = function(param) {
1759
1909
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
1760
1910
  var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -1763,7 +1913,7 @@ var Root2 = function(param) {
1763
1913
  hasNextPage: hasNextPage,
1764
1914
  fetchNextPage: fetchNextPage
1765
1915
  }), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
1766
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes30.Flex, {
1916
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes31.Flex, {
1767
1917
  ref: containerRef,
1768
1918
  direction: "column-reverse",
1769
1919
  flexGrow: "1",
@@ -1772,10 +1922,10 @@ var Root2 = function(param) {
1772
1922
  }),
1773
1923
  children: [
1774
1924
  children,
1775
- hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Flex, {
1925
+ hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
1776
1926
  ref: loaderRef
1777
1927
  }),
1778
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Flex, {
1928
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
1779
1929
  flexShrink: "0",
1780
1930
  flexGrow: "1"
1781
1931
  })
@@ -1783,30 +1933,30 @@ var Root2 = function(param) {
1783
1933
  });
1784
1934
  };
1785
1935
  // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
1786
- var import_jsx_runtime43 = require("react/jsx-runtime");
1936
+ var import_jsx_runtime45 = require("react/jsx-runtime");
1787
1937
  var NextPageSkeleton = function() {
1788
1938
  var hasNextPage = useMessages().hasNextPage;
1789
1939
  if (!hasNextPage) {
1790
1940
  return null;
1791
1941
  }
1792
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MessagesSkeleton, {});
1942
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MessagesSkeleton, {});
1793
1943
  };
1794
1944
  // src/components/threads/Thread/Messages/index.tsx
1795
- var import_jsx_runtime44 = require("react/jsx-runtime");
1945
+ var import_jsx_runtime46 = require("react/jsx-runtime");
1796
1946
  var Messages = function(param) {
1797
1947
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
1798
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Root2, {
1948
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Root2, {
1799
1949
  style: style,
1800
1950
  children: [
1801
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
1951
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes32.Flex, {
1802
1952
  flexShrink: "0",
1803
1953
  height: "var(--space-3)"
1804
1954
  }),
1805
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Progress, {}),
1955
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Progress, {}),
1806
1956
  children,
1807
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Content3, {}),
1808
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NextPageSkeleton, {}),
1809
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
1957
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Content3, {}),
1958
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NextPageSkeleton, {}),
1959
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes32.Flex, {
1810
1960
  flexShrink: "0",
1811
1961
  flexGrow: "1"
1812
1962
  })
@@ -1817,8 +1967,8 @@ Messages.Root = Root2;
1817
1967
  Messages.Message = Message;
1818
1968
  Messages.NextPageSkeleton = NextPageSkeleton;
1819
1969
  // src/components/threads/Thread/MessageForm/Submit/index.tsx
1820
- var import_react_icons6 = require("@radix-ui/react-icons");
1821
- var import_themes32 = require("@radix-ui/themes");
1970
+ var import_react_icons7 = require("@radix-ui/react-icons");
1971
+ var import_themes33 = require("@radix-ui/themes");
1822
1972
  // src/hooks/messages/useMessageFormContext/index.ts
1823
1973
  var import_react33 = require("react");
1824
1974
  // src/contexts/messages/MessageFormContext/index.ts
@@ -1835,10 +1985,10 @@ var useMessageFormContext = function() {
1835
1985
  return (0, import_react33.useContext)(MessageFormContext);
1836
1986
  };
1837
1987
  // src/components/threads/Thread/MessageForm/Submit/index.tsx
1838
- var import_jsx_runtime45 = require("react/jsx-runtime");
1988
+ var import_jsx_runtime47 = require("react/jsx-runtime");
1839
1989
  var Root3 = function(param) {
1840
1990
  var children = param.children;
1841
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes32.Flex, {
1991
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.Flex, {
1842
1992
  flexShrink: "0",
1843
1993
  align: "end",
1844
1994
  children: children
@@ -1848,24 +1998,24 @@ var Button2 = function() {
1848
1998
  var superinterfaceContext = useSuperinterfaceContext();
1849
1999
  var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
1850
2000
  if (isLoading) {
1851
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes32.IconButton, {
2001
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.IconButton, {
1852
2002
  type: "button",
1853
2003
  onClick: function() {
1854
2004
  var _superinterfaceContext_createMessageAbortControllerRef_current;
1855
2005
  return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
1856
2006
  },
1857
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_icons6.StopIcon, {})
2007
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons7.StopIcon, {})
1858
2008
  });
1859
2009
  }
1860
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes32.IconButton, {
2010
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.IconButton, {
1861
2011
  type: "submit",
1862
2012
  disabled: isDisabled || isFileLoading,
1863
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_icons6.ArrowUpIcon, {})
2013
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons7.ArrowUpIcon, {})
1864
2014
  });
1865
2015
  };
1866
2016
  var Submit = function() {
1867
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Root3, {
1868
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button2, {})
2017
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Root3, {
2018
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button2, {})
1869
2019
  });
1870
2020
  };
1871
2021
  Submit.Root = Root3;
@@ -1874,7 +2024,7 @@ Submit.Button = Button2;
1874
2024
  var import_react_query5 = require("@tanstack/react-query");
1875
2025
  var import_react34 = require("react");
1876
2026
  var import_react_hook_form = require("react-hook-form");
1877
- var import_themes33 = require("@radix-ui/themes");
2027
+ var import_themes34 = require("@radix-ui/themes");
1878
2028
  // src/hooks/messages/useCreateMessage/index.ts
1879
2029
  var import_radash11 = require("radash");
1880
2030
  var import_react_query4 = require("@tanstack/react-query");
@@ -2497,7 +2647,7 @@ var formOptions = {
2497
2647
  };
2498
2648
  // src/components/threads/Thread/MessageForm/Root/index.tsx
2499
2649
  var import_radash12 = require("radash");
2500
- var import_jsx_runtime46 = require("react/jsx-runtime");
2650
+ var import_jsx_runtime48 = require("react/jsx-runtime");
2501
2651
  var Root4 = function(param) {
2502
2652
  var children = param.children, onSubmitArg = param.onSubmit;
2503
2653
  var _ref = _sliced_to_array((0, import_react34.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
@@ -2606,7 +2756,7 @@ var Root4 = function(param) {
2606
2756
  return _ref.apply(this, arguments);
2607
2757
  };
2608
2758
  }();
2609
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MessageFormContext.Provider, {
2759
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessageFormContext.Provider, {
2610
2760
  value: {
2611
2761
  isDisabled: isDisabled,
2612
2762
  isLoading: isLoading,
@@ -2614,11 +2764,11 @@ var Root4 = function(param) {
2614
2764
  setFiles: setFiles,
2615
2765
  isFileLoading: isFileLoading
2616
2766
  },
2617
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
2618
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes33.Box, {
2767
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
2768
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Box, {
2619
2769
  asChild: true,
2620
2770
  flexShrink: "0",
2621
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("form", {
2771
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("form", {
2622
2772
  onSubmit: handleSubmit(onSubmit),
2623
2773
  children: children
2624
2774
  })
@@ -2628,23 +2778,23 @@ var Root4 = function(param) {
2628
2778
  };
2629
2779
  // src/components/threads/Thread/MessageForm/Field/index.tsx
2630
2780
  var import_react_hook_form3 = require("react-hook-form");
2631
- var import_themes37 = require("@radix-ui/themes");
2781
+ var import_themes38 = require("@radix-ui/themes");
2632
2782
  // src/components/threads/Thread/MessageForm/Field/Control.tsx
2633
- var import_themes34 = require("@radix-ui/themes");
2783
+ var import_themes35 = require("@radix-ui/themes");
2634
2784
  var import_react_hook_form2 = require("react-hook-form");
2635
2785
  var import_react_use = require("react-use");
2636
2786
  var import_react36 = require("react");
2637
2787
  // src/components/textareas/TextareaBase/index.tsx
2638
2788
  var import_react35 = require("react");
2639
2789
  var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
2640
- var import_jsx_runtime47 = require("react/jsx-runtime");
2790
+ var import_jsx_runtime49 = require("react/jsx-runtime");
2641
2791
  var TextareaBase = (0, import_react35.forwardRef)(function TextareaBase2(props, ref) {
2642
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, {
2792
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, {
2643
2793
  children: [
2644
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("style", {
2794
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("style", {
2645
2795
  children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
2646
2796
  }),
2647
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_textarea_autosize.default, _object_spread({
2797
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_textarea_autosize.default, _object_spread({
2648
2798
  ref: ref,
2649
2799
  className: "rt-reset superinterface-textarea",
2650
2800
  style: {
@@ -2661,10 +2811,10 @@ var TextareaBase = (0, import_react35.forwardRef)(function TextareaBase2(props,
2661
2811
  });
2662
2812
  });
2663
2813
  // src/components/threads/Thread/MessageForm/Field/Control.tsx
2664
- var import_jsx_runtime48 = require("react/jsx-runtime");
2814
+ var import_jsx_runtime50 = require("react/jsx-runtime");
2665
2815
  var Root5 = function(param) {
2666
2816
  var children = param.children;
2667
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Flex, {
2817
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Flex, {
2668
2818
  flexGrow: "1",
2669
2819
  pt: "4px",
2670
2820
  children: children
@@ -2693,7 +2843,7 @@ var Input = function() {
2693
2843
  isDisabledPrevious,
2694
2844
  textareaProps
2695
2845
  ]);
2696
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TextareaBase, _object_spread_props(_object_spread({
2846
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TextareaBase, _object_spread_props(_object_spread({
2697
2847
  minRows: 1,
2698
2848
  placeholder: "Message ".concat(assistantNameContext, "..."),
2699
2849
  disabled: isDisabled,
@@ -2713,51 +2863,51 @@ var Input = function() {
2713
2863
  }));
2714
2864
  };
2715
2865
  var Control = function() {
2716
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Root5, {
2717
- children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Input, {})
2866
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Root5, {
2867
+ children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Input, {})
2718
2868
  });
2719
2869
  };
2720
2870
  Control.Root = Root5;
2721
2871
  Control.Input = Input;
2722
2872
  // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
2723
- var import_themes35 = require("@radix-ui/themes");
2724
- var import_react_icons7 = require("@radix-ui/react-icons");
2725
- var import_jsx_runtime49 = require("react/jsx-runtime");
2873
+ var import_themes36 = require("@radix-ui/themes");
2874
+ var import_react_icons8 = require("@radix-ui/react-icons");
2875
+ var import_jsx_runtime51 = require("react/jsx-runtime");
2726
2876
  var Preview = function() {
2727
2877
  var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
2728
2878
  if (!files.length) {
2729
2879
  return null;
2730
2880
  }
2731
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
2881
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
2732
2882
  flexBasis: "100%",
2733
2883
  direction: "column",
2734
2884
  pb: "2",
2735
2885
  gap: "1",
2736
2886
  children: files.map(function(file) {
2737
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Card, {
2887
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Card, {
2738
2888
  variant: "ghost",
2739
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes35.Flex, {
2889
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes36.Flex, {
2740
2890
  align: "center",
2741
2891
  justify: "between",
2742
2892
  gap: "1",
2743
2893
  children: [
2744
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes35.Flex, {
2894
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes36.Flex, {
2745
2895
  align: "center",
2746
2896
  gap: "1",
2747
2897
  flexShrink: "1",
2748
2898
  minWidth: "0",
2749
2899
  maxWidth: "250px",
2750
2900
  children: [
2751
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
2901
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
2752
2902
  flexShrink: "0",
2753
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Spinner, {
2903
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Spinner, {
2754
2904
  loading: isOptimistic({
2755
2905
  id: file.id
2756
2906
  }),
2757
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_icons7.FileIcon, {})
2907
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons8.FileIcon, {})
2758
2908
  })
2759
2909
  }),
2760
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Text, {
2910
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Text, {
2761
2911
  size: "2",
2762
2912
  truncate: true,
2763
2913
  wrap: "nowrap",
@@ -2765,9 +2915,9 @@ var Preview = function() {
2765
2915
  })
2766
2916
  ]
2767
2917
  }),
2768
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
2918
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
2769
2919
  flexShrink: "0",
2770
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.IconButton, {
2920
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.IconButton, {
2771
2921
  onClick: function() {
2772
2922
  return setFiles(function(prev) {
2773
2923
  return prev.filter(function(prevFile) {
@@ -2778,7 +2928,7 @@ var Preview = function() {
2778
2928
  color: "gray",
2779
2929
  variant: "ghost",
2780
2930
  size: "1",
2781
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_icons7.Cross2Icon, {})
2931
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons8.Cross2Icon, {})
2782
2932
  })
2783
2933
  })
2784
2934
  ]
@@ -2791,8 +2941,8 @@ var Preview = function() {
2791
2941
  var import_react37 = require("react");
2792
2942
  var import_radash13 = require("radash");
2793
2943
  var import_dayjs2 = __toESM(require("dayjs"), 1);
2794
- var import_react_icons8 = require("@radix-ui/react-icons");
2795
- var import_themes36 = require("@radix-ui/themes");
2944
+ var import_react_icons9 = require("@radix-ui/react-icons");
2945
+ var import_themes37 = require("@radix-ui/themes");
2796
2946
  // src/hooks/files/useCreateFile/index.ts
2797
2947
  var import_react_query6 = require("@tanstack/react-query");
2798
2948
  // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
@@ -2903,7 +3053,7 @@ var useCreateFile = function() {
2903
3053
  });
2904
3054
  };
2905
3055
  // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
2906
- var import_jsx_runtime50 = require("react/jsx-runtime");
3056
+ var import_jsx_runtime52 = require("react/jsx-runtime");
2907
3057
  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";
2908
3058
  var Control2 = function() {
2909
3059
  var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
@@ -3077,11 +3227,11 @@ var Control2 = function() {
3077
3227
  createFile,
3078
3228
  setFiles
3079
3229
  ]);
3080
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Flex, {
3230
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
3081
3231
  pt: "2",
3082
3232
  pr: "2",
3083
3233
  flexGrow: "0",
3084
- children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes36.IconButton, {
3234
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_themes37.IconButton, {
3085
3235
  type: "button",
3086
3236
  variant: "ghost",
3087
3237
  color: "gray",
@@ -3091,8 +3241,8 @@ var Control2 = function() {
3091
3241
  overflow: "hidden"
3092
3242
  },
3093
3243
  children: [
3094
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons8.FilePlusIcon, {}),
3095
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("input", {
3244
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons9.FilePlusIcon, {}),
3245
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("input", {
3096
3246
  type: "file",
3097
3247
  multiple: true,
3098
3248
  accept: accept,
@@ -3117,20 +3267,20 @@ var Files = {
3117
3267
  Control: Control2
3118
3268
  };
3119
3269
  // src/components/threads/Thread/MessageForm/Field/index.tsx
3120
- var import_jsx_runtime51 = require("react/jsx-runtime");
3270
+ var import_jsx_runtime53 = require("react/jsx-runtime");
3121
3271
  var Root6 = function(param) {
3122
3272
  var children = param.children;
3123
3273
  var _ref = (0, import_react_hook_form3.useFormContext)(), errors = _ref.formState.errors;
3124
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Container, {
3274
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Container, {
3125
3275
  size: "2",
3126
3276
  flexGrow: "0",
3127
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Flex, {
3277
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
3128
3278
  direction: "column",
3129
3279
  flexShrink: "0",
3130
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Flex, {
3280
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
3131
3281
  direction: "column",
3132
3282
  flexShrink: "0",
3133
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Flex, {
3283
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
3134
3284
  style: _object_spread({
3135
3285
  borderRadius: "var(--radius-2)",
3136
3286
  borderWidth: "1px",
@@ -3154,13 +3304,13 @@ var Field = {
3154
3304
  Files: Files
3155
3305
  };
3156
3306
  // src/components/threads/Thread/MessageForm/index.tsx
3157
- var import_jsx_runtime52 = require("react/jsx-runtime");
3307
+ var import_jsx_runtime54 = require("react/jsx-runtime");
3158
3308
  var MessageForm = function() {
3159
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Root4, {
3160
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Field.Root, {
3309
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Root4, {
3310
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Field.Root, {
3161
3311
  children: [
3162
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Field.Control, {}),
3163
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Submit, {})
3312
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Field.Control, {}),
3313
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Submit, {})
3164
3314
  ]
3165
3315
  })
3166
3316
  });
@@ -3169,17 +3319,17 @@ MessageForm.Root = Root4;
3169
3319
  MessageForm.Field = Field;
3170
3320
  MessageForm.Submit = Submit;
3171
3321
  // src/components/threads/Thread/Root/index.tsx
3172
- var import_themes38 = require("@radix-ui/themes");
3322
+ var import_themes39 = require("@radix-ui/themes");
3173
3323
  // src/components/threads/Thread/Provider/index.tsx
3174
3324
  var Provider2 = SuperinterfaceProvider;
3175
3325
  // src/components/threads/Thread/Root/index.tsx
3176
- var import_jsx_runtime53 = require("react/jsx-runtime");
3326
+ var import_jsx_runtime55 = require("react/jsx-runtime");
3177
3327
  var Root7 = function(_param) {
3178
3328
  var children = _param.children, rest = _object_without_properties(_param, [
3179
3329
  "children"
3180
3330
  ]);
3181
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
3182
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
3331
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
3332
+ children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes39.Flex, {
3183
3333
  direction: "column",
3184
3334
  flexGrow: "1",
3185
3335
  children: children
@@ -3187,12 +3337,12 @@ var Root7 = function(_param) {
3187
3337
  }));
3188
3338
  };
3189
3339
  // src/components/threads/Thread/index.tsx
3190
- var import_jsx_runtime54 = require("react/jsx-runtime");
3340
+ var import_jsx_runtime56 = require("react/jsx-runtime");
3191
3341
  var Thread = function(props) {
3192
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Root7, _object_spread_props(_object_spread({}, props), {
3342
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Root7, _object_spread_props(_object_spread({}, props), {
3193
3343
  children: [
3194
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Messages, {}),
3195
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MessageForm, {})
3344
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Messages, {}),
3345
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessageForm, {})
3196
3346
  ]
3197
3347
  }));
3198
3348
  };
@@ -3218,12 +3368,12 @@ var useThreadDialogContext = function() {
3218
3368
  return (0, import_react40.useContext)(ThreadDialogContext);
3219
3369
  };
3220
3370
  // src/components/threads/ThreadDialog/Provider/index.tsx
3221
- var import_jsx_runtime55 = require("react/jsx-runtime");
3371
+ var import_jsx_runtime57 = require("react/jsx-runtime");
3222
3372
  var Provider3 = function(param) {
3223
3373
  var children = param.children;
3224
3374
  var threadDialogContext = useThreadDialogContext();
3225
3375
  var _ref = _sliced_to_array((0, import_react41.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
3226
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ThreadDialogContext.Provider, {
3376
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ThreadDialogContext.Provider, {
3227
3377
  value: {
3228
3378
  isOpen: isOpen,
3229
3379
  setIsOpen: setIsOpen
@@ -3236,27 +3386,27 @@ var import_react42 = require("react");
3236
3386
  var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
3237
3387
  // src/components/toasts/ToastsProvider/CustomToast.tsx
3238
3388
  var Toast = __toESM(require("@radix-ui/react-toast"), 1);
3239
- var import_themes39 = require("@radix-ui/themes");
3240
- var import_react_icons9 = require("@radix-ui/react-icons");
3241
- var import_jsx_runtime56 = require("react/jsx-runtime");
3389
+ var import_themes40 = require("@radix-ui/themes");
3390
+ var import_react_icons10 = require("@radix-ui/react-icons");
3391
+ var import_jsx_runtime58 = require("react/jsx-runtime");
3242
3392
  var CustomToast = function(param) {
3243
3393
  var toast = param.toast;
3244
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Toast.Root, {
3245
- children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes39.Card, {
3246
- children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Toast.Title, {
3247
- children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes39.Flex, {
3394
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Toast.Root, {
3395
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Card, {
3396
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Toast.Title, {
3397
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes40.Flex, {
3248
3398
  children: [
3249
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes39.Flex, {
3399
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Flex, {
3250
3400
  pr: "2",
3251
3401
  height: "14px",
3252
3402
  align: "center",
3253
- children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react_icons9.CheckCircledIcon, {
3403
+ children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.CheckCircledIcon, {
3254
3404
  color: "var(--accent-9)"
3255
- }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react_icons9.CrossCircledIcon, {
3405
+ }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.CrossCircledIcon, {
3256
3406
  color: "var(--red-9)"
3257
3407
  })
3258
3408
  }),
3259
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes39.Text, {
3409
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Text, {
3260
3410
  weight: "medium",
3261
3411
  size: "1",
3262
3412
  children: toast.message
@@ -3268,7 +3418,7 @@ var CustomToast = function(param) {
3268
3418
  });
3269
3419
  };
3270
3420
  // src/components/toasts/ToastsProvider/index.tsx
3271
- var import_jsx_runtime57 = require("react/jsx-runtime");
3421
+ var import_jsx_runtime59 = require("react/jsx-runtime");
3272
3422
  var ToastsProvider = function(param) {
3273
3423
  var children = param.children;
3274
3424
  var _ref = _sliced_to_array((0, import_react42.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
@@ -3279,20 +3429,20 @@ var ToastsProvider = function(param) {
3279
3429
  ]);
3280
3430
  });
3281
3431
  }, []);
3282
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ToastsContext.Provider, {
3432
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToastsContext.Provider, {
3283
3433
  value: {
3284
3434
  toasts: toasts,
3285
3435
  addToast: addToast
3286
3436
  },
3287
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Toast2.Provider, {
3437
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Toast2.Provider, {
3288
3438
  children: [
3289
3439
  children,
3290
3440
  Array.from(toasts).map(function(toast, index) {
3291
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CustomToast, {
3441
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CustomToast, {
3292
3442
  toast: toast
3293
3443
  }, index);
3294
3444
  }),
3295
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Toast2.Viewport, {
3445
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Toast2.Viewport, {
3296
3446
  style: {
3297
3447
  position: "absolute",
3298
3448
  bottom: 0,
@@ -3314,34 +3464,34 @@ var ToastsProvider = function(param) {
3314
3464
  });
3315
3465
  };
3316
3466
  // src/components/threads/ThreadDialog/Root/index.tsx
3317
- var import_jsx_runtime58 = require("react/jsx-runtime");
3467
+ var import_jsx_runtime60 = require("react/jsx-runtime");
3318
3468
  var Root9 = function(param) {
3319
3469
  var children = param.children;
3320
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToastsProvider, {
3321
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Provider3, {
3470
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ToastsProvider, {
3471
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Provider3, {
3322
3472
  children: children
3323
3473
  })
3324
3474
  });
3325
3475
  };
3326
3476
  // src/components/threads/ThreadDialog/Trigger/index.tsx
3327
- var import_themes41 = require("@radix-ui/themes");
3477
+ var import_themes42 = require("@radix-ui/themes");
3328
3478
  // src/components/threads/ThreadDialog/Trigger/Button.tsx
3329
- var import_themes40 = require("@radix-ui/themes");
3330
- var import_react_icons10 = require("@radix-ui/react-icons");
3331
- var import_jsx_runtime59 = require("react/jsx-runtime");
3479
+ var import_themes41 = require("@radix-ui/themes");
3480
+ var import_react_icons11 = require("@radix-ui/react-icons");
3481
+ var import_jsx_runtime61 = require("react/jsx-runtime");
3332
3482
  var Button3 = function() {
3333
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes40.IconButton, {
3483
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes41.IconButton, {
3334
3484
  size: "4",
3335
3485
  radius: "full",
3336
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_icons10.ChatBubbleIcon, {})
3486
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons11.ChatBubbleIcon, {})
3337
3487
  });
3338
3488
  };
3339
3489
  // src/components/threads/ThreadDialog/Trigger/index.tsx
3340
- var import_jsx_runtime60 = require("react/jsx-runtime");
3490
+ var import_jsx_runtime62 = require("react/jsx-runtime");
3341
3491
  var Root10 = function(param) {
3342
3492
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
3343
3493
  var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
3344
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes41.Flex, {
3494
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes42.Flex, {
3345
3495
  display: {
3346
3496
  initial: isOpen ? "none" : "flex",
3347
3497
  sm: "flex"
@@ -3365,21 +3515,21 @@ var Root10 = function(param) {
3365
3515
  });
3366
3516
  };
3367
3517
  var Trigger = function(args) {
3368
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
3369
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button3, {})
3518
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
3519
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button3, {})
3370
3520
  }));
3371
3521
  };
3372
3522
  Trigger.Root = Root10;
3373
3523
  Trigger.Button = Button3;
3374
3524
  // src/components/threads/ThreadDialog/Content/index.tsx
3375
- var import_themes43 = require("@radix-ui/themes");
3525
+ var import_themes44 = require("@radix-ui/themes");
3376
3526
  // src/components/threads/ThreadDialog/Close/index.tsx
3377
- var import_react_icons11 = require("@radix-ui/react-icons");
3378
- var import_themes42 = require("@radix-ui/themes");
3379
- var import_jsx_runtime61 = require("react/jsx-runtime");
3527
+ var import_react_icons12 = require("@radix-ui/react-icons");
3528
+ var import_themes43 = require("@radix-ui/themes");
3529
+ var import_jsx_runtime63 = require("react/jsx-runtime");
3380
3530
  var Close = function() {
3381
3531
  var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
3382
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Flex, {
3532
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes43.Flex, {
3383
3533
  display: {
3384
3534
  initial: isOpen ? "flex" : "none",
3385
3535
  sm: "none"
@@ -3399,20 +3549,20 @@ var Close = function() {
3399
3549
  style: {
3400
3550
  zIndex: 9999999999
3401
3551
  },
3402
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.IconButton, {
3552
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes43.IconButton, {
3403
3553
  size: "2",
3404
3554
  variant: "soft",
3405
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons11.Cross1Icon, {})
3555
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_icons12.Cross1Icon, {})
3406
3556
  })
3407
3557
  });
3408
3558
  };
3409
3559
  // src/components/threads/ThreadDialog/Content/index.tsx
3410
- var import_jsx_runtime62 = require("react/jsx-runtime");
3560
+ var import_jsx_runtime64 = require("react/jsx-runtime");
3411
3561
  var Root11 = function(param) {
3412
3562
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
3413
3563
  var isOpen = useThreadDialogContext().isOpen;
3414
3564
  if (!isOpen) return null;
3415
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes43.Flex, {
3565
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
3416
3566
  direction: "column",
3417
3567
  justify: "end",
3418
3568
  position: "fixed",
@@ -3440,7 +3590,7 @@ var Root11 = function(param) {
3440
3590
  style: _object_spread({
3441
3591
  zIndex: 9999999999
3442
3592
  }, style),
3443
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes43.Card, {
3593
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes44.Card, {
3444
3594
  mb: {
3445
3595
  initial: void 0,
3446
3596
  sm: "3"
@@ -3451,7 +3601,7 @@ var Root11 = function(param) {
3451
3601
  flexGrow: 1
3452
3602
  },
3453
3603
  children: [
3454
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes43.Inset, {
3604
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Inset, {
3455
3605
  clip: "padding-box",
3456
3606
  side: "all",
3457
3607
  pb: "current",
@@ -3461,13 +3611,13 @@ var Root11 = function(param) {
3461
3611
  },
3462
3612
  children: children
3463
3613
  }),
3464
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Close, {})
3614
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Close, {})
3465
3615
  ]
3466
3616
  })
3467
3617
  });
3468
3618
  };
3469
3619
  var Messages2 = function() {
3470
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Thread.Messages, {
3620
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Thread.Messages, {
3471
3621
  style: {
3472
3622
  paddingTop: "var(--space-5)",
3473
3623
  paddingRight: "var(--space-5)",
@@ -3477,7 +3627,7 @@ var Messages2 = function() {
3477
3627
  };
3478
3628
  var FormContainer = function(param) {
3479
3629
  var children = param.children;
3480
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes43.Flex, {
3630
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
3481
3631
  direction: "column",
3482
3632
  pl: "5",
3483
3633
  pr: "5",
@@ -3488,13 +3638,13 @@ var FormContainer = function(param) {
3488
3638
  };
3489
3639
  var Content4 = function(param) {
3490
3640
  var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
3491
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Root11, {
3641
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Root11, {
3492
3642
  style: style,
3493
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Thread.Root, {
3643
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Thread.Root, {
3494
3644
  children: [
3495
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Messages2, {}),
3496
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FormContainer, {
3497
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Thread.MessageForm, {})
3645
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Messages2, {}),
3646
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FormContainer, {
3647
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Thread.MessageForm, {})
3498
3648
  })
3499
3649
  ]
3500
3650
  })
@@ -3504,12 +3654,12 @@ Content4.Root = Root11;
3504
3654
  Content4.Messages = Messages2;
3505
3655
  Content4.FormContainer = FormContainer;
3506
3656
  // src/components/threads/ThreadDialog/index.tsx
3507
- var import_jsx_runtime63 = require("react/jsx-runtime");
3657
+ var import_jsx_runtime65 = require("react/jsx-runtime");
3508
3658
  var ThreadDialog = function() {
3509
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Root9, {
3659
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Root9, {
3510
3660
  children: [
3511
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Content4, {}),
3512
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Trigger, {})
3661
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Content4, {}),
3662
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Trigger, {})
3513
3663
  ]
3514
3664
  });
3515
3665
  };
@@ -3518,7 +3668,7 @@ ThreadDialog.Trigger = Trigger;
3518
3668
  ThreadDialog.Content = Content4;
3519
3669
  // src/components/threads/AudioThread/Root/index.tsx
3520
3670
  var import_runtime = require("regenerator-runtime/runtime");
3521
- var import_themes44 = require("@radix-ui/themes");
3671
+ var import_themes45 = require("@radix-ui/themes");
3522
3672
  // src/contexts/threads/AudioThreadContext/index.ts
3523
3673
  var import_react43 = require("react");
3524
3674
  var AudioThreadContext = (0, import_react43.createContext)({
@@ -3955,7 +4105,7 @@ var useMessageAudio = function(param) {
3955
4105
  });
3956
4106
  };
3957
4107
  // src/components/threads/AudioThread/Root/index.tsx
3958
- var import_jsx_runtime64 = require("react/jsx-runtime");
4108
+ var import_jsx_runtime66 = require("react/jsx-runtime");
3959
4109
  var Root12 = function(param) {
3960
4110
  var children = param.children;
3961
4111
  var createMessageProps = useCreateMessage();
@@ -4013,13 +4163,13 @@ var Root12 = function(param) {
4013
4163
  createMessageProps: createMessageProps,
4014
4164
  messageAudioProps: messageAudioProps
4015
4165
  }).status;
4016
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(AudioThreadContext.Provider, {
4166
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AudioThreadContext.Provider, {
4017
4167
  value: {
4018
4168
  status: status,
4019
4169
  recorderProps: recorderProps,
4020
4170
  messageAudioProps: messageAudioProps
4021
4171
  },
4022
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
4172
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes45.Flex, {
4023
4173
  direction: "column",
4024
4174
  flexGrow: "1",
4025
4175
  p: "9",
@@ -4030,7 +4180,7 @@ var Root12 = function(param) {
4030
4180
  // src/components/threads/AudioThread/Visualization/index.tsx
4031
4181
  var import_react49 = require("react");
4032
4182
  var import_lodash9 = __toESM(require("lodash"), 1);
4033
- var import_themes46 = require("@radix-ui/themes");
4183
+ var import_themes47 = require("@radix-ui/themes");
4034
4184
  // src/hooks/threads/useAudioThreadContext/index.ts
4035
4185
  var import_react47 = require("react");
4036
4186
  var useAudioThreadContext = function() {
@@ -4038,10 +4188,10 @@ var useAudioThreadContext = function() {
4038
4188
  };
4039
4189
  // src/components/threads/AudioThread/BarsVisualizer/index.tsx
4040
4190
  var import_lodash8 = __toESM(require("lodash"), 1);
4041
- var import_themes45 = require("@radix-ui/themes");
4191
+ var import_themes46 = require("@radix-ui/themes");
4042
4192
  var import_react48 = require("react");
4043
4193
  var import_radash15 = require("radash");
4044
- var import_jsx_runtime65 = require("react/jsx-runtime");
4194
+ var import_jsx_runtime67 = require("react/jsx-runtime");
4045
4195
  var barCount = 4;
4046
4196
  var BarsVisualizer = function(param) {
4047
4197
  var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
@@ -4072,7 +4222,7 @@ var BarsVisualizer = function(param) {
4072
4222
  draw,
4073
4223
  visualizationAnalyser
4074
4224
  ]);
4075
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Grid, {
4225
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Grid, {
4076
4226
  columns: "".concat(barCount),
4077
4227
  gap: "1",
4078
4228
  width: "auto",
@@ -4081,12 +4231,12 @@ var BarsVisualizer = function(param) {
4081
4231
  gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
4082
4232
  },
4083
4233
  children: barHeights.map(function(barHeight, index) {
4084
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Flex, {
4234
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Flex, {
4085
4235
  direction: "column",
4086
4236
  align: "center",
4087
4237
  justify: "center",
4088
4238
  height: height,
4089
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Flex, {
4239
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Flex, {
4090
4240
  minHeight: "50%",
4091
4241
  maxHeight: "100%",
4092
4242
  height: "".concat(barHeight + 20, "%"),
@@ -4101,7 +4251,7 @@ var BarsVisualizer = function(param) {
4101
4251
  });
4102
4252
  };
4103
4253
  // src/components/threads/AudioThread/Visualization/index.tsx
4104
- var import_jsx_runtime66 = require("react/jsx-runtime");
4254
+ var import_jsx_runtime68 = require("react/jsx-runtime");
4105
4255
  var Visualization = function() {
4106
4256
  var audioThreadContext = useAudioThreadContext();
4107
4257
  var assistantNameContext = (0, import_react49.useContext)(AssistantNameContext);
@@ -4129,14 +4279,14 @@ var Visualization = function() {
4129
4279
  draw,
4130
4280
  audioThreadContext
4131
4281
  ]);
4132
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes46.Flex, {
4282
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes47.Flex, {
4133
4283
  direction: "column",
4134
4284
  align: "center",
4135
4285
  justify: "center",
4136
4286
  mb: "3",
4137
4287
  flexGrow: "1",
4138
4288
  children: [
4139
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes46.Flex, {
4289
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes47.Flex, {
4140
4290
  align: "center",
4141
4291
  justify: "center",
4142
4292
  height: "200px",
@@ -4146,20 +4296,20 @@ var Visualization = function() {
4146
4296
  borderRadius: "9999px",
4147
4297
  scale: scale
4148
4298
  },
4149
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BarsVisualizer, {
4299
+ children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(BarsVisualizer, {
4150
4300
  visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
4151
4301
  backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
4152
4302
  height: "40px",
4153
4303
  barWidth: "24px"
4154
4304
  })
4155
4305
  }),
4156
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes46.Flex, {
4306
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes47.Flex, {
4157
4307
  ml: "-22.5px",
4158
4308
  gap: "3",
4159
4309
  pt: "5",
4160
4310
  children: [
4161
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AssistantAvatar, {}),
4162
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Name, {
4311
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(AssistantAvatar, {}),
4312
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Name, {
4163
4313
  children: assistantNameContext
4164
4314
  })
4165
4315
  ]
@@ -4168,8 +4318,8 @@ var Visualization = function() {
4168
4318
  });
4169
4319
  };
4170
4320
  // src/components/threads/AudioThread/Status/StatusMessages.tsx
4171
- var import_themes47 = require("@radix-ui/themes");
4172
- var import_jsx_runtime67 = require("react/jsx-runtime");
4321
+ var import_themes48 = require("@radix-ui/themes");
4322
+ var import_jsx_runtime69 = require("react/jsx-runtime");
4173
4323
  var html = function(param) {
4174
4324
  var texts = param.texts;
4175
4325
  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) {
@@ -4178,17 +4328,17 @@ var html = function(param) {
4178
4328
  };
4179
4329
  var StatusMessages = function(param) {
4180
4330
  var texts = param.texts;
4181
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes47.Flex, {
4331
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_themes48.Flex, {
4182
4332
  justify: "center",
4183
4333
  pb: "5",
4184
4334
  children: [
4185
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes47.Text, {
4335
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes48.Text, {
4186
4336
  size: "2",
4187
4337
  weight: "regular",
4188
4338
  color: "gray",
4189
4339
  className: "status-messages-texts"
4190
4340
  }),
4191
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("style", {
4341
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", {
4192
4342
  dangerouslySetInnerHTML: {
4193
4343
  __html: html({
4194
4344
  texts: texts
@@ -4199,11 +4349,11 @@ var StatusMessages = function(param) {
4199
4349
  });
4200
4350
  };
4201
4351
  // src/components/threads/AudioThread/Status/index.tsx
4202
- var import_jsx_runtime68 = require("react/jsx-runtime");
4352
+ var import_jsx_runtime70 = require("react/jsx-runtime");
4203
4353
  var Status = function() {
4204
4354
  var audioThreadContext = useAudioThreadContext();
4205
4355
  if (audioThreadContext.status === "recording") {
4206
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusMessages, {
4356
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
4207
4357
  texts: [
4208
4358
  "Start speaking",
4209
4359
  "Listening",
@@ -4217,31 +4367,31 @@ var Status = function() {
4217
4367
  "idle",
4218
4368
  "playerPaused"
4219
4369
  ].includes(audioThreadContext.status)) {
4220
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusMessages, {
4370
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
4221
4371
  texts: [
4222
4372
  "Click the button below to activate"
4223
4373
  ]
4224
4374
  });
4225
4375
  }
4226
4376
  if (audioThreadContext.status === "playing") {
4227
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusMessages, {
4377
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
4228
4378
  texts: [
4229
4379
  "Click the button below to interrupt"
4230
4380
  ]
4231
4381
  });
4232
4382
  }
4233
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusMessages, {
4383
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
4234
4384
  texts: [
4235
4385
  "Thinking"
4236
4386
  ]
4237
4387
  });
4238
4388
  };
4239
4389
  // src/components/threads/AudioThread/Form/index.tsx
4240
- var import_themes49 = require("@radix-ui/themes");
4390
+ var import_themes50 = require("@radix-ui/themes");
4241
4391
  // src/components/threads/AudioThread/Form/MicIcon.tsx
4242
- var import_jsx_runtime69 = require("react/jsx-runtime");
4392
+ var import_jsx_runtime71 = require("react/jsx-runtime");
4243
4393
  var MicIcon = function(props) {
4244
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", _object_spread_props(_object_spread({
4394
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", _object_spread_props(_object_spread({
4245
4395
  xmlns: "http://www.w3.org/2000/svg",
4246
4396
  fill: "currentColor",
4247
4397
  stroke: "currentColor",
@@ -4250,54 +4400,54 @@ var MicIcon = function(props) {
4250
4400
  height: "15",
4251
4401
  width: "15"
4252
4402
  }, props), {
4253
- children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", {
4403
+ children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", {
4254
4404
  stroke: "none",
4255
4405
  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"
4256
4406
  })
4257
4407
  }));
4258
4408
  };
4259
4409
  // src/components/threads/AudioThread/Form/ActionButton/index.tsx
4260
- var import_themes48 = require("@radix-ui/themes");
4261
- var import_react_icons12 = require("@radix-ui/react-icons");
4262
- var import_jsx_runtime70 = require("react/jsx-runtime");
4410
+ var import_themes49 = require("@radix-ui/themes");
4411
+ var import_react_icons13 = require("@radix-ui/react-icons");
4412
+ var import_jsx_runtime72 = require("react/jsx-runtime");
4263
4413
  var ActionButton = function() {
4264
4414
  var audioThreadContext = useAudioThreadContext();
4265
4415
  var superinterfaceContext = useSuperinterfaceContext();
4266
4416
  if (audioThreadContext.status === "recording") {
4267
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_themes48.Flex, {
4417
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes49.Flex, {
4268
4418
  align: "center",
4269
4419
  children: [
4270
- /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.Flex, {
4420
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, {
4271
4421
  mr: "3",
4272
4422
  ml: "-7",
4273
- children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
4423
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4274
4424
  onClick: audioThreadContext.recorderProps.pause,
4275
4425
  color: "gray",
4276
4426
  variant: "soft",
4277
4427
  size: "1",
4278
- children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.PauseIcon, {})
4428
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.PauseIcon, {})
4279
4429
  })
4280
4430
  }),
4281
- /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
4431
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4282
4432
  onClick: audioThreadContext.recorderProps.stop,
4283
4433
  highContrast: true,
4284
4434
  variant: "soft",
4285
4435
  size: "4",
4286
- children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.ArrowUpIcon, {})
4436
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ArrowUpIcon, {})
4287
4437
  })
4288
4438
  ]
4289
4439
  });
4290
4440
  }
4291
4441
  if (audioThreadContext.status === "recorderPaused") {
4292
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
4442
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4293
4443
  onClick: audioThreadContext.recorderProps.resume,
4294
4444
  color: "red",
4295
4445
  size: "4",
4296
- children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.ResumeIcon, {})
4446
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ResumeIcon, {})
4297
4447
  });
4298
4448
  }
4299
4449
  if (audioThreadContext.status === "idle") {
4300
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
4450
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4301
4451
  onClick: function() {
4302
4452
  return audioThreadContext.recorderProps.start();
4303
4453
  },
@@ -4306,7 +4456,7 @@ var ActionButton = function() {
4306
4456
  });
4307
4457
  }
4308
4458
  if (audioThreadContext.status === "playing") {
4309
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
4459
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4310
4460
  onClick: function() {
4311
4461
  var _superinterfaceContext_createMessageAbortControllerRef_current;
4312
4462
  audioThreadContext.messageAudioProps.stop();
@@ -4316,54 +4466,54 @@ var ActionButton = function() {
4316
4466
  size: "4",
4317
4467
  color: "gray",
4318
4468
  variant: "soft",
4319
- children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.StopIcon, {})
4469
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.StopIcon, {})
4320
4470
  });
4321
4471
  }
4322
4472
  if (audioThreadContext.status === "playerPaused") {
4323
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
4473
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4324
4474
  onClick: function() {
4325
4475
  return audioThreadContext.messageAudioProps.play();
4326
4476
  },
4327
4477
  size: "4",
4328
- children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.ResumeIcon, {})
4478
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ResumeIcon, {})
4329
4479
  });
4330
4480
  }
4331
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
4481
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
4332
4482
  size: "4",
4333
4483
  variant: "soft",
4334
4484
  disabled: true
4335
4485
  });
4336
4486
  };
4337
4487
  // src/components/threads/AudioThread/Form/index.tsx
4338
- var import_jsx_runtime71 = require("react/jsx-runtime");
4488
+ var import_jsx_runtime73 = require("react/jsx-runtime");
4339
4489
  var Form = function() {
4340
4490
  var audioThreadContext = useAudioThreadContext();
4341
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes49.Flex, {
4491
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.Flex, {
4342
4492
  direction: "column",
4343
4493
  align: "center",
4344
4494
  children: [
4345
- /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes49.Flex, {
4495
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.Flex, {
4346
4496
  pb: "3",
4347
4497
  align: "center",
4348
4498
  children: [
4349
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Flex, {
4499
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, {
4350
4500
  ml: "-22.5px",
4351
4501
  mr: "2",
4352
4502
  align: "center",
4353
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MicIcon, {
4503
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MicIcon, {
4354
4504
  style: {
4355
4505
  color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
4356
4506
  }
4357
4507
  })
4358
4508
  }),
4359
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Flex, {
4509
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, {
4360
4510
  px: "2",
4361
4511
  py: "1",
4362
4512
  style: {
4363
4513
  backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
4364
4514
  borderRadius: "var(--radius-6)"
4365
4515
  },
4366
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(BarsVisualizer, {
4516
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BarsVisualizer, {
4367
4517
  visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
4368
4518
  backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
4369
4519
  height: "20px",
@@ -4372,18 +4522,18 @@ var Form = function() {
4372
4522
  })
4373
4523
  ]
4374
4524
  }),
4375
- /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ActionButton, {})
4525
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ActionButton, {})
4376
4526
  ]
4377
4527
  });
4378
4528
  };
4379
4529
  // src/components/threads/AudioThread/index.tsx
4380
- var import_jsx_runtime72 = require("react/jsx-runtime");
4530
+ var import_jsx_runtime74 = require("react/jsx-runtime");
4381
4531
  var AudioThread = function(props) {
4382
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
4532
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
4383
4533
  children: [
4384
- /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Visualization, {}),
4385
- /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Status, {}),
4386
- /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Form, {})
4534
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Visualization, {}),
4535
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Status, {}),
4536
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Form, {})
4387
4537
  ]
4388
4538
  }));
4389
4539
  };
@@ -4391,14 +4541,14 @@ AudioThread.Root = Root12;
4391
4541
  AudioThread.Visualization = Visualization;
4392
4542
  AudioThread.Form = Form;
4393
4543
  // src/components/threads/AudioThreadDialog/index.tsx
4394
- var import_jsx_runtime73 = require("react/jsx-runtime");
4544
+ var import_jsx_runtime75 = require("react/jsx-runtime");
4395
4545
  var AudioThreadDialog = function() {
4396
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Root9, {
4546
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Root9, {
4397
4547
  children: [
4398
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Content4.Root, {
4399
- children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(AudioThread, {})
4548
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Content4.Root, {
4549
+ children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(AudioThread, {})
4400
4550
  }),
4401
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Trigger, {})
4551
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Trigger, {})
4402
4552
  ]
4403
4553
  });
4404
4554
  };
@@ -4411,15 +4561,15 @@ var import_react51 = require("react");
4411
4561
  var import_react50 = require("react");
4412
4562
  var import_radash16 = require("radash");
4413
4563
  var import_react_children_utilities = require("react-children-utilities");
4414
- var import_themes51 = require("@radix-ui/themes");
4564
+ var import_themes52 = require("@radix-ui/themes");
4415
4565
  // src/components/suggestions/Suggestions/Item.tsx
4416
- var import_react_icons13 = require("@radix-ui/react-icons");
4417
- var import_themes50 = require("@radix-ui/themes");
4418
- var import_jsx_runtime74 = require("react/jsx-runtime");
4566
+ var import_react_icons14 = require("@radix-ui/react-icons");
4567
+ var import_themes51 = require("@radix-ui/themes");
4568
+ var import_jsx_runtime76 = require("react/jsx-runtime");
4419
4569
  var Item = function(param) {
4420
4570
  var suggestion = param.suggestion, isDisabled = param.isDisabled;
4421
4571
  var _useCreateMessage = useCreateMessage(), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
4422
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Content5, {
4572
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Content5, {
4423
4573
  onClick: function() {
4424
4574
  createMessage({
4425
4575
  // @ts-ignore-next-line
@@ -4433,7 +4583,7 @@ var Item = function(param) {
4433
4583
  };
4434
4584
  var Content5 = function(param) {
4435
4585
  var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
4436
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_themes50.Button, {
4586
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes51.Button, {
4437
4587
  variant: "soft",
4438
4588
  onClick: onClick,
4439
4589
  disabled: isDisabled,
@@ -4443,14 +4593,14 @@ var Content5 = function(param) {
4443
4593
  flexShrink: 1
4444
4594
  },
4445
4595
  children: [
4446
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes50.Text, {
4596
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes51.Text, {
4447
4597
  size: "1",
4448
4598
  weight: "regular",
4449
4599
  children: children
4450
4600
  }),
4451
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes50.Spinner, {
4601
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes51.Spinner, {
4452
4602
  loading: isPending,
4453
- children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_icons13.ArrowUpIcon, {
4603
+ children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons14.ArrowUpIcon, {
4454
4604
  style: {
4455
4605
  flexShrink: 0
4456
4606
  }
@@ -4461,7 +4611,7 @@ var Content5 = function(param) {
4461
4611
  };
4462
4612
  Item.Content = Content5;
4463
4613
  // src/components/suggestions/Suggestions/Content.tsx
4464
- var import_jsx_runtime75 = require("react/jsx-runtime");
4614
+ var import_jsx_runtime77 = require("react/jsx-runtime");
4465
4615
  var Content6 = function(param) {
4466
4616
  var children = param.children;
4467
4617
  var isMutatingMessage = useIsMutatingMessage();
@@ -4475,12 +4625,12 @@ var Content6 = function(param) {
4475
4625
  children
4476
4626
  ]);
4477
4627
  if ((0, import_radash16.isEmpty)(suggestions)) return null;
4478
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes51.Flex, {
4628
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Flex, {
4479
4629
  gap: "2",
4480
4630
  py: "2",
4481
4631
  wrap: "wrap",
4482
4632
  children: suggestions.map(function(suggestion) {
4483
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Item, {
4633
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Item, {
4484
4634
  suggestion: suggestion,
4485
4635
  isDisabled: isMutatingMessage
4486
4636
  }, suggestion);
@@ -4488,7 +4638,7 @@ var Content6 = function(param) {
4488
4638
  });
4489
4639
  };
4490
4640
  // src/components/suggestions/Suggestions/index.tsx
4491
- var import_jsx_runtime76 = require("react/jsx-runtime");
4641
+ var import_jsx_runtime78 = require("react/jsx-runtime");
4492
4642
  var Suggestions = function(param) {
4493
4643
  var children = param.children;
4494
4644
  var latestMessageProps = useLatestMessage();
@@ -4501,14 +4651,14 @@ var Suggestions = function(param) {
4501
4651
  ]);
4502
4652
  if (latestMessageProps.isLoading) return null;
4503
4653
  if (isDisabled) return null;
4504
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Content6, {
4654
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Content6, {
4505
4655
  children: children
4506
4656
  });
4507
4657
  };
4508
4658
  Suggestions.Item = Item;
4509
4659
  // src/components/markdown/MarkdownProvider/index.tsx
4510
4660
  var import_react52 = require("react");
4511
- var import_jsx_runtime77 = require("react/jsx-runtime");
4661
+ var import_jsx_runtime79 = require("react/jsx-runtime");
4512
4662
  var MarkdownProvider = function(_param) {
4513
4663
  var children = _param.children, rest = _object_without_properties(_param, [
4514
4664
  "children"
@@ -4520,7 +4670,7 @@ var MarkdownProvider = function(_param) {
4520
4670
  rest,
4521
4671
  prevMarkdownContext
4522
4672
  ]);
4523
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MarkdownContext.Provider, {
4673
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MarkdownContext.Provider, {
4524
4674
  value: value,
4525
4675
  children: children
4526
4676
  });
@@ -4533,7 +4683,7 @@ var useComponents = function() {
4533
4683
  return (0, import_react53.useContext)(ComponentsContext);
4534
4684
  };
4535
4685
  // src/components/components/ComponentsProvider.tsx
4536
- var import_jsx_runtime78 = require("react/jsx-runtime");
4686
+ var import_jsx_runtime80 = require("react/jsx-runtime");
4537
4687
  var ComponentsProvider = function(_param) {
4538
4688
  var children = _param.children, rest = _object_without_properties(_param, [
4539
4689
  "children"
@@ -4545,7 +4695,7 @@ var ComponentsProvider = function(_param) {
4545
4695
  rest,
4546
4696
  prevComponents
4547
4697
  ]);
4548
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ComponentsContext.Provider, {
4698
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ComponentsContext.Provider, {
4549
4699
  value: value,
4550
4700
  children: children
4551
4701
  });