@superinterface/react 2.14.0 → 2.15.1

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 (5) hide show
  1. package/dist/index.cjs +230 -223
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +187 -180
  4. package/dist/index.js.map +1 -1
  5. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -845,6 +845,7 @@ var AssistantNameContext = (0, import_react12.createContext)("Assistant");
845
845
  var import_themes26 = require("@radix-ui/themes");
846
846
  // src/components/threads/Thread/Message/index.tsx
847
847
  var import_react22 = require("react");
848
+ var import_radash3 = require("radash");
848
849
  var import_themes25 = require("@radix-ui/themes");
849
850
  // src/components/skeletons/StartingContentSkeleton/index.tsx
850
851
  var import_themes6 = require("@radix-ui/themes");
@@ -1176,7 +1177,7 @@ var MessageContext = (0, import_react19.createContext)({
1176
1177
  // src/components/threads/Thread/Message/Provider.tsx
1177
1178
  var Provider = MessageContext.Provider;
1178
1179
  // src/components/threads/Thread/Message/TextContent.tsx
1179
- var import_react_remark = require("react-remark");
1180
+ var import_react_markdown = __toESM(require("react-markdown"), 1);
1180
1181
  // src/hooks/markdown/useMarkdownContext/index.ts
1181
1182
  var import_react21 = require("react");
1182
1183
  // src/contexts/markdown/MarkdownContext/index.ts
@@ -1321,13 +1322,16 @@ var useMarkdownContext = function() {
1321
1322
  return (0, import_react21.useContext)(MarkdownContext);
1322
1323
  };
1323
1324
  // src/components/threads/Thread/Message/TextContent.tsx
1325
+ var import_jsx_runtime30 = require("react/jsx-runtime");
1324
1326
  var TextContent = function(param) {
1325
1327
  var content = param.content;
1326
1328
  var markdownContext = useMarkdownContext();
1327
- return (0, import_react_remark.useRemarkSync)(content.text.value, markdownContext);
1329
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, markdownContext), {
1330
+ children: content.text.value
1331
+ }));
1328
1332
  };
1329
1333
  // src/components/threads/Thread/Message/index.tsx
1330
- var import_jsx_runtime30 = require("react/jsx-runtime");
1334
+ var import_jsx_runtime31 = require("react/jsx-runtime");
1331
1335
  var Message = function(param) {
1332
1336
  var message = param.message;
1333
1337
  var _ref = _sliced_to_array((0, import_react22.useMemo)(function() {
@@ -1372,65 +1376,68 @@ var Message = function(param) {
1372
1376
  }, [
1373
1377
  message
1374
1378
  ]);
1375
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Provider, {
1379
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Provider, {
1376
1380
  value: {
1377
1381
  message: message
1378
1382
  },
1379
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes25.Box, {
1383
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_themes25.Box, {
1380
1384
  children: [
1381
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RunSteps, {
1385
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RunSteps, {
1382
1386
  runSteps: olderRunSteps
1383
1387
  }),
1384
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes25.Box, {
1388
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_themes25.Box, {
1385
1389
  children: [
1386
1390
  message.content.map(function(content, index) {
1387
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.Fragment, {
1388
- children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TextContent, {
1391
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react22.Fragment, {
1392
+ children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TextContent, {
1389
1393
  content: content
1390
1394
  })
1391
1395
  }, index);
1392
1396
  }),
1393
- isInProgress && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(StartingContentSkeleton, {})
1397
+ isInProgress && (0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StartingContentSkeleton, {})
1394
1398
  ]
1395
1399
  }),
1396
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RunSteps, {
1400
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RunSteps, {
1397
1401
  runSteps: laterRunSteps
1402
+ }),
1403
+ isInProgress && !(0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes25.Box, {
1404
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StartingContentSkeleton, {})
1398
1405
  })
1399
1406
  ]
1400
1407
  })
1401
1408
  });
1402
1409
  };
1403
1410
  // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
1404
- var import_jsx_runtime31 = require("react/jsx-runtime");
1411
+ var import_jsx_runtime32 = require("react/jsx-runtime");
1405
1412
  var Content2 = function(param) {
1406
1413
  var messageGroup = param.messageGroup;
1407
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes26.Flex, {
1414
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes26.Flex, {
1408
1415
  direction: "column-reverse",
1409
1416
  children: messageGroup.messages.map(function(message) {
1410
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Message, {
1417
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Message, {
1411
1418
  message: message
1412
1419
  }, message.id);
1413
1420
  })
1414
1421
  });
1415
1422
  };
1416
1423
  // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
1417
- var import_jsx_runtime32 = require("react/jsx-runtime");
1424
+ var import_jsx_runtime33 = require("react/jsx-runtime");
1418
1425
  var MessageGroup = function(param) {
1419
1426
  var messageGroup = param.messageGroup;
1420
1427
  var assistantNameContext = (0, import_react23.useContext)(AssistantNameContext);
1421
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(MessageGroupBase, {
1428
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MessageGroupBase, {
1422
1429
  children: [
1423
- messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes27.Avatar, {
1424
- fallback: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons4.PersonIcon, {}),
1430
+ messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes27.Avatar, {
1431
+ fallback: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_icons4.PersonIcon, {}),
1425
1432
  size: "1"
1426
- }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AssistantAvatar, {}),
1427
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_themes27.Box, {
1433
+ }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AssistantAvatar, {}),
1434
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes27.Box, {
1428
1435
  flexGrow: "1",
1429
1436
  children: [
1430
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Name, {
1437
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Name, {
1431
1438
  children: messageGroup.role === "user" ? "You" : assistantNameContext
1432
1439
  }),
1433
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Content2, {
1440
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Content2, {
1434
1441
  messageGroup: messageGroup
1435
1442
  })
1436
1443
  ]
@@ -1439,7 +1446,7 @@ var MessageGroup = function(param) {
1439
1446
  });
1440
1447
  };
1441
1448
  // src/components/threads/Thread/Messages/Content/index.tsx
1442
- var import_jsx_runtime33 = require("react/jsx-runtime");
1449
+ var import_jsx_runtime34 = require("react/jsx-runtime");
1443
1450
  var Content3 = function() {
1444
1451
  var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
1445
1452
  var addToast = useToasts().addToast;
@@ -1458,11 +1465,11 @@ var Content3 = function() {
1458
1465
  addToast
1459
1466
  ]);
1460
1467
  if (isLoading || isLoadingError) {
1461
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MessagesSkeleton, {});
1468
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MessagesSkeleton, {});
1462
1469
  }
1463
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, {
1470
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, {
1464
1471
  children: messageGroups2.map(function(messageGroup) {
1465
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MessageGroup, {
1472
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MessageGroup, {
1466
1473
  messageGroup: messageGroup
1467
1474
  }, messageGroup.id);
1468
1475
  })
@@ -1473,20 +1480,20 @@ var import_react27 = require("react");
1473
1480
  // src/components/skeletons/StartingSkeleton/index.tsx
1474
1481
  var import_react25 = require("react");
1475
1482
  var import_themes28 = require("@radix-ui/themes");
1476
- var import_jsx_runtime34 = require("react/jsx-runtime");
1483
+ var import_jsx_runtime35 = require("react/jsx-runtime");
1477
1484
  var StartingSkeleton = function(param) {
1478
1485
  var children = param.children;
1479
1486
  var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
1480
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(MessageGroupBase, {
1487
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(MessageGroupBase, {
1481
1488
  children: [
1482
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AssistantAvatar, {}),
1483
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes28.Box, {
1489
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AssistantAvatar, {}),
1490
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes28.Box, {
1484
1491
  children: [
1485
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Name, {
1492
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Name, {
1486
1493
  children: assistantNameContext
1487
1494
  }),
1488
1495
  children,
1489
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(StartingContentSkeleton, {})
1496
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StartingContentSkeleton, {})
1490
1497
  ]
1491
1498
  })
1492
1499
  ]
@@ -1511,7 +1518,7 @@ var isOptimistic = function(param) {
1511
1518
  return import_lodash4.default.startsWith(id, "-");
1512
1519
  };
1513
1520
  // src/components/threads/Thread/Messages/Progress/index.tsx
1514
- var import_jsx_runtime35 = require("react/jsx-runtime");
1521
+ var import_jsx_runtime36 = require("react/jsx-runtime");
1515
1522
  var Progress = function() {
1516
1523
  var latestMessage = useLatestMessage().latestMessage;
1517
1524
  var isMutatingMessage = useIsMutatingMessage();
@@ -1529,7 +1536,7 @@ var Progress = function() {
1529
1536
  isMutatingMessage
1530
1537
  ]);
1531
1538
  if (!isVisible) return null;
1532
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StartingSkeleton, {});
1539
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StartingSkeleton, {});
1533
1540
  };
1534
1541
  // src/components/threads/Thread/Messages/Root/index.tsx
1535
1542
  var import_themes29 = require("@radix-ui/themes");
@@ -1588,7 +1595,7 @@ var useInfiniteScroll = function(param) {
1588
1595
  };
1589
1596
  };
1590
1597
  // src/components/threads/Thread/Messages/Root/index.tsx
1591
- var import_jsx_runtime36 = require("react/jsx-runtime");
1598
+ var import_jsx_runtime37 = require("react/jsx-runtime");
1592
1599
  var Root2 = function(param) {
1593
1600
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
1594
1601
  var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -1597,7 +1604,7 @@ var Root2 = function(param) {
1597
1604
  hasNextPage: hasNextPage,
1598
1605
  fetchNextPage: fetchNextPage
1599
1606
  }), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
1600
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_themes29.Flex, {
1607
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes29.Flex, {
1601
1608
  ref: containerRef,
1602
1609
  direction: "column-reverse",
1603
1610
  flexGrow: "1",
@@ -1606,10 +1613,10 @@ var Root2 = function(param) {
1606
1613
  }),
1607
1614
  children: [
1608
1615
  children,
1609
- hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes29.Flex, {
1616
+ hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Flex, {
1610
1617
  ref: loaderRef
1611
1618
  }),
1612
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes29.Flex, {
1619
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Flex, {
1613
1620
  flexShrink: "0",
1614
1621
  flexGrow: "1"
1615
1622
  })
@@ -1617,30 +1624,30 @@ var Root2 = function(param) {
1617
1624
  });
1618
1625
  };
1619
1626
  // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
1620
- var import_jsx_runtime37 = require("react/jsx-runtime");
1627
+ var import_jsx_runtime38 = require("react/jsx-runtime");
1621
1628
  var NextPageSkeleton = function() {
1622
1629
  var hasNextPage = useMessages().hasNextPage;
1623
1630
  if (!hasNextPage) {
1624
1631
  return null;
1625
1632
  }
1626
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MessagesSkeleton, {});
1633
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MessagesSkeleton, {});
1627
1634
  };
1628
1635
  // src/components/threads/Thread/Messages/index.tsx
1629
- var import_jsx_runtime38 = require("react/jsx-runtime");
1636
+ var import_jsx_runtime39 = require("react/jsx-runtime");
1630
1637
  var Messages = function(param) {
1631
1638
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
1632
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Root2, {
1639
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Root2, {
1633
1640
  style: style,
1634
1641
  children: [
1635
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes30.Flex, {
1642
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes30.Flex, {
1636
1643
  flexShrink: "0",
1637
1644
  height: "var(--space-3)"
1638
1645
  }),
1639
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Progress, {}),
1646
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Progress, {}),
1640
1647
  children,
1641
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Content3, {}),
1642
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NextPageSkeleton, {}),
1643
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes30.Flex, {
1648
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Content3, {}),
1649
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NextPageSkeleton, {}),
1650
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes30.Flex, {
1644
1651
  flexShrink: "0",
1645
1652
  flexGrow: "1"
1646
1653
  })
@@ -1668,24 +1675,24 @@ var useMessageFormContext = function() {
1668
1675
  return (0, import_react31.useContext)(MessageFormContext);
1669
1676
  };
1670
1677
  // src/components/threads/Thread/MessageForm/Submit/index.tsx
1671
- var import_jsx_runtime39 = require("react/jsx-runtime");
1678
+ var import_jsx_runtime40 = require("react/jsx-runtime");
1672
1679
  var Submit = function() {
1673
1680
  var superinterfaceContext = useSuperinterfaceContext();
1674
1681
  var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
1675
1682
  if (isLoading) {
1676
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.IconButton, {
1683
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes31.IconButton, {
1677
1684
  type: "button",
1678
1685
  onClick: function() {
1679
1686
  var _superinterfaceContext_createMessageAbortControllerRef_current;
1680
1687
  return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
1681
1688
  },
1682
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_icons5.StopIcon, {})
1689
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons5.StopIcon, {})
1683
1690
  });
1684
1691
  }
1685
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.IconButton, {
1692
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes31.IconButton, {
1686
1693
  type: "submit",
1687
1694
  disabled: isDisabled,
1688
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_icons5.ArrowUpIcon, {})
1695
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons5.ArrowUpIcon, {})
1689
1696
  });
1690
1697
  };
1691
1698
  // src/components/threads/Thread/MessageForm/Root/index.tsx
@@ -1694,16 +1701,16 @@ var import_react32 = require("react");
1694
1701
  var import_react_hook_form = require("react-hook-form");
1695
1702
  var import_themes32 = require("@radix-ui/themes");
1696
1703
  // src/hooks/messages/useCreateMessage/index.ts
1697
- var import_radash10 = require("radash");
1704
+ var import_radash11 = require("radash");
1698
1705
  var import_react_query4 = require("@tanstack/react-query");
1699
1706
  // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
1700
- var import_radash4 = require("radash");
1707
+ var import_radash5 = require("radash");
1701
1708
  // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
1702
1709
  var import_dayjs = __toESM(require("dayjs"), 1);
1703
1710
  // src/lib/optimistic/optimisticId.ts
1704
- var import_radash3 = require("radash");
1711
+ var import_radash4 = require("radash");
1705
1712
  var optimisticId = function() {
1706
- return "-".concat((0, import_radash3.uid)(24));
1713
+ return "-".concat((0, import_radash4.uid)(24));
1707
1714
  };
1708
1715
  // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
1709
1716
  var data = function(param) {
@@ -1767,7 +1774,7 @@ var onMutate = function(param) {
1767
1774
  case 0:
1768
1775
  queryKey = [
1769
1776
  "messages",
1770
- (0, import_radash4.omit)(newMessage, [
1777
+ (0, import_radash5.omit)(newMessage, [
1771
1778
  "content"
1772
1779
  ])
1773
1780
  ];
@@ -1815,7 +1822,7 @@ var threadCreated = function(param) {
1815
1822
  });
1816
1823
  };
1817
1824
  // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/extendMessage.ts
1818
- var import_radash5 = require("radash");
1825
+ var import_radash6 = require("radash");
1819
1826
  var extendMessage = function(param) {
1820
1827
  var message = param.message, messages2 = param.messages;
1821
1828
  var _this, _this1;
@@ -1828,7 +1835,7 @@ var extendMessage = function(param) {
1828
1835
  });
1829
1836
  });
1830
1837
  var _runSteps, _ref;
1831
- var runSteps = (_ref = (_runSteps = (_this = (0, import_radash5.last)(prevOptimitisticRunMessages)) === null || _this === void 0 ? void 0 : _this.runSteps) !== null && _runSteps !== void 0 ? _runSteps : (_this1 = (0, import_radash5.last)(prevRunMessages)) === null || _this1 === void 0 ? void 0 : _this1.runSteps) !== null && _ref !== void 0 ? _ref : [];
1838
+ var runSteps = (_ref = (_runSteps = (_this = (0, import_radash6.last)(prevOptimitisticRunMessages)) === null || _this === void 0 ? void 0 : _this.runSteps) !== null && _runSteps !== void 0 ? _runSteps : (_this1 = (0, import_radash6.last)(prevRunMessages)) === null || _this1 === void 0 ? void 0 : _this1.runSteps) !== null && _ref !== void 0 ? _ref : [];
1832
1839
  return _object_spread_props(_object_spread({}, message), {
1833
1840
  runSteps: runSteps
1834
1841
  });
@@ -1881,11 +1888,11 @@ var threadMessageCreated = function(param) {
1881
1888
  };
1882
1889
  // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadMessageDelta.ts
1883
1890
  var import_lodash6 = __toESM(require("lodash"), 1);
1884
- var import_radash6 = require("radash");
1891
+ var import_radash7 = require("radash");
1885
1892
  var updatedContentPart = function(param) {
1886
1893
  var prevContentPart = param.prevContentPart, delta = param.delta;
1887
1894
  if (!prevContentPart) {
1888
- return (0, import_radash6.omit)(delta, [
1895
+ return (0, import_radash7.omit)(delta, [
1889
1896
  "index"
1890
1897
  ]);
1891
1898
  }
@@ -1947,7 +1954,7 @@ var threadMessageDelta = function(param) {
1947
1954
  });
1948
1955
  };
1949
1956
  // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadMessageCompleted.ts
1950
- var import_radash7 = require("radash");
1957
+ var import_radash8 = require("radash");
1951
1958
  var threadMessageCompleted = function(param) {
1952
1959
  var value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey;
1953
1960
  return queryClient.setQueryData(messagesQueryKey, function(prevData) {
@@ -1967,7 +1974,7 @@ var threadMessageCompleted = function(param) {
1967
1974
  return _object_spread_props(_object_spread({}, prevData), {
1968
1975
  pages: [
1969
1976
  _object_spread_props(_object_spread({}, latestPage), {
1970
- data: (0, import_radash7.replace)(latestPage.data, extendMessage({
1977
+ data: (0, import_radash8.replace)(latestPage.data, extendMessage({
1971
1978
  message: value.data,
1972
1979
  messages: latestPage.data
1973
1980
  }), function(m) {
@@ -2033,11 +2040,11 @@ var threadRunStepCreated = function(param) {
2033
2040
  };
2034
2041
  // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunStepDelta.ts
2035
2042
  var import_lodash7 = __toESM(require("lodash"), 1);
2036
- var import_radash8 = require("radash");
2043
+ var import_radash9 = require("radash");
2037
2044
  var updatedToolCall = function(param) {
2038
2045
  var toolCall = param.toolCall, delta = param.delta;
2039
2046
  if (!toolCall) {
2040
- return (0, import_radash8.omit)(delta, [
2047
+ return (0, import_radash9.omit)(delta, [
2041
2048
  "index"
2042
2049
  ]);
2043
2050
  }
@@ -2120,7 +2127,7 @@ var threadRunStepDelta = function(param) {
2120
2127
  });
2121
2128
  };
2122
2129
  // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunStepCompleted.ts
2123
- var import_radash9 = require("radash");
2130
+ var import_radash10 = require("radash");
2124
2131
  var threadRunStepCompleted = function(param) {
2125
2132
  var value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey;
2126
2133
  return queryClient.setQueryData(messagesQueryKey, function(prevData) {
@@ -2132,7 +2139,7 @@ var threadRunStepCompleted = function(param) {
2132
2139
  data: latestPage.data.map(function(m) {
2133
2140
  if (m.run_id === value.data.run_id) {
2134
2141
  return _object_spread_props(_object_spread({}, m), {
2135
- runSteps: (0, import_radash9.replace)(m.runSteps, value.data, function(rs) {
2142
+ runSteps: (0, import_radash10.replace)(m.runSteps, value.data, function(rs) {
2136
2143
  return rs.id === value.data.id;
2137
2144
  })
2138
2145
  });
@@ -2299,7 +2306,7 @@ var useCreateMessage = function() {
2299
2306
  onError: onError
2300
2307
  }));
2301
2308
  return _object_spread_props(_object_spread({}, props), {
2302
- createMessage: (0, import_radash10.partob)(props.mutateAsync, threadContext.variables)
2309
+ createMessage: (0, import_radash11.partob)(props.mutateAsync, threadContext.variables)
2303
2310
  });
2304
2311
  };
2305
2312
  // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -2312,7 +2319,7 @@ var formOptions = {
2312
2319
  resolver: (0, import_zod2.zodResolver)(schema)
2313
2320
  };
2314
2321
  // src/components/threads/Thread/MessageForm/Root/index.tsx
2315
- var import_jsx_runtime40 = require("react/jsx-runtime");
2322
+ var import_jsx_runtime41 = require("react/jsx-runtime");
2316
2323
  var Root3 = function(param) {
2317
2324
  var children = param.children;
2318
2325
  var formProps = (0, import_react_hook_form.useForm)(formOptions);
@@ -2384,16 +2391,16 @@ var Root3 = function(param) {
2384
2391
  latestMessage,
2385
2392
  isLoading
2386
2393
  ]);
2387
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(MessageFormContext.Provider, {
2394
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MessageFormContext.Provider, {
2388
2395
  value: {
2389
2396
  isDisabled: isDisabled,
2390
2397
  isLoading: isLoading
2391
2398
  },
2392
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
2393
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.Box, {
2399
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
2400
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes32.Box, {
2394
2401
  asChild: true,
2395
2402
  flexShrink: "0",
2396
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("form", {
2403
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("form", {
2397
2404
  onSubmit: handleSubmit(onSubmit),
2398
2405
  children: children
2399
2406
  })
@@ -2407,15 +2414,15 @@ var import_react34 = require("react");
2407
2414
  // src/components/textareas/TextareaBase/index.tsx
2408
2415
  var import_react33 = require("react");
2409
2416
  var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
2410
- var import_jsx_runtime41 = require("react/jsx-runtime");
2417
+ var import_jsx_runtime42 = require("react/jsx-runtime");
2411
2418
  var UPSCALE_RATIO = 16 / 14;
2412
2419
  var TextareaBase = (0, import_react33.forwardRef)(function TextareaBase2(props, ref) {
2413
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, {
2420
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, {
2414
2421
  children: [
2415
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("style", {
2422
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("style", {
2416
2423
  children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
2417
2424
  }),
2418
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_textarea_autosize.default, _object_spread({
2425
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_textarea_autosize.default, _object_spread({
2419
2426
  ref: ref,
2420
2427
  className: "rt-reset superinterface-textarea",
2421
2428
  style: {
@@ -2440,20 +2447,20 @@ var TextareaBase = (0, import_react33.forwardRef)(function TextareaBase2(props,
2440
2447
  // src/components/threads/Thread/MessageForm/Field/index.tsx
2441
2448
  var import_react_hook_form2 = require("react-hook-form");
2442
2449
  var import_themes33 = require("@radix-ui/themes");
2443
- var import_jsx_runtime42 = require("react/jsx-runtime");
2450
+ var import_jsx_runtime43 = require("react/jsx-runtime");
2444
2451
  var Root4 = function(param) {
2445
2452
  var children = param.children;
2446
2453
  var _ref = (0, import_react_hook_form2.useFormContext)(), errors = _ref.formState.errors;
2447
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.Container, {
2454
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Container, {
2448
2455
  size: "2",
2449
2456
  flexGrow: "0",
2450
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.Flex, {
2457
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Flex, {
2451
2458
  direction: "column",
2452
2459
  flexShrink: "0",
2453
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.Flex, {
2460
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Flex, {
2454
2461
  direction: "column",
2455
2462
  flexShrink: "0",
2456
- children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.Flex, {
2463
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Flex, {
2457
2464
  style: _object_spread({
2458
2465
  borderRadius: "var(--radius-2)",
2459
2466
  borderWidth: "1px",
@@ -2493,7 +2500,7 @@ var Control = function() {
2493
2500
  isDisabledPrevious,
2494
2501
  textareaProps
2495
2502
  ]);
2496
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TextareaBase, _object_spread_props(_object_spread({
2503
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TextareaBase, _object_spread_props(_object_spread({
2497
2504
  minRows: 1,
2498
2505
  placeholder: "Message ".concat(assistantNameContext, "..."),
2499
2506
  disabled: isDisabled,
@@ -2517,26 +2524,26 @@ var Field = {
2517
2524
  Control: Control
2518
2525
  };
2519
2526
  // src/components/threads/Thread/MessageForm/index.tsx
2520
- var import_jsx_runtime43 = require("react/jsx-runtime");
2527
+ var import_jsx_runtime44 = require("react/jsx-runtime");
2521
2528
  var MessageForm = function() {
2522
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Root3, {
2523
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Field.Root, {
2529
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Root3, {
2530
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Field.Root, {
2524
2531
  children: [
2525
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Text, {
2532
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes34.Text, {
2526
2533
  size: "2",
2527
2534
  style: {
2528
2535
  flexGrow: 1
2529
2536
  },
2530
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Flex, {
2537
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes34.Flex, {
2531
2538
  flexGrow: "1",
2532
2539
  direction: "column",
2533
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Field.Control, {})
2540
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Field.Control, {})
2534
2541
  })
2535
2542
  }),
2536
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Flex, {
2543
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes34.Flex, {
2537
2544
  flexShrink: "0",
2538
2545
  align: "end",
2539
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Submit, {})
2546
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Submit, {})
2540
2547
  })
2541
2548
  ]
2542
2549
  })
@@ -2550,13 +2557,13 @@ var import_themes35 = require("@radix-ui/themes");
2550
2557
  // src/components/threads/Thread/Provider/index.tsx
2551
2558
  var Provider2 = SuperinterfaceProvider;
2552
2559
  // src/components/threads/Thread/Root/index.tsx
2553
- var import_jsx_runtime44 = require("react/jsx-runtime");
2560
+ var import_jsx_runtime45 = require("react/jsx-runtime");
2554
2561
  var Root5 = function(_param) {
2555
2562
  var children = _param.children, rest = _object_without_properties(_param, [
2556
2563
  "children"
2557
2564
  ]);
2558
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
2559
- children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Flex, {
2565
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
2566
+ children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes35.Flex, {
2560
2567
  direction: "column",
2561
2568
  flexGrow: "1",
2562
2569
  children: children
@@ -2564,12 +2571,12 @@ var Root5 = function(_param) {
2564
2571
  }));
2565
2572
  };
2566
2573
  // src/components/threads/Thread/index.tsx
2567
- var import_jsx_runtime45 = require("react/jsx-runtime");
2574
+ var import_jsx_runtime46 = require("react/jsx-runtime");
2568
2575
  var Thread = function(props) {
2569
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Root5, _object_spread_props(_object_spread({}, props), {
2576
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Root5, _object_spread_props(_object_spread({}, props), {
2570
2577
  children: [
2571
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Messages, {}),
2572
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MessageForm, {})
2578
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Messages, {}),
2579
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MessageForm, {})
2573
2580
  ]
2574
2581
  }));
2575
2582
  };
@@ -2595,12 +2602,12 @@ var useThreadDialogContext = function() {
2595
2602
  return (0, import_react37.useContext)(ThreadDialogContext);
2596
2603
  };
2597
2604
  // src/components/threads/ThreadDialog/Provider/index.tsx
2598
- var import_jsx_runtime46 = require("react/jsx-runtime");
2605
+ var import_jsx_runtime47 = require("react/jsx-runtime");
2599
2606
  var Provider3 = function(param) {
2600
2607
  var children = param.children;
2601
2608
  var threadDialogContext = useThreadDialogContext();
2602
2609
  var _ref = _sliced_to_array((0, import_react38.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
2603
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ThreadDialogContext.Provider, {
2610
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ThreadDialogContext.Provider, {
2604
2611
  value: {
2605
2612
  isOpen: isOpen,
2606
2613
  setIsOpen: setIsOpen
@@ -2615,25 +2622,25 @@ var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
2615
2622
  var Toast = __toESM(require("@radix-ui/react-toast"), 1);
2616
2623
  var import_themes36 = require("@radix-ui/themes");
2617
2624
  var import_react_icons6 = require("@radix-ui/react-icons");
2618
- var import_jsx_runtime47 = require("react/jsx-runtime");
2625
+ var import_jsx_runtime48 = require("react/jsx-runtime");
2619
2626
  var CustomToast = function(param) {
2620
2627
  var toast = param.toast;
2621
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Toast.Root, {
2622
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Card, {
2623
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Toast.Title, {
2624
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes36.Flex, {
2628
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Toast.Root, {
2629
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes36.Card, {
2630
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Toast.Title, {
2631
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_themes36.Flex, {
2625
2632
  children: [
2626
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Flex, {
2633
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes36.Flex, {
2627
2634
  pr: "2",
2628
2635
  height: "14px",
2629
2636
  align: "center",
2630
- children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons6.CheckCircledIcon, {
2637
+ children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons6.CheckCircledIcon, {
2631
2638
  color: "var(--accent-9)"
2632
- }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons6.CrossCircledIcon, {
2639
+ }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons6.CrossCircledIcon, {
2633
2640
  color: "var(--red-9)"
2634
2641
  })
2635
2642
  }),
2636
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Text, {
2643
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes36.Text, {
2637
2644
  weight: "medium",
2638
2645
  size: "1",
2639
2646
  children: toast.message
@@ -2645,7 +2652,7 @@ var CustomToast = function(param) {
2645
2652
  });
2646
2653
  };
2647
2654
  // src/components/toasts/ToastsProvider/index.tsx
2648
- var import_jsx_runtime48 = require("react/jsx-runtime");
2655
+ var import_jsx_runtime49 = require("react/jsx-runtime");
2649
2656
  var ToastsProvider = function(param) {
2650
2657
  var children = param.children;
2651
2658
  var _ref = _sliced_to_array((0, import_react39.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
@@ -2656,20 +2663,20 @@ var ToastsProvider = function(param) {
2656
2663
  ]);
2657
2664
  });
2658
2665
  }, []);
2659
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ToastsContext.Provider, {
2666
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastsContext.Provider, {
2660
2667
  value: {
2661
2668
  toasts: toasts,
2662
2669
  addToast: addToast
2663
2670
  },
2664
- children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Toast2.Provider, {
2671
+ children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Toast2.Provider, {
2665
2672
  children: [
2666
2673
  children,
2667
2674
  Array.from(toasts).map(function(toast, index) {
2668
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CustomToast, {
2675
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CustomToast, {
2669
2676
  toast: toast
2670
2677
  }, index);
2671
2678
  }),
2672
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Toast2.Viewport, {
2679
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Toast2.Viewport, {
2673
2680
  style: {
2674
2681
  position: "absolute",
2675
2682
  bottom: 0,
@@ -2691,22 +2698,22 @@ var ToastsProvider = function(param) {
2691
2698
  });
2692
2699
  };
2693
2700
  // src/components/threads/ThreadDialog/Root/index.tsx
2694
- var import_jsx_runtime49 = require("react/jsx-runtime");
2701
+ var import_jsx_runtime50 = require("react/jsx-runtime");
2695
2702
  var Root7 = function(param) {
2696
2703
  var children = param.children;
2697
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastsProvider, {
2698
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Provider3, {
2704
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ToastsProvider, {
2705
+ children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Provider3, {
2699
2706
  children: children
2700
2707
  })
2701
2708
  });
2702
2709
  };
2703
2710
  // src/components/threads/ThreadDialog/Trigger/index.tsx
2704
2711
  var import_themes37 = require("@radix-ui/themes");
2705
- var import_jsx_runtime50 = require("react/jsx-runtime");
2712
+ var import_jsx_runtime51 = require("react/jsx-runtime");
2706
2713
  var Trigger = function(param) {
2707
2714
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
2708
2715
  var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
2709
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes37.Flex, {
2716
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Flex, {
2710
2717
  display: {
2711
2718
  initial: isOpen ? "none" : "flex",
2712
2719
  sm: "flex"
@@ -2732,12 +2739,12 @@ var Trigger = function(param) {
2732
2739
  // src/components/threads/ThreadDialog/Button/index.tsx
2733
2740
  var import_themes38 = require("@radix-ui/themes");
2734
2741
  var import_react_icons7 = require("@radix-ui/react-icons");
2735
- var import_jsx_runtime51 = require("react/jsx-runtime");
2742
+ var import_jsx_runtime52 = require("react/jsx-runtime");
2736
2743
  var Button2 = function() {
2737
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes38.IconButton, {
2744
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.IconButton, {
2738
2745
  size: "4",
2739
2746
  radius: "full",
2740
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons7.ChatBubbleIcon, {})
2747
+ children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons7.ChatBubbleIcon, {})
2741
2748
  });
2742
2749
  };
2743
2750
  // src/components/threads/ThreadDialog/Content/index.tsx
@@ -2745,10 +2752,10 @@ var import_themes40 = require("@radix-ui/themes");
2745
2752
  // src/components/threads/ThreadDialog/Close/index.tsx
2746
2753
  var import_react_icons8 = require("@radix-ui/react-icons");
2747
2754
  var import_themes39 = require("@radix-ui/themes");
2748
- var import_jsx_runtime52 = require("react/jsx-runtime");
2755
+ var import_jsx_runtime53 = require("react/jsx-runtime");
2749
2756
  var Close = function() {
2750
2757
  var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
2751
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes39.Flex, {
2758
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.Flex, {
2752
2759
  display: {
2753
2760
  initial: isOpen ? "flex" : "none",
2754
2761
  sm: "none"
@@ -2768,20 +2775,20 @@ var Close = function() {
2768
2775
  style: {
2769
2776
  zIndex: 9999999999
2770
2777
  },
2771
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes39.IconButton, {
2778
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.IconButton, {
2772
2779
  size: "2",
2773
2780
  variant: "soft",
2774
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons8.Cross1Icon, {})
2781
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons8.Cross1Icon, {})
2775
2782
  })
2776
2783
  });
2777
2784
  };
2778
2785
  // src/components/threads/ThreadDialog/Content/index.tsx
2779
- var import_jsx_runtime53 = require("react/jsx-runtime");
2786
+ var import_jsx_runtime54 = require("react/jsx-runtime");
2780
2787
  var Root8 = function(param) {
2781
2788
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
2782
2789
  var isOpen = useThreadDialogContext().isOpen;
2783
2790
  if (!isOpen) return null;
2784
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes40.Flex, {
2791
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.Flex, {
2785
2792
  direction: "column",
2786
2793
  justify: "end",
2787
2794
  position: "fixed",
@@ -2809,7 +2816,7 @@ var Root8 = function(param) {
2809
2816
  style: _object_spread({
2810
2817
  zIndex: 9999999999
2811
2818
  }, style),
2812
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes40.Card, {
2819
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_themes40.Card, {
2813
2820
  mb: {
2814
2821
  initial: void 0,
2815
2822
  sm: "3"
@@ -2820,7 +2827,7 @@ var Root8 = function(param) {
2820
2827
  flexGrow: 1
2821
2828
  },
2822
2829
  children: [
2823
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes40.Inset, {
2830
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.Inset, {
2824
2831
  clip: "padding-box",
2825
2832
  side: "all",
2826
2833
  pb: "current",
@@ -2830,31 +2837,31 @@ var Root8 = function(param) {
2830
2837
  },
2831
2838
  children: children
2832
2839
  }),
2833
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Close, {})
2840
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Close, {})
2834
2841
  ]
2835
2842
  })
2836
2843
  });
2837
2844
  };
2838
2845
  var Content4 = function(param) {
2839
2846
  var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
2840
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Root8, {
2847
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Root8, {
2841
2848
  style: style,
2842
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Thread.Root, {
2849
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Thread.Root, {
2843
2850
  children: [
2844
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Thread.Messages, {
2851
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Thread.Messages, {
2845
2852
  style: {
2846
2853
  paddingTop: "var(--space-5)",
2847
2854
  paddingRight: "var(--space-5)",
2848
2855
  paddingLeft: "var(--space-5)"
2849
2856
  }
2850
2857
  }),
2851
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes40.Flex, {
2858
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.Flex, {
2852
2859
  direction: "column",
2853
2860
  pl: "5",
2854
2861
  pr: "5",
2855
2862
  pb: "3",
2856
2863
  flexShrink: "0",
2857
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Thread.MessageForm, {})
2864
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Thread.MessageForm, {})
2858
2865
  })
2859
2866
  ]
2860
2867
  })
@@ -2862,13 +2869,13 @@ var Content4 = function(param) {
2862
2869
  };
2863
2870
  Content4.Root = Root8;
2864
2871
  // src/components/threads/ThreadDialog/index.tsx
2865
- var import_jsx_runtime54 = require("react/jsx-runtime");
2872
+ var import_jsx_runtime55 = require("react/jsx-runtime");
2866
2873
  var ThreadDialog = function() {
2867
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Root7, {
2874
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Root7, {
2868
2875
  children: [
2869
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Content4, {}),
2870
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Trigger, {
2871
- children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button2, {})
2876
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Content4, {}),
2877
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Trigger, {
2878
+ children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button2, {})
2872
2879
  })
2873
2880
  ]
2874
2881
  });
@@ -3131,7 +3138,7 @@ var import_compromise = __toESM(require("compromise"), 1);
3131
3138
  var import_howler = require("howler");
3132
3139
  var import_react_use_audio_player2 = require("react-use-audio-player");
3133
3140
  // src/hooks/audioThreads/useMessageAudio/lib/input.ts
3134
- var import_radash11 = require("radash");
3141
+ var import_radash12 = require("radash");
3135
3142
  var input = function(param) {
3136
3143
  var message = param.message;
3137
3144
  var textContents = message.content.filter(function(c) {
@@ -3140,7 +3147,7 @@ var input = function(param) {
3140
3147
  var result = textContents.map(function(c) {
3141
3148
  return c.text.value;
3142
3149
  }).join(" ");
3143
- if ((0, import_radash11.isEmpty)(result)) return null;
3150
+ if ((0, import_radash12.isEmpty)(result)) return null;
3144
3151
  return result;
3145
3152
  };
3146
3153
  // src/hooks/audioThreads/useMessageAudio/lib/isHtmlAudioSupported.ts
@@ -3316,7 +3323,7 @@ var useMessageAudio = function(param) {
3316
3323
  });
3317
3324
  };
3318
3325
  // src/components/threads/AudioThread/Root/index.tsx
3319
- var import_jsx_runtime55 = require("react/jsx-runtime");
3326
+ var import_jsx_runtime56 = require("react/jsx-runtime");
3320
3327
  var Root9 = function(param) {
3321
3328
  var children = param.children;
3322
3329
  var createMessageProps = useCreateMessage();
@@ -3374,13 +3381,13 @@ var Root9 = function(param) {
3374
3381
  createMessageProps: createMessageProps,
3375
3382
  messageAudioProps: messageAudioProps
3376
3383
  }).status;
3377
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AudioThreadContext.Provider, {
3384
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AudioThreadContext.Provider, {
3378
3385
  value: {
3379
3386
  status: status,
3380
3387
  recorderProps: recorderProps,
3381
3388
  messageAudioProps: messageAudioProps
3382
3389
  },
3383
- children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
3390
+ children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
3384
3391
  direction: "column",
3385
3392
  flexGrow: "1",
3386
3393
  p: "9",
@@ -3401,8 +3408,8 @@ var useAudioThreadContext = function() {
3401
3408
  var import_lodash8 = __toESM(require("lodash"), 1);
3402
3409
  var import_themes42 = require("@radix-ui/themes");
3403
3410
  var import_react45 = require("react");
3404
- var import_radash12 = require("radash");
3405
- var import_jsx_runtime56 = require("react/jsx-runtime");
3411
+ var import_radash13 = require("radash");
3412
+ var import_jsx_runtime57 = require("react/jsx-runtime");
3406
3413
  var barCount = 4;
3407
3414
  var BarsVisualizer = function(param) {
3408
3415
  var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
@@ -3415,7 +3422,7 @@ var BarsVisualizer = function(param) {
3415
3422
  }
3416
3423
  var frequencyData = new Uint8Array(visualizationAnalyser2.frequencyBinCount / 15);
3417
3424
  visualizationAnalyser2.getByteFrequencyData(frequencyData);
3418
- var clusteredFrequencyData = (0, import_radash12.cluster)(frequencyData, frequencyData.length / barCount);
3425
+ var clusteredFrequencyData = (0, import_radash13.cluster)(frequencyData, frequencyData.length / barCount);
3419
3426
  setBarHeights(clusteredFrequencyData.map(function(frequencyDataCluster) {
3420
3427
  return import_lodash8.default.mean(frequencyDataCluster) / 255 * 100;
3421
3428
  }));
@@ -3433,7 +3440,7 @@ var BarsVisualizer = function(param) {
3433
3440
  draw,
3434
3441
  visualizationAnalyser
3435
3442
  ]);
3436
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Grid, {
3443
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Grid, {
3437
3444
  columns: "".concat(barCount),
3438
3445
  gap: "1",
3439
3446
  width: "auto",
@@ -3442,12 +3449,12 @@ var BarsVisualizer = function(param) {
3442
3449
  gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
3443
3450
  },
3444
3451
  children: barHeights.map(function(barHeight, index) {
3445
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Flex, {
3452
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
3446
3453
  direction: "column",
3447
3454
  align: "center",
3448
3455
  justify: "center",
3449
3456
  height: height,
3450
- children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Flex, {
3457
+ children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
3451
3458
  minHeight: "50%",
3452
3459
  maxHeight: "100%",
3453
3460
  height: "".concat(barHeight + 20, "%"),
@@ -3462,7 +3469,7 @@ var BarsVisualizer = function(param) {
3462
3469
  });
3463
3470
  };
3464
3471
  // src/components/threads/AudioThread/Visualization/index.tsx
3465
- var import_jsx_runtime57 = require("react/jsx-runtime");
3472
+ var import_jsx_runtime58 = require("react/jsx-runtime");
3466
3473
  var Visualization = function() {
3467
3474
  var audioThreadContext = useAudioThreadContext();
3468
3475
  var assistantNameContext = (0, import_react46.useContext)(AssistantNameContext);
@@ -3490,14 +3497,14 @@ var Visualization = function() {
3490
3497
  draw,
3491
3498
  audioThreadContext
3492
3499
  ]);
3493
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes43.Flex, {
3500
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes43.Flex, {
3494
3501
  direction: "column",
3495
3502
  align: "center",
3496
3503
  justify: "center",
3497
3504
  mb: "3",
3498
3505
  flexGrow: "1",
3499
3506
  children: [
3500
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes43.Flex, {
3507
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.Flex, {
3501
3508
  align: "center",
3502
3509
  justify: "center",
3503
3510
  height: "200px",
@@ -3507,20 +3514,20 @@ var Visualization = function() {
3507
3514
  borderRadius: "9999px",
3508
3515
  scale: scale
3509
3516
  },
3510
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BarsVisualizer, {
3517
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BarsVisualizer, {
3511
3518
  visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
3512
3519
  backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
3513
3520
  height: "40px",
3514
3521
  barWidth: "24px"
3515
3522
  })
3516
3523
  }),
3517
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes43.Flex, {
3524
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes43.Flex, {
3518
3525
  ml: "-22.5px",
3519
3526
  gap: "3",
3520
3527
  pt: "5",
3521
3528
  children: [
3522
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AssistantAvatar, {}),
3523
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Name, {
3529
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssistantAvatar, {}),
3530
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Name, {
3524
3531
  children: assistantNameContext
3525
3532
  })
3526
3533
  ]
@@ -3530,7 +3537,7 @@ var Visualization = function() {
3530
3537
  };
3531
3538
  // src/components/threads/AudioThread/Status/StatusMessages.tsx
3532
3539
  var import_themes44 = require("@radix-ui/themes");
3533
- var import_jsx_runtime58 = require("react/jsx-runtime");
3540
+ var import_jsx_runtime59 = require("react/jsx-runtime");
3534
3541
  var html = function(param) {
3535
3542
  var texts = param.texts;
3536
3543
  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) {
@@ -3539,17 +3546,17 @@ var html = function(param) {
3539
3546
  };
3540
3547
  var StatusMessages = function(param) {
3541
3548
  var texts = param.texts;
3542
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes44.Flex, {
3549
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes44.Flex, {
3543
3550
  justify: "center",
3544
3551
  pb: "5",
3545
3552
  children: [
3546
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.Text, {
3553
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Text, {
3547
3554
  size: "2",
3548
3555
  weight: "regular",
3549
3556
  color: "gray",
3550
3557
  className: "status-messages-texts"
3551
3558
  }),
3552
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", {
3559
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("style", {
3553
3560
  dangerouslySetInnerHTML: {
3554
3561
  __html: html({
3555
3562
  texts: texts
@@ -3560,11 +3567,11 @@ var StatusMessages = function(param) {
3560
3567
  });
3561
3568
  };
3562
3569
  // src/components/threads/AudioThread/Status/index.tsx
3563
- var import_jsx_runtime59 = require("react/jsx-runtime");
3570
+ var import_jsx_runtime60 = require("react/jsx-runtime");
3564
3571
  var Status = function() {
3565
3572
  var audioThreadContext = useAudioThreadContext();
3566
3573
  if (audioThreadContext.status === "recording") {
3567
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(StatusMessages, {
3574
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StatusMessages, {
3568
3575
  texts: [
3569
3576
  "Start speaking",
3570
3577
  "Listening",
@@ -3578,20 +3585,20 @@ var Status = function() {
3578
3585
  "idle",
3579
3586
  "playerPaused"
3580
3587
  ].includes(audioThreadContext.status)) {
3581
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(StatusMessages, {
3588
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StatusMessages, {
3582
3589
  texts: [
3583
3590
  "Click the button below to activate"
3584
3591
  ]
3585
3592
  });
3586
3593
  }
3587
3594
  if (audioThreadContext.status === "playing") {
3588
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(StatusMessages, {
3595
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StatusMessages, {
3589
3596
  texts: [
3590
3597
  "Click the button below to interrupt"
3591
3598
  ]
3592
3599
  });
3593
3600
  }
3594
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(StatusMessages, {
3601
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StatusMessages, {
3595
3602
  texts: [
3596
3603
  "Thinking"
3597
3604
  ]
@@ -3600,9 +3607,9 @@ var Status = function() {
3600
3607
  // src/components/threads/AudioThread/Form/index.tsx
3601
3608
  var import_themes46 = require("@radix-ui/themes");
3602
3609
  // src/components/threads/AudioThread/Form/MicIcon.tsx
3603
- var import_jsx_runtime60 = require("react/jsx-runtime");
3610
+ var import_jsx_runtime61 = require("react/jsx-runtime");
3604
3611
  var MicIcon = function(props) {
3605
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", _object_spread_props(_object_spread({
3612
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", _object_spread_props(_object_spread({
3606
3613
  xmlns: "http://www.w3.org/2000/svg",
3607
3614
  fill: "currentColor",
3608
3615
  stroke: "currentColor",
@@ -3611,7 +3618,7 @@ var MicIcon = function(props) {
3611
3618
  height: "15",
3612
3619
  width: "15"
3613
3620
  }, props), {
3614
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", {
3621
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", {
3615
3622
  stroke: "none",
3616
3623
  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"
3617
3624
  })
@@ -3620,45 +3627,45 @@ var MicIcon = function(props) {
3620
3627
  // src/components/threads/AudioThread/Form/ActionButton/index.tsx
3621
3628
  var import_themes45 = require("@radix-ui/themes");
3622
3629
  var import_react_icons9 = require("@radix-ui/react-icons");
3623
- var import_jsx_runtime61 = require("react/jsx-runtime");
3630
+ var import_jsx_runtime62 = require("react/jsx-runtime");
3624
3631
  var ActionButton = function() {
3625
3632
  var audioThreadContext = useAudioThreadContext();
3626
3633
  var superinterfaceContext = useSuperinterfaceContext();
3627
3634
  if (audioThreadContext.status === "recording") {
3628
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes45.Flex, {
3635
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes45.Flex, {
3629
3636
  align: "center",
3630
3637
  children: [
3631
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.Flex, {
3638
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.Flex, {
3632
3639
  mr: "3",
3633
3640
  ml: "-7",
3634
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.IconButton, {
3641
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
3635
3642
  onClick: audioThreadContext.recorderProps.pause,
3636
3643
  color: "gray",
3637
3644
  variant: "soft",
3638
3645
  size: "1",
3639
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons9.PauseIcon, {})
3646
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.PauseIcon, {})
3640
3647
  })
3641
3648
  }),
3642
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.IconButton, {
3649
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
3643
3650
  onClick: audioThreadContext.recorderProps.stop,
3644
3651
  highContrast: true,
3645
3652
  variant: "soft",
3646
3653
  size: "4",
3647
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons9.ArrowUpIcon, {})
3654
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.ArrowUpIcon, {})
3648
3655
  })
3649
3656
  ]
3650
3657
  });
3651
3658
  }
3652
3659
  if (audioThreadContext.status === "recorderPaused") {
3653
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.IconButton, {
3660
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
3654
3661
  onClick: audioThreadContext.recorderProps.resume,
3655
3662
  color: "red",
3656
3663
  size: "4",
3657
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons9.ResumeIcon, {})
3664
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.ResumeIcon, {})
3658
3665
  });
3659
3666
  }
3660
3667
  if (audioThreadContext.status === "idle") {
3661
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.IconButton, {
3668
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
3662
3669
  onClick: function() {
3663
3670
  return audioThreadContext.recorderProps.start();
3664
3671
  },
@@ -3667,7 +3674,7 @@ var ActionButton = function() {
3667
3674
  });
3668
3675
  }
3669
3676
  if (audioThreadContext.status === "playing") {
3670
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.IconButton, {
3677
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
3671
3678
  onClick: function() {
3672
3679
  var _superinterfaceContext_createMessageAbortControllerRef_current;
3673
3680
  audioThreadContext.messageAudioProps.stop();
@@ -3677,54 +3684,54 @@ var ActionButton = function() {
3677
3684
  size: "4",
3678
3685
  color: "gray",
3679
3686
  variant: "soft",
3680
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons9.StopIcon, {})
3687
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.StopIcon, {})
3681
3688
  });
3682
3689
  }
3683
3690
  if (audioThreadContext.status === "playerPaused") {
3684
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.IconButton, {
3691
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
3685
3692
  onClick: function() {
3686
3693
  return audioThreadContext.messageAudioProps.play();
3687
3694
  },
3688
3695
  size: "4",
3689
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons9.ResumeIcon, {})
3696
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.ResumeIcon, {})
3690
3697
  });
3691
3698
  }
3692
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.IconButton, {
3699
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
3693
3700
  size: "4",
3694
3701
  variant: "soft",
3695
3702
  disabled: true
3696
3703
  });
3697
3704
  };
3698
3705
  // src/components/threads/AudioThread/Form/index.tsx
3699
- var import_jsx_runtime62 = require("react/jsx-runtime");
3706
+ var import_jsx_runtime63 = require("react/jsx-runtime");
3700
3707
  var Form = function() {
3701
3708
  var audioThreadContext = useAudioThreadContext();
3702
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes46.Flex, {
3709
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes46.Flex, {
3703
3710
  direction: "column",
3704
3711
  align: "center",
3705
3712
  children: [
3706
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes46.Flex, {
3713
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes46.Flex, {
3707
3714
  pb: "3",
3708
3715
  align: "center",
3709
3716
  children: [
3710
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Flex, {
3717
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
3711
3718
  ml: "-22.5px",
3712
3719
  mr: "2",
3713
3720
  align: "center",
3714
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MicIcon, {
3721
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MicIcon, {
3715
3722
  style: {
3716
3723
  color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
3717
3724
  }
3718
3725
  })
3719
3726
  }),
3720
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Flex, {
3727
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
3721
3728
  px: "2",
3722
3729
  py: "1",
3723
3730
  style: {
3724
3731
  backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
3725
3732
  borderRadius: "var(--radius-6)"
3726
3733
  },
3727
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BarsVisualizer, {
3734
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BarsVisualizer, {
3728
3735
  visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
3729
3736
  backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
3730
3737
  height: "20px",
@@ -3733,18 +3740,18 @@ var Form = function() {
3733
3740
  })
3734
3741
  ]
3735
3742
  }),
3736
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ActionButton, {})
3743
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ActionButton, {})
3737
3744
  ]
3738
3745
  });
3739
3746
  };
3740
3747
  // src/components/threads/AudioThread/index.tsx
3741
- var import_jsx_runtime63 = require("react/jsx-runtime");
3748
+ var import_jsx_runtime64 = require("react/jsx-runtime");
3742
3749
  var AudioThread = function(props) {
3743
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Root9, _object_spread_props(_object_spread({}, props), {
3750
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Root9, _object_spread_props(_object_spread({}, props), {
3744
3751
  children: [
3745
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Visualization, {}),
3746
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Status, {}),
3747
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Form, {})
3752
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Visualization, {}),
3753
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Status, {}),
3754
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Form, {})
3748
3755
  ]
3749
3756
  }));
3750
3757
  };
@@ -3752,15 +3759,15 @@ AudioThread.Root = Root9;
3752
3759
  AudioThread.Visualization = Visualization;
3753
3760
  AudioThread.Form = Form;
3754
3761
  // src/components/threads/AudioThreadDialog/index.tsx
3755
- var import_jsx_runtime64 = require("react/jsx-runtime");
3762
+ var import_jsx_runtime65 = require("react/jsx-runtime");
3756
3763
  var AudioThreadDialog = function() {
3757
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Root7, {
3764
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Root7, {
3758
3765
  children: [
3759
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Content4.Root, {
3760
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(AudioThread, {})
3766
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Content4.Root, {
3767
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(AudioThread, {})
3761
3768
  }),
3762
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Trigger, {
3763
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button2, {})
3769
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Trigger, {
3770
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button2, {})
3764
3771
  })
3765
3772
  ]
3766
3773
  });
@@ -3773,17 +3780,17 @@ AudioThreadDialog.Content = Content4;
3773
3780
  var import_react48 = require("react");
3774
3781
  // src/components/suggestions/Suggestions/Content.tsx
3775
3782
  var import_react47 = require("react");
3776
- var import_radash13 = require("radash");
3783
+ var import_radash14 = require("radash");
3777
3784
  var import_react_children_utilities = require("react-children-utilities");
3778
3785
  var import_themes48 = require("@radix-ui/themes");
3779
3786
  // src/components/suggestions/Suggestions/Item.tsx
3780
3787
  var import_react_icons10 = require("@radix-ui/react-icons");
3781
3788
  var import_themes47 = require("@radix-ui/themes");
3782
- var import_jsx_runtime65 = require("react/jsx-runtime");
3789
+ var import_jsx_runtime66 = require("react/jsx-runtime");
3783
3790
  var Item = function(param) {
3784
3791
  var suggestion = param.suggestion, isDisabled = param.isDisabled;
3785
3792
  var _useCreateMessage = useCreateMessage(), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
3786
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Content5, {
3793
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Content5, {
3787
3794
  onClick: function() {
3788
3795
  createMessage({
3789
3796
  // @ts-ignore-next-line
@@ -3797,7 +3804,7 @@ var Item = function(param) {
3797
3804
  };
3798
3805
  var Content5 = function(param) {
3799
3806
  var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
3800
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes47.Button, {
3807
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes47.Button, {
3801
3808
  variant: "soft",
3802
3809
  onClick: onClick,
3803
3810
  disabled: isDisabled,
@@ -3807,14 +3814,14 @@ var Content5 = function(param) {
3807
3814
  flexShrink: 1
3808
3815
  },
3809
3816
  children: [
3810
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes47.Text, {
3817
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes47.Text, {
3811
3818
  size: "1",
3812
3819
  weight: "regular",
3813
3820
  children: children
3814
3821
  }),
3815
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes47.Spinner, {
3822
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes47.Spinner, {
3816
3823
  loading: isPending,
3817
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_icons10.ArrowUpIcon, {
3824
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_icons10.ArrowUpIcon, {
3818
3825
  style: {
3819
3826
  flexShrink: 0
3820
3827
  }
@@ -3825,26 +3832,26 @@ var Content5 = function(param) {
3825
3832
  };
3826
3833
  Item.Content = Content5;
3827
3834
  // src/components/suggestions/Suggestions/Content.tsx
3828
- var import_jsx_runtime66 = require("react/jsx-runtime");
3835
+ var import_jsx_runtime67 = require("react/jsx-runtime");
3829
3836
  var Content6 = function(param) {
3830
3837
  var children = param.children;
3831
3838
  var isMutatingMessage = useIsMutatingMessage();
3832
3839
  var suggestions = (0, import_react47.useMemo)(function() {
3833
3840
  return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
3834
- return !(0, import_radash13.isEmpty)(c);
3841
+ return !(0, import_radash14.isEmpty)(c);
3835
3842
  }).map(function(c) {
3836
3843
  return c.trim();
3837
3844
  });
3838
3845
  }, [
3839
3846
  children
3840
3847
  ]);
3841
- if ((0, import_radash13.isEmpty)(suggestions)) return null;
3842
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
3848
+ if ((0, import_radash14.isEmpty)(suggestions)) return null;
3849
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Flex, {
3843
3850
  gap: "2",
3844
3851
  py: "2",
3845
3852
  wrap: "wrap",
3846
3853
  children: suggestions.map(function(suggestion) {
3847
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Item, {
3854
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Item, {
3848
3855
  suggestion: suggestion,
3849
3856
  isDisabled: isMutatingMessage
3850
3857
  }, suggestion);
@@ -3852,7 +3859,7 @@ var Content6 = function(param) {
3852
3859
  });
3853
3860
  };
3854
3861
  // src/components/suggestions/Suggestions/index.tsx
3855
- var import_jsx_runtime67 = require("react/jsx-runtime");
3862
+ var import_jsx_runtime68 = require("react/jsx-runtime");
3856
3863
  var Suggestions = function(param) {
3857
3864
  var children = param.children;
3858
3865
  var latestMessageProps = useLatestMessage();
@@ -3865,14 +3872,14 @@ var Suggestions = function(param) {
3865
3872
  ]);
3866
3873
  if (latestMessageProps.isLoading) return null;
3867
3874
  if (isDisabled) return null;
3868
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Content6, {
3875
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Content6, {
3869
3876
  children: children
3870
3877
  });
3871
3878
  };
3872
3879
  Suggestions.Item = Item;
3873
3880
  // src/components/markdown/MarkdownProvider/index.tsx
3874
3881
  var import_react49 = require("react");
3875
- var import_jsx_runtime68 = require("react/jsx-runtime");
3882
+ var import_jsx_runtime69 = require("react/jsx-runtime");
3876
3883
  var MarkdownProvider = function(_param) {
3877
3884
  var children = _param.children, rest = _object_without_properties(_param, [
3878
3885
  "children"
@@ -3884,7 +3891,7 @@ var MarkdownProvider = function(_param) {
3884
3891
  rest,
3885
3892
  prevMarkdownContext
3886
3893
  ]);
3887
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MarkdownContext.Provider, {
3894
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MarkdownContext.Provider, {
3888
3895
  value: value,
3889
3896
  children: children
3890
3897
  });
@@ -3897,7 +3904,7 @@ var useComponents = function() {
3897
3904
  return (0, import_react50.useContext)(ComponentsContext);
3898
3905
  };
3899
3906
  // src/components/components/ComponentsProvider.tsx
3900
- var import_jsx_runtime69 = require("react/jsx-runtime");
3907
+ var import_jsx_runtime70 = require("react/jsx-runtime");
3901
3908
  var ComponentsProvider = function(_param) {
3902
3909
  var children = _param.children, rest = _object_without_properties(_param, [
3903
3910
  "children"
@@ -3909,7 +3916,7 @@ var ComponentsProvider = function(_param) {
3909
3916
  rest,
3910
3917
  prevComponents
3911
3918
  ]);
3912
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ComponentsContext.Provider, {
3919
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ComponentsContext.Provider, {
3913
3920
  value: value,
3914
3921
  children: children
3915
3922
  });