@superinterface/react 2.24.6 → 2.25.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 (5) hide show
  1. package/dist/index.cjs +425 -400
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +376 -351
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1366,22 +1366,45 @@ var MessageContext = (0, import_react21.createContext)({
1366
1366
  });
1367
1367
  // src/components/threads/Thread/Message/Provider.tsx
1368
1368
  var Provider = MessageContext.Provider;
1369
- // src/components/threads/Thread/Message/TextContent.tsx
1369
+ // src/components/threads/Thread/Message/Attachments/index.tsx
1370
+ var import_themes18 = require("@radix-ui/themes");
1371
+ var import_react_icons5 = require("@radix-ui/react-icons");
1372
+ var import_jsx_runtime26 = require("react/jsx-runtime");
1373
+ var Attachments = function(param) {
1374
+ var message = param.message;
1375
+ var _message_attachments;
1376
+ if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
1377
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Flex, {
1378
+ align: "start",
1379
+ pb: "1",
1380
+ children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes18.Badge, {
1381
+ color: "gray",
1382
+ variant: "surface",
1383
+ children: [
1384
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons5.FileIcon, {}),
1385
+ message.attachments.length,
1386
+ " file",
1387
+ message.attachments.length > 1 ? "s" : ""
1388
+ ]
1389
+ })
1390
+ });
1391
+ };
1392
+ // src/components/threads/Thread/Message/ContentPart/TextContent.tsx
1370
1393
  var import_react_markdown = __toESM(require("react-markdown"), 1);
1371
1394
  // src/hooks/markdown/useMarkdownContext/index.ts
1372
1395
  var import_react30 = require("react");
1373
1396
  // src/contexts/markdown/MarkdownContext/index.ts
1374
1397
  var import_react29 = require("react");
1375
1398
  // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
1376
- var import_themes35 = require("@radix-ui/themes");
1399
+ var import_themes36 = require("@radix-ui/themes");
1377
1400
  // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
1378
- var import_themes18 = require("@radix-ui/themes");
1379
- var import_jsx_runtime26 = require("react/jsx-runtime");
1401
+ var import_themes19 = require("@radix-ui/themes");
1402
+ var import_jsx_runtime27 = require("react/jsx-runtime");
1380
1403
  var Paragraph = function(param) {
1381
1404
  var children = param.children;
1382
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Box, {
1405
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Box, {
1383
1406
  pb: "3",
1384
- children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Text, {
1407
+ children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Text, {
1385
1408
  size: "3",
1386
1409
  style: {
1387
1410
  whiteSpace: "pre-line",
@@ -1392,11 +1415,11 @@ var Paragraph = function(param) {
1392
1415
  });
1393
1416
  };
1394
1417
  // src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
1395
- var import_themes19 = require("@radix-ui/themes");
1396
- var import_jsx_runtime27 = require("react/jsx-runtime");
1418
+ var import_themes20 = require("@radix-ui/themes");
1419
+ var import_jsx_runtime28 = require("react/jsx-runtime");
1397
1420
  var Link = function(param) {
1398
1421
  var children = param.children, href = param.href, download = param.download, _param_target = param.target, target = _param_target === void 0 ? "_blank" : _param_target;
1399
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Link, {
1422
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes20.Link, {
1400
1423
  href: href,
1401
1424
  target: target,
1402
1425
  download: download,
@@ -1404,14 +1427,14 @@ var Link = function(param) {
1404
1427
  });
1405
1428
  };
1406
1429
  // src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
1407
- var import_themes20 = require("@radix-ui/themes");
1408
- var import_jsx_runtime28 = require("react/jsx-runtime");
1430
+ var import_themes21 = require("@radix-ui/themes");
1431
+ var import_jsx_runtime29 = require("react/jsx-runtime");
1409
1432
  var UnorderedList = function(param) {
1410
1433
  var children = param.children;
1411
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes20.Box, {
1434
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes21.Box, {
1412
1435
  pb: "3",
1413
1436
  asChild: true,
1414
- children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", {
1437
+ children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", {
1415
1438
  style: {
1416
1439
  listStylePosition: "inside"
1417
1440
  },
@@ -1420,14 +1443,14 @@ var UnorderedList = function(param) {
1420
1443
  });
1421
1444
  };
1422
1445
  // src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
1423
- var import_themes21 = require("@radix-ui/themes");
1424
- var import_jsx_runtime29 = require("react/jsx-runtime");
1446
+ var import_themes22 = require("@radix-ui/themes");
1447
+ var import_jsx_runtime30 = require("react/jsx-runtime");
1425
1448
  var OrderedList = function(param) {
1426
1449
  var children = param.children;
1427
- return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes21.Box, {
1450
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes22.Box, {
1428
1451
  pb: "3",
1429
1452
  asChild: true,
1430
- children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ol", {
1453
+ children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ol", {
1431
1454
  style: {
1432
1455
  listStylePosition: "inside"
1433
1456
  },
@@ -1436,32 +1459,32 @@ var OrderedList = function(param) {
1436
1459
  });
1437
1460
  };
1438
1461
  // src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
1439
- var import_themes22 = require("@radix-ui/themes");
1440
- var import_jsx_runtime30 = require("react/jsx-runtime");
1462
+ var import_themes23 = require("@radix-ui/themes");
1463
+ var import_jsx_runtime31 = require("react/jsx-runtime");
1441
1464
  var ListItem = function(param) {
1442
1465
  var children = param.children;
1443
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes22.Box, {
1466
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes23.Box, {
1444
1467
  pb: "1",
1445
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", {
1468
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", {
1446
1469
  children: children
1447
1470
  })
1448
1471
  });
1449
1472
  };
1450
1473
  // src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
1451
- var import_themes23 = require("@radix-ui/themes");
1452
- var import_jsx_runtime31 = require("react/jsx-runtime");
1474
+ var import_themes24 = require("@radix-ui/themes");
1475
+ var import_jsx_runtime32 = require("react/jsx-runtime");
1453
1476
  var Strong = function(param) {
1454
1477
  var children = param.children;
1455
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes23.Strong, {
1478
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes24.Strong, {
1456
1479
  children: children
1457
1480
  });
1458
1481
  };
1459
1482
  // src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
1460
- var import_themes24 = require("@radix-ui/themes");
1461
- var import_jsx_runtime32 = require("react/jsx-runtime");
1483
+ var import_themes25 = require("@radix-ui/themes");
1484
+ var import_jsx_runtime33 = require("react/jsx-runtime");
1462
1485
  var Pre = function(param) {
1463
1486
  var children = param.children;
1464
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes24.Box, {
1487
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes25.Box, {
1465
1488
  style: {
1466
1489
  whiteSpace: "pre-wrap",
1467
1490
  wordBreak: "break-word"
@@ -1470,14 +1493,28 @@ var Pre = function(param) {
1470
1493
  });
1471
1494
  };
1472
1495
  // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
1473
- var import_themes25 = require("@radix-ui/themes");
1474
- var import_jsx_runtime33 = require("react/jsx-runtime");
1496
+ var import_themes26 = require("@radix-ui/themes");
1497
+ var import_jsx_runtime34 = require("react/jsx-runtime");
1475
1498
  var Code3 = function(param) {
1476
1499
  var children = param.children;
1477
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes25.Code, {
1500
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes26.Code, {
1478
1501
  children: children
1479
1502
  });
1480
1503
  };
1504
+ // src/components/images/Image.tsx
1505
+ var import_themes27 = require("@radix-ui/themes");
1506
+ var import_jsx_runtime35 = require("react/jsx-runtime");
1507
+ var Image = function(props) {
1508
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Box, {
1509
+ pb: "3",
1510
+ children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("img", _object_spread_props(_object_spread({}, props), {
1511
+ style: {
1512
+ maxWidth: "100%",
1513
+ height: "auto"
1514
+ }
1515
+ }))
1516
+ });
1517
+ };
1481
1518
  // src/contexts/markdown/MarkdownContext/lib/components/Img/lib/isVideoSrc.ts
1482
1519
  var import_video_extensions = __toESM(require("video-extensions"), 1);
1483
1520
  var isVideoSrc = function(param) {
@@ -1490,49 +1527,49 @@ var isAudioSrc = function(param) {
1490
1527
  return src.endsWith(".mp3") || src.endsWith(".wav");
1491
1528
  };
1492
1529
  // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
1493
- var import_themes31 = require("@radix-ui/themes");
1530
+ var import_themes33 = require("@radix-ui/themes");
1494
1531
  var import_base = require("@vidstack/react/player/styles/base.css");
1495
1532
  var import_react27 = require("@vidstack/react");
1496
1533
  // src/components/media/PlayButton.tsx
1497
1534
  var import_react22 = require("@vidstack/react");
1498
- var import_themes26 = require("@radix-ui/themes");
1499
- var import_react_icons5 = require("@radix-ui/react-icons");
1500
- var import_jsx_runtime34 = require("react/jsx-runtime");
1535
+ var import_themes28 = require("@radix-ui/themes");
1536
+ var import_react_icons6 = require("@radix-ui/react-icons");
1537
+ var import_jsx_runtime36 = require("react/jsx-runtime");
1501
1538
  var PlayButton = function() {
1502
1539
  var isPaused = (0, import_react22.useMediaState)("paused");
1503
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes26.IconButton, {
1540
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes28.IconButton, {
1504
1541
  variant: "ghost",
1505
1542
  asChild: true,
1506
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react22.PlayButton, {
1507
- children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons5.PlayIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons5.PauseIcon, {})
1543
+ children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.PlayButton, {
1544
+ children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons6.PlayIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons6.PauseIcon, {})
1508
1545
  })
1509
1546
  });
1510
1547
  };
1511
1548
  // src/components/media/VolumeButton.tsx
1512
1549
  var import_react23 = require("@vidstack/react");
1513
- var import_themes27 = require("@radix-ui/themes");
1514
- var import_react_icons6 = require("@radix-ui/react-icons");
1515
- var import_jsx_runtime35 = require("react/jsx-runtime");
1550
+ var import_themes29 = require("@radix-ui/themes");
1551
+ var import_react_icons7 = require("@radix-ui/react-icons");
1552
+ var import_jsx_runtime37 = require("react/jsx-runtime");
1516
1553
  var VolumeButton = function() {
1517
1554
  var volume = (0, import_react23.useMediaState)("volume");
1518
1555
  var isMuted = (0, import_react23.useMediaState)("muted");
1519
1556
  var remote = (0, import_react23.useMediaRemote)();
1520
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes27.HoverCard.Root, {
1557
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes29.HoverCard.Root, {
1521
1558
  children: [
1522
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.HoverCard.Trigger, {
1523
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.IconButton, {
1559
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.HoverCard.Trigger, {
1560
+ children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.IconButton, {
1524
1561
  variant: "ghost",
1525
1562
  asChild: true,
1526
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.MuteButton, {
1527
- children: isMuted || volume === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons6.SpeakerOffIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons6.SpeakerModerateIcon, {})
1563
+ children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react23.MuteButton, {
1564
+ children: isMuted || volume === 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons7.SpeakerOffIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons7.SpeakerModerateIcon, {})
1528
1565
  })
1529
1566
  })
1530
1567
  }),
1531
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.HoverCard.Content, {
1568
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.HoverCard.Content, {
1532
1569
  size: "1",
1533
1570
  side: "top",
1534
1571
  height: "100px",
1535
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Slider, {
1572
+ children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Slider, {
1536
1573
  size: "1",
1537
1574
  variant: "soft",
1538
1575
  orientation: "vertical",
@@ -1551,8 +1588,8 @@ var VolumeButton = function() {
1551
1588
  // src/components/media/Time.tsx
1552
1589
  var import_react24 = require("react");
1553
1590
  var import_react25 = require("@vidstack/react");
1554
- var import_themes28 = require("@radix-ui/themes");
1555
- var import_jsx_runtime36 = require("react/jsx-runtime");
1591
+ var import_themes30 = require("@radix-ui/themes");
1592
+ var import_jsx_runtime38 = require("react/jsx-runtime");
1556
1593
  var Time = function() {
1557
1594
  var time = (0, import_react25.useMediaState)("currentTime");
1558
1595
  var duration = (0, import_react25.useMediaState)("duration");
@@ -1573,7 +1610,7 @@ var Time = function() {
1573
1610
  }, [
1574
1611
  duration
1575
1612
  ]);
1576
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes28.Slider, {
1613
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes30.Slider, {
1577
1614
  size: "1",
1578
1615
  variant: "soft",
1579
1616
  value: [
@@ -1593,13 +1630,13 @@ var Time = function() {
1593
1630
  });
1594
1631
  };
1595
1632
  // src/components/media/MediaContainer.tsx
1596
- var import_themes29 = require("@radix-ui/themes");
1597
- var import_jsx_runtime37 = require("react/jsx-runtime");
1633
+ var import_themes31 = require("@radix-ui/themes");
1634
+ var import_jsx_runtime39 = require("react/jsx-runtime");
1598
1635
  var MediaContainer = function(param) {
1599
1636
  var children = param.children;
1600
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Card, {
1637
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Card, {
1601
1638
  mb: "3",
1602
- children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Inset, {
1639
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Inset, {
1603
1640
  clip: "padding-box",
1604
1641
  style: {
1605
1642
  display: "flex",
@@ -1611,25 +1648,25 @@ var MediaContainer = function(param) {
1611
1648
  };
1612
1649
  // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/FullscreenButton.tsx
1613
1650
  var import_react26 = require("@vidstack/react");
1614
- var import_themes30 = require("@radix-ui/themes");
1615
- var import_react_icons7 = require("@radix-ui/react-icons");
1616
- var import_jsx_runtime38 = require("react/jsx-runtime");
1651
+ var import_themes32 = require("@radix-ui/themes");
1652
+ var import_react_icons8 = require("@radix-ui/react-icons");
1653
+ var import_jsx_runtime40 = require("react/jsx-runtime");
1617
1654
  var FullscreenButton = function() {
1618
1655
  var isFullscreen = (0, import_react26.useMediaState)("fullscreen");
1619
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes30.IconButton, {
1656
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.IconButton, {
1620
1657
  variant: "ghost",
1621
1658
  asChild: true,
1622
- children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react26.FullscreenButton, {
1623
- children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_icons7.ExitFullScreenIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_icons7.EnterFullScreenIcon, {})
1659
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react26.FullscreenButton, {
1660
+ children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons8.ExitFullScreenIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons8.EnterFullScreenIcon, {})
1624
1661
  })
1625
1662
  });
1626
1663
  };
1627
1664
  // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
1628
- var import_jsx_runtime39 = require("react/jsx-runtime");
1665
+ var import_jsx_runtime41 = require("react/jsx-runtime");
1629
1666
  var Video = function(param) {
1630
1667
  var src = param.src;
1631
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MediaContainer, {
1632
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react27.MediaPlayer, {
1668
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MediaContainer, {
1669
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react27.MediaPlayer, {
1633
1670
  src: {
1634
1671
  src: src,
1635
1672
  type: "video/".concat(src.split(".").pop())
@@ -1638,11 +1675,11 @@ var Video = function(param) {
1638
1675
  hideControlsOnMouseLeave: true,
1639
1676
  crossOrigin: true,
1640
1677
  children: [
1641
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react27.MediaProvider, {}),
1642
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("style", {
1678
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react27.MediaProvider, {}),
1679
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("style", {
1643
1680
  children: "\n .superinterface-video-controls {\n opacity: 0;\n transition: opacity 0.2s ease-out;\n }\n\n .superinterface-video-controls[data-visible] {\n opacity: 1;\n }\n "
1644
1681
  }),
1645
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Flex, {
1682
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes33.Flex, {
1646
1683
  asChild: true,
1647
1684
  position: "absolute",
1648
1685
  bottom: "0",
@@ -1654,18 +1691,18 @@ var Video = function(param) {
1654
1691
  zIndex: 10,
1655
1692
  background: "var(--accent-4)"
1656
1693
  },
1657
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react27.Controls.Root, {
1658
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Flex, {
1694
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react27.Controls.Root, {
1695
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes33.Flex, {
1659
1696
  asChild: true,
1660
1697
  align: "center",
1661
1698
  gap: "3",
1662
1699
  flexGrow: "1",
1663
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react27.Controls.Group, {
1700
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react27.Controls.Group, {
1664
1701
  children: [
1665
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PlayButton, {}),
1666
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Time, {}),
1667
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(VolumeButton, {}),
1668
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(FullscreenButton, {})
1702
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PlayButton, {}),
1703
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Time, {}),
1704
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(VolumeButton, {}),
1705
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FullscreenButton, {})
1669
1706
  ]
1670
1707
  })
1671
1708
  })
@@ -1676,14 +1713,14 @@ var Video = function(param) {
1676
1713
  });
1677
1714
  };
1678
1715
  // src/contexts/markdown/MarkdownContext/lib/components/Img/Audio/index.tsx
1679
- var import_themes32 = require("@radix-ui/themes");
1716
+ var import_themes34 = require("@radix-ui/themes");
1680
1717
  var import_base2 = require("@vidstack/react/player/styles/base.css");
1681
1718
  var import_react28 = require("@vidstack/react");
1682
- var import_jsx_runtime40 = require("react/jsx-runtime");
1719
+ var import_jsx_runtime42 = require("react/jsx-runtime");
1683
1720
  var Audio = function(param) {
1684
1721
  var src = param.src;
1685
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(MediaContainer, {
1686
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react28.MediaPlayer, {
1722
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MediaContainer, {
1723
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react28.MediaPlayer, {
1687
1724
  src: {
1688
1725
  src: src,
1689
1726
  type: "audio/".concat(src.split(".").pop())
@@ -1692,8 +1729,8 @@ var Audio = function(param) {
1692
1729
  crossOrigin: true,
1693
1730
  playsInline: true,
1694
1731
  children: [
1695
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react28.MediaProvider, {}),
1696
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.Flex, {
1732
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react28.MediaProvider, {}),
1733
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes34.Flex, {
1697
1734
  asChild: true,
1698
1735
  p: "3",
1699
1736
  flexGrow: "1",
@@ -1701,17 +1738,17 @@ var Audio = function(param) {
1701
1738
  zIndex: 10,
1702
1739
  background: "var(--accent-4)"
1703
1740
  },
1704
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react28.Controls.Root, {
1705
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.Flex, {
1741
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react28.Controls.Root, {
1742
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes34.Flex, {
1706
1743
  asChild: true,
1707
1744
  align: "center",
1708
1745
  gap: "3",
1709
1746
  flexGrow: "1",
1710
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react28.Controls.Group, {
1747
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react28.Controls.Group, {
1711
1748
  children: [
1712
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PlayButton, {}),
1713
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Time, {}),
1714
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(VolumeButton, {})
1749
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PlayButton, {}),
1750
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Time, {}),
1751
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(VolumeButton, {})
1715
1752
  ]
1716
1753
  })
1717
1754
  })
@@ -1721,63 +1758,49 @@ var Audio = function(param) {
1721
1758
  })
1722
1759
  });
1723
1760
  };
1724
- // src/contexts/markdown/MarkdownContext/lib/components/Img/ImageComponent.tsx
1725
- var import_themes33 = require("@radix-ui/themes");
1726
- var import_jsx_runtime41 = require("react/jsx-runtime");
1727
- var ImageComponent = function(props) {
1728
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes33.Box, {
1729
- pb: "3",
1730
- children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", _object_spread_props(_object_spread({}, props), {
1731
- style: {
1732
- maxWidth: "100%",
1733
- height: "auto"
1734
- }
1735
- }))
1736
- });
1737
- };
1738
1761
  // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
1739
- var import_jsx_runtime42 = require("react/jsx-runtime");
1762
+ var import_jsx_runtime43 = require("react/jsx-runtime");
1740
1763
  var Img = function(props) {
1741
1764
  if (!props.src) {
1742
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ImageComponent, _object_spread({}, props));
1765
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Image, _object_spread({}, props));
1743
1766
  } else if (isVideoSrc({
1744
1767
  src: props.src
1745
1768
  })) {
1746
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Video, {
1769
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Video, {
1747
1770
  src: props.src
1748
1771
  });
1749
1772
  } else if (isAudioSrc({
1750
1773
  src: props.src
1751
1774
  })) {
1752
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Audio, {
1775
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Audio, {
1753
1776
  src: props.src
1754
1777
  });
1755
1778
  } else {
1756
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ImageComponent, _object_spread({}, props));
1779
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Image, _object_spread({}, props));
1757
1780
  }
1758
1781
  };
1759
1782
  // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
1760
- var import_react_icons8 = require("@radix-ui/react-icons");
1783
+ var import_react_icons9 = require("@radix-ui/react-icons");
1761
1784
  // src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
1762
- var import_themes34 = require("@radix-ui/themes");
1763
- var import_jsx_runtime43 = require("react/jsx-runtime");
1785
+ var import_themes35 = require("@radix-ui/themes");
1786
+ var import_jsx_runtime44 = require("react/jsx-runtime");
1764
1787
  var AnnotationBase = function(param) {
1765
1788
  var icon = param.icon, content = param.content;
1766
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes34.Popover.Root, {
1789
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes35.Popover.Root, {
1767
1790
  children: [
1768
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Popover.Trigger, {
1769
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.IconButton, {
1791
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Popover.Trigger, {
1792
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.IconButton, {
1770
1793
  variant: "soft",
1771
1794
  color: "gray",
1772
1795
  size: "1",
1773
1796
  children: icon
1774
1797
  })
1775
1798
  }),
1776
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Popover.Content, {
1799
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Popover.Content, {
1777
1800
  size: "1",
1778
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Flex, {
1801
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Flex, {
1779
1802
  direction: "column",
1780
- children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Text, {
1803
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Text, {
1781
1804
  size: "1",
1782
1805
  color: "gray",
1783
1806
  children: content
@@ -1788,12 +1811,12 @@ var AnnotationBase = function(param) {
1788
1811
  });
1789
1812
  };
1790
1813
  // src/contexts/markdown/MarkdownContext/lib/components/Annotation/FilePathAnnotation.tsx
1791
- var import_jsx_runtime44 = require("react/jsx-runtime");
1814
+ var import_jsx_runtime45 = require("react/jsx-runtime");
1792
1815
  var FilePathAnnotation = function(param) {
1793
1816
  var annotation = param.annotation, children = param.children;
1794
1817
  var superinterfaceContext = useSuperinterfaceContext();
1795
1818
  var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
1796
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Link, {
1819
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Link, {
1797
1820
  href: "".concat(superinterfaceContext.baseUrl, "/files/").concat(annotation.file_path.file_id, "/contents?").concat(nextSearchParams),
1798
1821
  target: "_self",
1799
1822
  download: true,
@@ -1801,16 +1824,16 @@ var FilePathAnnotation = function(param) {
1801
1824
  });
1802
1825
  };
1803
1826
  // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
1804
- var import_jsx_runtime45 = require("react/jsx-runtime");
1827
+ var import_jsx_runtime46 = require("react/jsx-runtime");
1805
1828
  var Annotation = function(param) {
1806
1829
  var annotation = param.annotation, children = param.children;
1807
1830
  if (annotation.type === "file_citation") {
1808
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AnnotationBase, {
1809
- icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_icons8.QuoteIcon, {}),
1831
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AnnotationBase, {
1832
+ icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_icons9.QuoteIcon, {}),
1810
1833
  content: "File cited."
1811
1834
  });
1812
1835
  } else if (annotation.type === "file_path") {
1813
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FilePathAnnotation, {
1836
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FilePathAnnotation, {
1814
1837
  annotation: annotation,
1815
1838
  children: children
1816
1839
  });
@@ -1818,7 +1841,7 @@ var Annotation = function(param) {
1818
1841
  return null;
1819
1842
  };
1820
1843
  // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
1821
- var import_jsx_runtime46 = require("react/jsx-runtime");
1844
+ var import_jsx_runtime47 = require("react/jsx-runtime");
1822
1845
  var components = {
1823
1846
  p: Paragraph,
1824
1847
  a: Link,
@@ -1831,57 +1854,57 @@ var components = {
1831
1854
  img: Img,
1832
1855
  annotation: Annotation,
1833
1856
  h1: function(props) {
1834
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
1857
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
1835
1858
  as: "h1",
1836
1859
  children: props.children
1837
1860
  });
1838
1861
  },
1839
1862
  h2: function(props) {
1840
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
1863
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
1841
1864
  as: "h2",
1842
1865
  size: "5",
1843
1866
  children: props.children
1844
1867
  });
1845
1868
  },
1846
1869
  h3: function(props) {
1847
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
1870
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
1848
1871
  as: "h3",
1849
1872
  size: "4",
1850
1873
  children: props.children
1851
1874
  });
1852
1875
  },
1853
1876
  h4: function(props) {
1854
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
1877
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
1855
1878
  as: "h4",
1856
1879
  size: "3",
1857
1880
  children: props.children
1858
1881
  });
1859
1882
  },
1860
1883
  h5: function(props) {
1861
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
1884
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
1862
1885
  as: "h5",
1863
1886
  size: "3",
1864
1887
  children: props.children
1865
1888
  });
1866
1889
  },
1867
1890
  h6: function(props) {
1868
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
1891
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
1869
1892
  as: "h6",
1870
1893
  size: "3",
1871
1894
  children: props.children
1872
1895
  });
1873
1896
  },
1874
1897
  table: function(props) {
1875
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Table.Root, _object_spread_props(_object_spread({}, props), {
1898
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Table.Root, _object_spread_props(_object_spread({}, props), {
1876
1899
  variant: "surface",
1877
1900
  mb: "3"
1878
1901
  }));
1879
1902
  },
1880
- thead: import_themes35.Table.Header,
1881
- tbody: import_themes35.Table.Body,
1882
- tr: import_themes35.Table.Row,
1883
- td: import_themes35.Table.Cell,
1884
- th: import_themes35.Table.ColumnHeaderCell
1903
+ thead: import_themes36.Table.Header,
1904
+ tbody: import_themes36.Table.Body,
1905
+ tr: import_themes36.Table.Row,
1906
+ td: import_themes36.Table.Cell,
1907
+ th: import_themes36.Table.ColumnHeaderCell
1885
1908
  };
1886
1909
  // src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
1887
1910
  var import_remark_gfm = __toESM(require("remark-gfm"), 1);
@@ -2064,45 +2087,49 @@ var MarkdownContext = (0, import_react29.createContext)({
2064
2087
  var useMarkdownContext = function() {
2065
2088
  return (0, import_react30.useContext)(MarkdownContext);
2066
2089
  };
2067
- // src/components/threads/Thread/Message/TextContent.tsx
2068
- var import_jsx_runtime47 = require("react/jsx-runtime");
2090
+ // src/components/threads/Thread/Message/ContentPart/TextContent.tsx
2091
+ var import_jsx_runtime48 = require("react/jsx-runtime");
2069
2092
  var TextContent = function(param) {
2070
2093
  var content = param.content;
2071
2094
  var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
2072
2095
  "getRemarkPlugins"
2073
2096
  ]);
2074
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
2097
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
2075
2098
  remarkPlugins: getRemarkPlugins2({
2076
2099
  content: content
2077
2100
  }),
2078
2101
  children: content.text.value
2079
2102
  }));
2080
2103
  };
2081
- // src/components/threads/Thread/Message/Attachments/index.tsx
2082
- var import_themes36 = require("@radix-ui/themes");
2083
- var import_react_icons9 = require("@radix-ui/react-icons");
2084
- var import_jsx_runtime48 = require("react/jsx-runtime");
2085
- var Attachments = function(param) {
2086
- var message = param.message;
2087
- var _message_attachments;
2088
- if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
2089
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes36.Flex, {
2090
- align: "start",
2091
- pb: "1",
2092
- children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_themes36.Badge, {
2093
- color: "gray",
2094
- variant: "surface",
2095
- children: [
2096
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons9.FileIcon, {}),
2097
- message.attachments.length,
2098
- " file",
2099
- message.attachments.length > 1 ? "s" : ""
2100
- ]
2101
- })
2104
+ // src/components/threads/Thread/Message/ContentPart/ImageFileContent.tsx
2105
+ var import_jsx_runtime49 = require("react/jsx-runtime");
2106
+ var ImageFileContent = function(param) {
2107
+ var content = param.content;
2108
+ var superinterfaceContext = useSuperinterfaceContext();
2109
+ var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
2110
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Image, {
2111
+ alt: "",
2112
+ src: "".concat(superinterfaceContext.baseUrl, "/files/").concat(content.image_file.file_id, "/contents?").concat(nextSearchParams)
2102
2113
  });
2103
2114
  };
2115
+ // src/components/threads/Thread/Message/ContentPart/index.tsx
2116
+ var import_jsx_runtime50 = require("react/jsx-runtime");
2117
+ var ContentPart = function(param) {
2118
+ var content = param.content;
2119
+ if (content.type === "text") {
2120
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TextContent, {
2121
+ content: content
2122
+ });
2123
+ }
2124
+ if (content.type === "image_file") {
2125
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ImageFileContent, {
2126
+ content: content
2127
+ });
2128
+ }
2129
+ return null;
2130
+ };
2104
2131
  // src/components/threads/Thread/Message/index.tsx
2105
- var import_jsx_runtime49 = require("react/jsx-runtime");
2132
+ var import_jsx_runtime51 = require("react/jsx-runtime");
2106
2133
  var Message = function(param) {
2107
2134
  var message = param.message;
2108
2135
  var _ref = _sliced_to_array((0, import_react31.useMemo)(function() {
@@ -2147,68 +2174,66 @@ var Message = function(param) {
2147
2174
  }, [
2148
2175
  message
2149
2176
  ]);
2150
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Provider, {
2177
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Provider, {
2151
2178
  value: {
2152
2179
  message: message
2153
2180
  },
2154
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes37.Box, {
2181
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes37.Box, {
2155
2182
  children: [
2156
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RunSteps, {
2183
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RunSteps, {
2157
2184
  runSteps: olderRunSteps
2158
2185
  }),
2159
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes37.Box, {
2186
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes37.Box, {
2160
2187
  children: [
2161
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Attachments, {
2188
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Attachments, {
2162
2189
  message: message
2163
2190
  }),
2164
2191
  message.content.map(function(content, index) {
2165
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react31.Fragment, {
2166
- children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TextContent, {
2167
- content: content
2168
- })
2192
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContentPart, {
2193
+ content: content
2169
2194
  }, index);
2170
2195
  }),
2171
- isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StartingContentSkeleton, {})
2196
+ isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StartingContentSkeleton, {})
2172
2197
  ]
2173
2198
  }),
2174
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RunSteps, {
2199
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RunSteps, {
2175
2200
  runSteps: laterRunSteps
2176
2201
  }),
2177
- isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes37.Box, {
2178
- children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StartingContentSkeleton, {})
2202
+ isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Box, {
2203
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StartingContentSkeleton, {})
2179
2204
  })
2180
2205
  ]
2181
2206
  })
2182
2207
  });
2183
2208
  };
2184
2209
  // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
2185
- var import_jsx_runtime50 = require("react/jsx-runtime");
2210
+ var import_jsx_runtime52 = require("react/jsx-runtime");
2186
2211
  var Content3 = function(param) {
2187
2212
  var messageGroup = param.messageGroup;
2188
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes38.Flex, {
2213
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.Flex, {
2189
2214
  direction: "column-reverse",
2190
2215
  children: messageGroup.messages.map(function(message) {
2191
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Message, {
2216
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Message, {
2192
2217
  message: message
2193
2218
  }, message.id);
2194
2219
  })
2195
2220
  });
2196
2221
  };
2197
2222
  // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
2198
- var import_jsx_runtime51 = require("react/jsx-runtime");
2223
+ var import_jsx_runtime53 = require("react/jsx-runtime");
2199
2224
  var MessageGroup = function(param) {
2200
2225
  var messageGroup = param.messageGroup;
2201
2226
  var assistantNameContext = (0, import_react32.useContext)(AssistantNameContext);
2202
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(MessageGroupBase, {
2227
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(MessageGroupBase, {
2203
2228
  children: [
2204
- messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AssistantAvatar, {}),
2205
- /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes39.Box, {
2229
+ messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssistantAvatar, {}),
2230
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes39.Box, {
2206
2231
  flexGrow: "1",
2207
2232
  children: [
2208
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Name, {
2233
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Name, {
2209
2234
  children: messageGroup.role === "user" ? "You" : assistantNameContext
2210
2235
  }),
2211
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Content3, {
2236
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Content3, {
2212
2237
  messageGroup: messageGroup
2213
2238
  })
2214
2239
  ]
@@ -2217,7 +2242,7 @@ var MessageGroup = function(param) {
2217
2242
  });
2218
2243
  };
2219
2244
  // src/components/threads/Thread/Messages/Content/index.tsx
2220
- var import_jsx_runtime52 = require("react/jsx-runtime");
2245
+ var import_jsx_runtime54 = require("react/jsx-runtime");
2221
2246
  var Content4 = function() {
2222
2247
  var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
2223
2248
  var addToast = useToasts().addToast;
@@ -2236,11 +2261,11 @@ var Content4 = function() {
2236
2261
  addToast
2237
2262
  ]);
2238
2263
  if (isLoading || isLoadingError) {
2239
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MessagesSkeleton, {});
2264
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MessagesSkeleton, {});
2240
2265
  }
2241
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {
2266
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {
2242
2267
  children: messageGroups2.map(function(messageGroup) {
2243
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MessageGroup, {
2268
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MessageGroup, {
2244
2269
  messageGroup: messageGroup
2245
2270
  }, messageGroup.id);
2246
2271
  })
@@ -2251,20 +2276,20 @@ var import_react36 = require("react");
2251
2276
  // src/components/skeletons/StartingSkeleton/index.tsx
2252
2277
  var import_react34 = require("react");
2253
2278
  var import_themes40 = require("@radix-ui/themes");
2254
- var import_jsx_runtime53 = require("react/jsx-runtime");
2279
+ var import_jsx_runtime55 = require("react/jsx-runtime");
2255
2280
  var StartingSkeleton = function(param) {
2256
2281
  var children = param.children;
2257
2282
  var assistantNameContext = (0, import_react34.useContext)(AssistantNameContext);
2258
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(MessageGroupBase, {
2283
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(MessageGroupBase, {
2259
2284
  children: [
2260
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssistantAvatar, {}),
2261
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes40.Box, {
2285
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AssistantAvatar, {}),
2286
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes40.Box, {
2262
2287
  children: [
2263
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Name, {
2288
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Name, {
2264
2289
  children: assistantNameContext
2265
2290
  }),
2266
2291
  children,
2267
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StartingContentSkeleton, {})
2292
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StartingContentSkeleton, {})
2268
2293
  ]
2269
2294
  })
2270
2295
  ]
@@ -2289,7 +2314,7 @@ var isOptimistic = function(param) {
2289
2314
  return import_lodash4.default.startsWith(id, "-");
2290
2315
  };
2291
2316
  // src/components/threads/Thread/Messages/Progress/index.tsx
2292
- var import_jsx_runtime54 = require("react/jsx-runtime");
2317
+ var import_jsx_runtime56 = require("react/jsx-runtime");
2293
2318
  var Progress = function() {
2294
2319
  var latestMessage = useLatestMessage().latestMessage;
2295
2320
  var isMutatingMessage = useIsMutatingMessage();
@@ -2307,7 +2332,7 @@ var Progress = function() {
2307
2332
  isMutatingMessage
2308
2333
  ]);
2309
2334
  if (!isVisible) return null;
2310
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StartingSkeleton, {});
2335
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StartingSkeleton, {});
2311
2336
  };
2312
2337
  // src/components/threads/Thread/Messages/Root/index.tsx
2313
2338
  var import_themes41 = require("@radix-ui/themes");
@@ -2365,7 +2390,7 @@ var useInfiniteScroll = function(param) {
2365
2390
  };
2366
2391
  };
2367
2392
  // src/components/threads/Thread/Messages/Root/index.tsx
2368
- var import_jsx_runtime55 = require("react/jsx-runtime");
2393
+ var import_jsx_runtime57 = require("react/jsx-runtime");
2369
2394
  var Root2 = function(param) {
2370
2395
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
2371
2396
  var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -2374,7 +2399,7 @@ var Root2 = function(param) {
2374
2399
  hasNextPage: hasNextPage,
2375
2400
  fetchNextPage: fetchNextPage
2376
2401
  }), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
2377
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes41.Flex, {
2402
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes41.Flex, {
2378
2403
  ref: containerRef,
2379
2404
  direction: "column-reverse",
2380
2405
  flexGrow: "1",
@@ -2383,10 +2408,10 @@ var Root2 = function(param) {
2383
2408
  }),
2384
2409
  children: [
2385
2410
  children,
2386
- hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
2411
+ hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes41.Flex, {
2387
2412
  ref: loaderRef
2388
2413
  }),
2389
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
2414
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes41.Flex, {
2390
2415
  flexShrink: "0",
2391
2416
  flexGrow: "1"
2392
2417
  })
@@ -2394,30 +2419,30 @@ var Root2 = function(param) {
2394
2419
  });
2395
2420
  };
2396
2421
  // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
2397
- var import_jsx_runtime56 = require("react/jsx-runtime");
2422
+ var import_jsx_runtime58 = require("react/jsx-runtime");
2398
2423
  var NextPageSkeleton = function() {
2399
2424
  var hasNextPage = useMessages().hasNextPage;
2400
2425
  if (!hasNextPage) {
2401
2426
  return null;
2402
2427
  }
2403
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessagesSkeleton, {});
2428
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessagesSkeleton, {});
2404
2429
  };
2405
2430
  // src/components/threads/Thread/Messages/index.tsx
2406
- var import_jsx_runtime57 = require("react/jsx-runtime");
2431
+ var import_jsx_runtime59 = require("react/jsx-runtime");
2407
2432
  var Messages = function(param) {
2408
2433
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
2409
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Root2, {
2434
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Root2, {
2410
2435
  style: style,
2411
2436
  children: [
2412
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
2437
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes42.Flex, {
2413
2438
  flexShrink: "0",
2414
2439
  height: "var(--space-3)"
2415
2440
  }),
2416
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Progress, {}),
2441
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Progress, {}),
2417
2442
  children,
2418
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Content4, {}),
2419
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(NextPageSkeleton, {}),
2420
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
2443
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Content4, {}),
2444
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NextPageSkeleton, {}),
2445
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes42.Flex, {
2421
2446
  flexShrink: "0",
2422
2447
  flexGrow: "1",
2423
2448
  minHeight: "var(--space-5)"
@@ -2448,10 +2473,10 @@ var useMessageFormContext = function() {
2448
2473
  return (0, import_react40.useContext)(MessageFormContext);
2449
2474
  };
2450
2475
  // src/components/threads/Thread/MessageForm/Submit/index.tsx
2451
- var import_jsx_runtime58 = require("react/jsx-runtime");
2476
+ var import_jsx_runtime60 = require("react/jsx-runtime");
2452
2477
  var Root3 = function(param) {
2453
2478
  var children = param.children;
2454
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.Flex, {
2479
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.Flex, {
2455
2480
  flexShrink: "0",
2456
2481
  align: "end",
2457
2482
  children: children
@@ -2461,24 +2486,24 @@ var Button2 = function() {
2461
2486
  var superinterfaceContext = useSuperinterfaceContext();
2462
2487
  var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
2463
2488
  if (isLoading) {
2464
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
2489
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.IconButton, {
2465
2490
  type: "button",
2466
2491
  onClick: function() {
2467
2492
  var _superinterfaceContext_createMessageAbortControllerRef_current;
2468
2493
  return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
2469
2494
  },
2470
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.StopIcon, {})
2495
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons10.StopIcon, {})
2471
2496
  });
2472
2497
  }
2473
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
2498
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.IconButton, {
2474
2499
  type: "submit",
2475
2500
  disabled: isDisabled || isFileLoading,
2476
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.ArrowUpIcon, {})
2501
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons10.ArrowUpIcon, {})
2477
2502
  });
2478
2503
  };
2479
2504
  var Submit = function() {
2480
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Root3, {
2481
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button2, {})
2505
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Root3, {
2506
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button2, {})
2482
2507
  });
2483
2508
  };
2484
2509
  Submit.Root = Root3;
@@ -3275,7 +3300,7 @@ var createMessageDefaultOnError = function(param) {
3275
3300
  };
3276
3301
  };
3277
3302
  // src/components/threads/Thread/MessageForm/Root/index.tsx
3278
- var import_jsx_runtime59 = require("react/jsx-runtime");
3303
+ var import_jsx_runtime61 = require("react/jsx-runtime");
3279
3304
  var Root4 = function(param) {
3280
3305
  var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled;
3281
3306
  var _ref = _sliced_to_array((0, import_react41.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
@@ -3368,7 +3393,7 @@ var Root4 = function(param) {
3368
3393
  };
3369
3394
  }();
3370
3395
  var content = watch("content");
3371
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MessageFormContext.Provider, {
3396
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(MessageFormContext.Provider, {
3372
3397
  value: {
3373
3398
  isDisabled: isDisabled,
3374
3399
  isLoading: isLoading,
@@ -3377,11 +3402,11 @@ var Root4 = function(param) {
3377
3402
  isFileLoading: isFileLoading,
3378
3403
  content: content
3379
3404
  },
3380
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
3381
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Box, {
3405
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
3406
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes44.Box, {
3382
3407
  asChild: true,
3383
3408
  flexShrink: "0",
3384
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("form", {
3409
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("form", {
3385
3410
  onSubmit: handleSubmit(onSubmit),
3386
3411
  children: children
3387
3412
  })
@@ -3409,14 +3434,14 @@ var import_react44 = require("react");
3409
3434
  // src/components/textareas/TextareaBase/index.tsx
3410
3435
  var import_react43 = require("react");
3411
3436
  var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
3412
- var import_jsx_runtime60 = require("react/jsx-runtime");
3437
+ var import_jsx_runtime62 = require("react/jsx-runtime");
3413
3438
  var TextareaBase = (0, import_react43.forwardRef)(function TextareaBase2(props, ref) {
3414
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, {
3439
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, {
3415
3440
  children: [
3416
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("style", {
3441
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("style", {
3417
3442
  children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
3418
3443
  }),
3419
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_textarea_autosize.default, _object_spread({
3444
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_textarea_autosize.default, _object_spread({
3420
3445
  ref: ref,
3421
3446
  className: "rt-reset superinterface-textarea",
3422
3447
  style: {
@@ -3433,10 +3458,10 @@ var TextareaBase = (0, import_react43.forwardRef)(function TextareaBase2(props,
3433
3458
  });
3434
3459
  });
3435
3460
  // src/components/threads/Thread/MessageForm/Field/Control.tsx
3436
- var import_jsx_runtime61 = require("react/jsx-runtime");
3461
+ var import_jsx_runtime63 = require("react/jsx-runtime");
3437
3462
  var Root5 = function(param) {
3438
3463
  var children = param.children;
3439
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.Flex, {
3464
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.Flex, {
3440
3465
  flexGrow: "1",
3441
3466
  pt: "4px",
3442
3467
  children: children
@@ -3465,7 +3490,7 @@ var Input = function() {
3465
3490
  isDisabledPrevious,
3466
3491
  textareaProps
3467
3492
  ]);
3468
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TextareaBase, _object_spread_props(_object_spread({
3493
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TextareaBase, _object_spread_props(_object_spread({
3469
3494
  minRows: 1,
3470
3495
  placeholder: "Message ".concat(assistantNameContext, "..."),
3471
3496
  disabled: isDisabled,
@@ -3485,8 +3510,8 @@ var Input = function() {
3485
3510
  }));
3486
3511
  };
3487
3512
  var Control = function() {
3488
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Root5, {
3489
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Input, {})
3513
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Root5, {
3514
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Input, {})
3490
3515
  });
3491
3516
  };
3492
3517
  Control.Root = Root5;
@@ -3494,42 +3519,42 @@ Control.Input = Input;
3494
3519
  // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
3495
3520
  var import_themes46 = require("@radix-ui/themes");
3496
3521
  var import_react_icons11 = require("@radix-ui/react-icons");
3497
- var import_jsx_runtime62 = require("react/jsx-runtime");
3522
+ var import_jsx_runtime64 = require("react/jsx-runtime");
3498
3523
  var Preview = function() {
3499
3524
  var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
3500
3525
  if (!files.length) {
3501
3526
  return null;
3502
3527
  }
3503
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Flex, {
3528
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
3504
3529
  flexBasis: "100%",
3505
3530
  direction: "column",
3506
3531
  pb: "2",
3507
3532
  gap: "1",
3508
3533
  children: files.map(function(file) {
3509
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Card, {
3534
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Card, {
3510
3535
  variant: "ghost",
3511
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes46.Flex, {
3536
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes46.Flex, {
3512
3537
  align: "center",
3513
3538
  justify: "between",
3514
3539
  gap: "1",
3515
3540
  children: [
3516
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes46.Flex, {
3541
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes46.Flex, {
3517
3542
  align: "center",
3518
3543
  gap: "1",
3519
3544
  flexShrink: "1",
3520
3545
  minWidth: "0",
3521
3546
  maxWidth: "250px",
3522
3547
  children: [
3523
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Flex, {
3548
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
3524
3549
  flexShrink: "0",
3525
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Spinner, {
3550
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Spinner, {
3526
3551
  loading: isOptimistic({
3527
3552
  id: file.id
3528
3553
  }),
3529
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons11.FileIcon, {})
3554
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.FileIcon, {})
3530
3555
  })
3531
3556
  }),
3532
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Text, {
3557
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Text, {
3533
3558
  size: "2",
3534
3559
  truncate: true,
3535
3560
  wrap: "nowrap",
@@ -3537,9 +3562,9 @@ var Preview = function() {
3537
3562
  })
3538
3563
  ]
3539
3564
  }),
3540
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Flex, {
3565
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
3541
3566
  flexShrink: "0",
3542
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.IconButton, {
3567
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.IconButton, {
3543
3568
  onClick: function() {
3544
3569
  return setFiles(function(prev) {
3545
3570
  return prev.filter(function(prevFile) {
@@ -3550,7 +3575,7 @@ var Preview = function() {
3550
3575
  color: "gray",
3551
3576
  variant: "ghost",
3552
3577
  size: "1",
3553
- children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons11.Cross2Icon, {})
3578
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.Cross2Icon, {})
3554
3579
  })
3555
3580
  })
3556
3581
  ]
@@ -3675,7 +3700,7 @@ var useCreateFile = function() {
3675
3700
  });
3676
3701
  };
3677
3702
  // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
3678
- var import_jsx_runtime63 = require("react/jsx-runtime");
3703
+ var import_jsx_runtime65 = require("react/jsx-runtime");
3679
3704
  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";
3680
3705
  var Control2 = function() {
3681
3706
  var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
@@ -3849,11 +3874,11 @@ var Control2 = function() {
3849
3874
  createFile,
3850
3875
  setFiles
3851
3876
  ]);
3852
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes47.Flex, {
3877
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes47.Flex, {
3853
3878
  pt: "2",
3854
3879
  pr: "2",
3855
3880
  flexGrow: "0",
3856
- children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes47.IconButton, {
3881
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes47.IconButton, {
3857
3882
  type: "button",
3858
3883
  variant: "ghost",
3859
3884
  color: "gray",
@@ -3863,8 +3888,8 @@ var Control2 = function() {
3863
3888
  overflow: "hidden"
3864
3889
  },
3865
3890
  children: [
3866
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_icons12.FilePlusIcon, {}),
3867
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("input", {
3891
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_icons12.FilePlusIcon, {}),
3892
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("input", {
3868
3893
  type: "file",
3869
3894
  multiple: true,
3870
3895
  accept: accept,
@@ -3889,20 +3914,20 @@ var Files = {
3889
3914
  Control: Control2
3890
3915
  };
3891
3916
  // src/components/threads/Thread/MessageForm/Field/index.tsx
3892
- var import_jsx_runtime64 = require("react/jsx-runtime");
3917
+ var import_jsx_runtime66 = require("react/jsx-runtime");
3893
3918
  var Root6 = function(param) {
3894
3919
  var children = param.children;
3895
3920
  var _ref = (0, import_react_hook_form3.useFormContext)(), errors = _ref.formState.errors;
3896
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes48.Container, {
3921
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Container, {
3897
3922
  size: "2",
3898
3923
  flexGrow: "0",
3899
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes48.Flex, {
3924
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
3900
3925
  direction: "column",
3901
3926
  flexShrink: "0",
3902
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes48.Flex, {
3927
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
3903
3928
  direction: "column",
3904
3929
  flexShrink: "0",
3905
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes48.Flex, {
3930
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
3906
3931
  style: _object_spread({
3907
3932
  borderRadius: "var(--radius-2)",
3908
3933
  borderWidth: "1px",
@@ -3926,13 +3951,13 @@ var Field = {
3926
3951
  Files: Files
3927
3952
  };
3928
3953
  // src/components/threads/Thread/MessageForm/index.tsx
3929
- var import_jsx_runtime65 = require("react/jsx-runtime");
3954
+ var import_jsx_runtime67 = require("react/jsx-runtime");
3930
3955
  var MessageForm = function() {
3931
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Root4, {
3932
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Field.Root, {
3956
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Root4, {
3957
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Field.Root, {
3933
3958
  children: [
3934
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Field.Control, {}),
3935
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Submit, {})
3959
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Field.Control, {}),
3960
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Submit, {})
3936
3961
  ]
3937
3962
  })
3938
3963
  });
@@ -3951,25 +3976,25 @@ var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
3951
3976
  var Toast = __toESM(require("@radix-ui/react-toast"), 1);
3952
3977
  var import_themes49 = require("@radix-ui/themes");
3953
3978
  var import_react_icons13 = require("@radix-ui/react-icons");
3954
- var import_jsx_runtime66 = require("react/jsx-runtime");
3979
+ var import_jsx_runtime68 = require("react/jsx-runtime");
3955
3980
  var CustomToast = function(param) {
3956
3981
  var toast = param.toast;
3957
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Toast.Root, {
3958
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes49.Card, {
3959
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Toast.Title, {
3960
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes49.Flex, {
3982
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Toast.Root, {
3983
+ children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Card, {
3984
+ children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Toast.Title, {
3985
+ children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.Flex, {
3961
3986
  children: [
3962
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes49.Flex, {
3987
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, {
3963
3988
  pr: "2",
3964
3989
  height: "14px",
3965
3990
  align: "center",
3966
- children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_icons13.CheckCircledIcon, {
3991
+ children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons13.CheckCircledIcon, {
3967
3992
  color: "var(--accent-9)"
3968
- }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_icons13.CrossCircledIcon, {
3993
+ }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons13.CrossCircledIcon, {
3969
3994
  color: "var(--red-9)"
3970
3995
  })
3971
3996
  }),
3972
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes49.Text, {
3997
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Text, {
3973
3998
  weight: "medium",
3974
3999
  size: "1",
3975
4000
  children: toast.message
@@ -3981,7 +4006,7 @@ var CustomToast = function(param) {
3981
4006
  });
3982
4007
  };
3983
4008
  // src/components/toasts/ToastsProvider/index.tsx
3984
- var import_jsx_runtime67 = require("react/jsx-runtime");
4009
+ var import_jsx_runtime69 = require("react/jsx-runtime");
3985
4010
  var ToastsProvider = function(param) {
3986
4011
  var children = param.children, _param_bottom = param.bottom, bottom = _param_bottom === void 0 ? 0 : _param_bottom;
3987
4012
  var _ref = _sliced_to_array((0, import_react46.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
@@ -3992,20 +4017,20 @@ var ToastsProvider = function(param) {
3992
4017
  ]);
3993
4018
  });
3994
4019
  }, []);
3995
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ToastsContext.Provider, {
4020
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ToastsContext.Provider, {
3996
4021
  value: {
3997
4022
  toasts: toasts,
3998
4023
  addToast: addToast
3999
4024
  },
4000
- children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Toast2.Provider, {
4025
+ children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Toast2.Provider, {
4001
4026
  children: [
4002
4027
  children,
4003
4028
  Array.from(toasts).map(function(toast, index) {
4004
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CustomToast, {
4029
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomToast, {
4005
4030
  toast: toast
4006
4031
  }, index);
4007
4032
  }),
4008
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Toast2.Viewport, {
4033
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Toast2.Viewport, {
4009
4034
  style: {
4010
4035
  position: "absolute",
4011
4036
  bottom: bottom,
@@ -4027,15 +4052,15 @@ var ToastsProvider = function(param) {
4027
4052
  });
4028
4053
  };
4029
4054
  // src/components/threads/Thread/Root/index.tsx
4030
- var import_jsx_runtime68 = require("react/jsx-runtime");
4055
+ var import_jsx_runtime70 = require("react/jsx-runtime");
4031
4056
  var Root8 = function(_param) {
4032
4057
  var children = _param.children, rest = _object_without_properties(_param, [
4033
4058
  "children"
4034
4059
  ]);
4035
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ToastsProvider, {
4060
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ToastsProvider, {
4036
4061
  bottom: "var(--space-9)",
4037
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
4038
- children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Flex, {
4062
+ children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
4063
+ children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes50.Flex, {
4039
4064
  direction: "column",
4040
4065
  flexGrow: "1",
4041
4066
  children: children
@@ -4044,12 +4069,12 @@ var Root8 = function(_param) {
4044
4069
  });
4045
4070
  };
4046
4071
  // src/components/threads/Thread/index.tsx
4047
- var import_jsx_runtime69 = require("react/jsx-runtime");
4072
+ var import_jsx_runtime71 = require("react/jsx-runtime");
4048
4073
  var Thread = function(props) {
4049
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Root8, _object_spread_props(_object_spread({}, props), {
4074
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Root8, _object_spread_props(_object_spread({}, props), {
4050
4075
  children: [
4051
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Messages, {}),
4052
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MessageForm, {})
4076
+ /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Messages, {}),
4077
+ /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MessageForm, {})
4053
4078
  ]
4054
4079
  }));
4055
4080
  };
@@ -4173,12 +4198,12 @@ var useThreadDialogContext = function() {
4173
4198
  return (0, import_react50.useContext)(ThreadDialogContext);
4174
4199
  };
4175
4200
  // src/components/threads/ThreadDialog/Provider/index.tsx
4176
- var import_jsx_runtime70 = require("react/jsx-runtime");
4201
+ var import_jsx_runtime72 = require("react/jsx-runtime");
4177
4202
  var Provider4 = function(param) {
4178
4203
  var children = param.children;
4179
4204
  var threadDialogContext = useThreadDialogContext();
4180
4205
  var _ref = _sliced_to_array((0, import_react51.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
4181
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ThreadDialogContext.Provider, {
4206
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ThreadDialogContext.Provider, {
4182
4207
  value: {
4183
4208
  isOpen: isOpen,
4184
4209
  setIsOpen: setIsOpen
@@ -4187,10 +4212,10 @@ var Provider4 = function(param) {
4187
4212
  });
4188
4213
  };
4189
4214
  // src/components/threads/ThreadDialog/Root/index.tsx
4190
- var import_jsx_runtime71 = require("react/jsx-runtime");
4215
+ var import_jsx_runtime73 = require("react/jsx-runtime");
4191
4216
  var Root9 = function(param) {
4192
4217
  var children = param.children;
4193
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Provider4, {
4218
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Provider4, {
4194
4219
  children: children
4195
4220
  });
4196
4221
  };
@@ -4199,20 +4224,20 @@ var import_themes52 = require("@radix-ui/themes");
4199
4224
  // src/components/threads/ThreadDialog/Trigger/Button.tsx
4200
4225
  var import_themes51 = require("@radix-ui/themes");
4201
4226
  var import_react_icons14 = require("@radix-ui/react-icons");
4202
- var import_jsx_runtime72 = require("react/jsx-runtime");
4227
+ var import_jsx_runtime74 = require("react/jsx-runtime");
4203
4228
  var Button3 = function() {
4204
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes51.IconButton, {
4229
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.IconButton, {
4205
4230
  size: "4",
4206
4231
  radius: "full",
4207
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons14.ChatBubbleIcon, {})
4232
+ children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_icons14.ChatBubbleIcon, {})
4208
4233
  });
4209
4234
  };
4210
4235
  // src/components/threads/ThreadDialog/Trigger/index.tsx
4211
- var import_jsx_runtime73 = require("react/jsx-runtime");
4236
+ var import_jsx_runtime75 = require("react/jsx-runtime");
4212
4237
  var Root10 = function(param) {
4213
4238
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
4214
4239
  var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
4215
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes52.Flex, {
4240
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.Flex, {
4216
4241
  display: {
4217
4242
  initial: isOpen ? "none" : "flex",
4218
4243
  sm: "flex"
@@ -4236,8 +4261,8 @@ var Root10 = function(param) {
4236
4261
  });
4237
4262
  };
4238
4263
  var Trigger = function(args) {
4239
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
4240
- children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button3, {})
4264
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
4265
+ children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button3, {})
4241
4266
  }));
4242
4267
  };
4243
4268
  Trigger.Root = Root10;
@@ -4247,10 +4272,10 @@ var import_themes54 = require("@radix-ui/themes");
4247
4272
  // src/components/threads/ThreadDialog/Close/index.tsx
4248
4273
  var import_react_icons15 = require("@radix-ui/react-icons");
4249
4274
  var import_themes53 = require("@radix-ui/themes");
4250
- var import_jsx_runtime74 = require("react/jsx-runtime");
4275
+ var import_jsx_runtime76 = require("react/jsx-runtime");
4251
4276
  var Close = function() {
4252
4277
  var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
4253
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes53.Flex, {
4278
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.Flex, {
4254
4279
  display: {
4255
4280
  initial: isOpen ? "flex" : "none",
4256
4281
  sm: "none"
@@ -4270,20 +4295,20 @@ var Close = function() {
4270
4295
  style: {
4271
4296
  zIndex: 9999999999
4272
4297
  },
4273
- children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes53.IconButton, {
4298
+ children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.IconButton, {
4274
4299
  size: "2",
4275
4300
  variant: "soft",
4276
- children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_icons15.Cross1Icon, {})
4301
+ children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons15.Cross1Icon, {})
4277
4302
  })
4278
4303
  });
4279
4304
  };
4280
4305
  // src/components/threads/ThreadDialog/Content/index.tsx
4281
- var import_jsx_runtime75 = require("react/jsx-runtime");
4306
+ var import_jsx_runtime77 = require("react/jsx-runtime");
4282
4307
  var Root11 = function(param) {
4283
4308
  var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
4284
4309
  var isOpen = useThreadDialogContext().isOpen;
4285
4310
  if (!isOpen) return null;
4286
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes54.Flex, {
4311
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Flex, {
4287
4312
  direction: "column",
4288
4313
  justify: "end",
4289
4314
  position: "fixed",
@@ -4311,7 +4336,7 @@ var Root11 = function(param) {
4311
4336
  style: _object_spread({
4312
4337
  zIndex: 9999999999
4313
4338
  }, style),
4314
- children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_themes54.Card, {
4339
+ children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_themes54.Card, {
4315
4340
  mb: {
4316
4341
  initial: void 0,
4317
4342
  sm: "3"
@@ -4322,7 +4347,7 @@ var Root11 = function(param) {
4322
4347
  flexGrow: 1
4323
4348
  },
4324
4349
  children: [
4325
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes54.Inset, {
4350
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Inset, {
4326
4351
  clip: "padding-box",
4327
4352
  side: "all",
4328
4353
  pb: "current",
@@ -4332,13 +4357,13 @@ var Root11 = function(param) {
4332
4357
  },
4333
4358
  children: children
4334
4359
  }),
4335
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Close, {})
4360
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Close, {})
4336
4361
  ]
4337
4362
  })
4338
4363
  });
4339
4364
  };
4340
4365
  var Messages2 = function() {
4341
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Thread.Messages, {
4366
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Thread.Messages, {
4342
4367
  style: {
4343
4368
  paddingTop: "var(--space-5)",
4344
4369
  paddingRight: "var(--space-5)",
@@ -4348,7 +4373,7 @@ var Messages2 = function() {
4348
4373
  };
4349
4374
  var FormContainer = function(param) {
4350
4375
  var children = param.children;
4351
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes54.Flex, {
4376
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Flex, {
4352
4377
  direction: "column",
4353
4378
  pl: "5",
4354
4379
  pr: "5",
@@ -4359,13 +4384,13 @@ var FormContainer = function(param) {
4359
4384
  };
4360
4385
  var Content5 = function(param) {
4361
4386
  var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
4362
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Root11, {
4387
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Root11, {
4363
4388
  style: style,
4364
- children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Thread.Root, {
4389
+ children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Thread.Root, {
4365
4390
  children: [
4366
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Messages2, {}),
4367
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(FormContainer, {
4368
- children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Thread.MessageForm, {})
4391
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Messages2, {}),
4392
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FormContainer, {
4393
+ children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Thread.MessageForm, {})
4369
4394
  })
4370
4395
  ]
4371
4396
  })
@@ -4375,12 +4400,12 @@ Content5.Root = Root11;
4375
4400
  Content5.Messages = Messages2;
4376
4401
  Content5.FormContainer = FormContainer;
4377
4402
  // src/components/threads/ThreadDialog/index.tsx
4378
- var import_jsx_runtime76 = require("react/jsx-runtime");
4403
+ var import_jsx_runtime78 = require("react/jsx-runtime");
4379
4404
  var ThreadDialog = function() {
4380
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Root9, {
4405
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Root9, {
4381
4406
  children: [
4382
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Content5, {}),
4383
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Trigger, {})
4407
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Content5, {}),
4408
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Trigger, {})
4384
4409
  ]
4385
4410
  });
4386
4411
  };
@@ -4897,7 +4922,7 @@ var useMessageAudio = function(param) {
4897
4922
  };
4898
4923
  // src/components/threads/AudioThread/Root/index.tsx
4899
4924
  var import_react_query9 = require("@tanstack/react-query");
4900
- var import_jsx_runtime77 = require("react/jsx-runtime");
4925
+ var import_jsx_runtime79 = require("react/jsx-runtime");
4901
4926
  var Content6 = function(param) {
4902
4927
  var children = param.children;
4903
4928
  var addToast = useToasts().addToast;
@@ -4967,13 +4992,13 @@ var Content6 = function(param) {
4967
4992
  createMessageProps: createMessageProps,
4968
4993
  messageAudioProps: messageAudioProps
4969
4994
  }).status;
4970
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(AudioThreadContext.Provider, {
4995
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AudioThreadContext.Provider, {
4971
4996
  value: {
4972
4997
  status: status,
4973
4998
  recorderProps: recorderProps,
4974
4999
  messageAudioProps: messageAudioProps
4975
5000
  },
4976
- children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes55.Flex, {
5001
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes55.Flex, {
4977
5002
  direction: "column",
4978
5003
  flexGrow: "1",
4979
5004
  p: "9",
@@ -4983,8 +5008,8 @@ var Content6 = function(param) {
4983
5008
  };
4984
5009
  var Root12 = function(param) {
4985
5010
  var children = param.children;
4986
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastsProvider, {
4987
- children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Content6, {
5011
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToastsProvider, {
5012
+ children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Content6, {
4988
5013
  children: children
4989
5014
  })
4990
5015
  });
@@ -5003,7 +5028,7 @@ var import_lodash8 = __toESM(require("lodash"), 1);
5003
5028
  var import_themes56 = require("@radix-ui/themes");
5004
5029
  var import_react59 = require("react");
5005
5030
  var import_radash17 = require("radash");
5006
- var import_jsx_runtime78 = require("react/jsx-runtime");
5031
+ var import_jsx_runtime80 = require("react/jsx-runtime");
5007
5032
  var barCount = 4;
5008
5033
  var BarsVisualizer = function(param) {
5009
5034
  var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
@@ -5034,7 +5059,7 @@ var BarsVisualizer = function(param) {
5034
5059
  draw,
5035
5060
  visualizationAnalyser
5036
5061
  ]);
5037
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes56.Grid, {
5062
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Grid, {
5038
5063
  columns: "".concat(barCount),
5039
5064
  gap: "1",
5040
5065
  width: "auto",
@@ -5043,12 +5068,12 @@ var BarsVisualizer = function(param) {
5043
5068
  gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
5044
5069
  },
5045
5070
  children: barHeights.map(function(barHeight, index) {
5046
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes56.Flex, {
5071
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
5047
5072
  direction: "column",
5048
5073
  align: "center",
5049
5074
  justify: "center",
5050
5075
  height: height,
5051
- children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes56.Flex, {
5076
+ children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
5052
5077
  minHeight: "50%",
5053
5078
  maxHeight: "100%",
5054
5079
  height: "".concat(barHeight + 20, "%"),
@@ -5063,7 +5088,7 @@ var BarsVisualizer = function(param) {
5063
5088
  });
5064
5089
  };
5065
5090
  // src/components/threads/AudioThread/Visualization/index.tsx
5066
- var import_jsx_runtime79 = require("react/jsx-runtime");
5091
+ var import_jsx_runtime81 = require("react/jsx-runtime");
5067
5092
  var Visualization = function() {
5068
5093
  var audioThreadContext = useAudioThreadContext();
5069
5094
  var assistantNameContext = (0, import_react60.useContext)(AssistantNameContext);
@@ -5091,14 +5116,14 @@ var Visualization = function() {
5091
5116
  draw,
5092
5117
  audioThreadContext
5093
5118
  ]);
5094
- return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_themes57.Flex, {
5119
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes57.Flex, {
5095
5120
  direction: "column",
5096
5121
  align: "center",
5097
5122
  justify: "center",
5098
5123
  mb: "3",
5099
5124
  flexGrow: "1",
5100
5125
  children: [
5101
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes57.Flex, {
5126
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Flex, {
5102
5127
  align: "center",
5103
5128
  justify: "center",
5104
5129
  height: "200px",
@@ -5108,20 +5133,20 @@ var Visualization = function() {
5108
5133
  borderRadius: "9999px",
5109
5134
  scale: scale
5110
5135
  },
5111
- children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BarsVisualizer, {
5136
+ children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BarsVisualizer, {
5112
5137
  visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
5113
5138
  backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
5114
5139
  height: "40px",
5115
5140
  barWidth: "24px"
5116
5141
  })
5117
5142
  }),
5118
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_themes57.Flex, {
5143
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes57.Flex, {
5119
5144
  ml: "-22.5px",
5120
5145
  gap: "3",
5121
5146
  pt: "5",
5122
5147
  children: [
5123
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AssistantAvatar, {}),
5124
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Name, {
5148
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(AssistantAvatar, {}),
5149
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Name, {
5125
5150
  children: assistantNameContext
5126
5151
  })
5127
5152
  ]
@@ -5131,7 +5156,7 @@ var Visualization = function() {
5131
5156
  };
5132
5157
  // src/components/threads/AudioThread/Status/StatusMessages.tsx
5133
5158
  var import_themes58 = require("@radix-ui/themes");
5134
- var import_jsx_runtime80 = require("react/jsx-runtime");
5159
+ var import_jsx_runtime82 = require("react/jsx-runtime");
5135
5160
  var html = function(param) {
5136
5161
  var texts = param.texts;
5137
5162
  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) {
@@ -5140,17 +5165,17 @@ var html = function(param) {
5140
5165
  };
5141
5166
  var StatusMessages = function(param) {
5142
5167
  var texts = param.texts;
5143
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_themes58.Flex, {
5168
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_themes58.Flex, {
5144
5169
  justify: "center",
5145
5170
  pb: "5",
5146
5171
  children: [
5147
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes58.Text, {
5172
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes58.Text, {
5148
5173
  size: "2",
5149
5174
  weight: "regular",
5150
5175
  color: "gray",
5151
5176
  className: "status-messages-texts"
5152
5177
  }),
5153
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("style", {
5178
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("style", {
5154
5179
  dangerouslySetInnerHTML: {
5155
5180
  __html: html({
5156
5181
  texts: texts
@@ -5161,11 +5186,11 @@ var StatusMessages = function(param) {
5161
5186
  });
5162
5187
  };
5163
5188
  // src/components/threads/AudioThread/Status/index.tsx
5164
- var import_jsx_runtime81 = require("react/jsx-runtime");
5189
+ var import_jsx_runtime83 = require("react/jsx-runtime");
5165
5190
  var Status = function() {
5166
5191
  var audioThreadContext = useAudioThreadContext();
5167
5192
  if (audioThreadContext.status === "recording") {
5168
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(StatusMessages, {
5193
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
5169
5194
  texts: [
5170
5195
  "Start speaking",
5171
5196
  "Listening",
@@ -5179,20 +5204,20 @@ var Status = function() {
5179
5204
  "idle",
5180
5205
  "playerPaused"
5181
5206
  ].includes(audioThreadContext.status)) {
5182
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(StatusMessages, {
5207
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
5183
5208
  texts: [
5184
5209
  "Click the button below to activate"
5185
5210
  ]
5186
5211
  });
5187
5212
  }
5188
5213
  if (audioThreadContext.status === "playing") {
5189
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(StatusMessages, {
5214
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
5190
5215
  texts: [
5191
5216
  "Click the button below to interrupt"
5192
5217
  ]
5193
5218
  });
5194
5219
  }
5195
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(StatusMessages, {
5220
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
5196
5221
  texts: [
5197
5222
  "Thinking"
5198
5223
  ]
@@ -5201,9 +5226,9 @@ var Status = function() {
5201
5226
  // src/components/threads/AudioThread/Form/index.tsx
5202
5227
  var import_themes60 = require("@radix-ui/themes");
5203
5228
  // src/components/threads/AudioThread/Form/MicIcon.tsx
5204
- var import_jsx_runtime82 = require("react/jsx-runtime");
5229
+ var import_jsx_runtime84 = require("react/jsx-runtime");
5205
5230
  var MicIcon = function(props) {
5206
- return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("svg", _object_spread_props(_object_spread({
5231
+ return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("svg", _object_spread_props(_object_spread({
5207
5232
  xmlns: "http://www.w3.org/2000/svg",
5208
5233
  fill: "currentColor",
5209
5234
  stroke: "currentColor",
@@ -5212,7 +5237,7 @@ var MicIcon = function(props) {
5212
5237
  height: "15",
5213
5238
  width: "15"
5214
5239
  }, props), {
5215
- children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", {
5240
+ children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", {
5216
5241
  stroke: "none",
5217
5242
  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"
5218
5243
  })
@@ -5221,45 +5246,45 @@ var MicIcon = function(props) {
5221
5246
  // src/components/threads/AudioThread/Form/ActionButton/index.tsx
5222
5247
  var import_themes59 = require("@radix-ui/themes");
5223
5248
  var import_react_icons16 = require("@radix-ui/react-icons");
5224
- var import_jsx_runtime83 = require("react/jsx-runtime");
5249
+ var import_jsx_runtime85 = require("react/jsx-runtime");
5225
5250
  var ActionButton = function() {
5226
5251
  var audioThreadContext = useAudioThreadContext();
5227
5252
  var superinterfaceContext = useSuperinterfaceContext();
5228
5253
  if (audioThreadContext.status === "recording") {
5229
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_themes59.Flex, {
5254
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes59.Flex, {
5230
5255
  align: "center",
5231
5256
  children: [
5232
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.Flex, {
5257
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Flex, {
5233
5258
  mr: "3",
5234
5259
  ml: "-7",
5235
- children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
5260
+ children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
5236
5261
  onClick: audioThreadContext.recorderProps.pause,
5237
5262
  color: "gray",
5238
5263
  variant: "soft",
5239
5264
  size: "1",
5240
- children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.PauseIcon, {})
5265
+ children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.PauseIcon, {})
5241
5266
  })
5242
5267
  }),
5243
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
5268
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
5244
5269
  onClick: audioThreadContext.recorderProps.stop,
5245
5270
  highContrast: true,
5246
5271
  variant: "soft",
5247
5272
  size: "4",
5248
- children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.ArrowUpIcon, {})
5273
+ children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ArrowUpIcon, {})
5249
5274
  })
5250
5275
  ]
5251
5276
  });
5252
5277
  }
5253
5278
  if (audioThreadContext.status === "recorderPaused") {
5254
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
5279
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
5255
5280
  onClick: audioThreadContext.recorderProps.resume,
5256
5281
  color: "red",
5257
5282
  size: "4",
5258
- children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.ResumeIcon, {})
5283
+ children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ResumeIcon, {})
5259
5284
  });
5260
5285
  }
5261
5286
  if (audioThreadContext.status === "idle") {
5262
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
5287
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
5263
5288
  onClick: function() {
5264
5289
  return audioThreadContext.recorderProps.start();
5265
5290
  },
@@ -5268,7 +5293,7 @@ var ActionButton = function() {
5268
5293
  });
5269
5294
  }
5270
5295
  if (audioThreadContext.status === "playing") {
5271
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
5296
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
5272
5297
  onClick: function() {
5273
5298
  var _superinterfaceContext_createMessageAbortControllerRef_current;
5274
5299
  audioThreadContext.messageAudioProps.stop();
@@ -5278,54 +5303,54 @@ var ActionButton = function() {
5278
5303
  size: "4",
5279
5304
  color: "gray",
5280
5305
  variant: "soft",
5281
- children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.StopIcon, {})
5306
+ children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.StopIcon, {})
5282
5307
  });
5283
5308
  }
5284
5309
  if (audioThreadContext.status === "playerPaused") {
5285
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
5310
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
5286
5311
  onClick: function() {
5287
5312
  return audioThreadContext.messageAudioProps.play();
5288
5313
  },
5289
5314
  size: "4",
5290
- children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.ResumeIcon, {})
5315
+ children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ResumeIcon, {})
5291
5316
  });
5292
5317
  }
5293
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
5318
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
5294
5319
  size: "4",
5295
5320
  variant: "soft",
5296
5321
  disabled: true
5297
5322
  });
5298
5323
  };
5299
5324
  // src/components/threads/AudioThread/Form/index.tsx
5300
- var import_jsx_runtime84 = require("react/jsx-runtime");
5325
+ var import_jsx_runtime86 = require("react/jsx-runtime");
5301
5326
  var Form = function() {
5302
5327
  var audioThreadContext = useAudioThreadContext();
5303
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes60.Flex, {
5328
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, {
5304
5329
  direction: "column",
5305
5330
  align: "center",
5306
5331
  children: [
5307
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes60.Flex, {
5332
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, {
5308
5333
  pb: "3",
5309
5334
  align: "center",
5310
5335
  children: [
5311
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes60.Flex, {
5336
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes60.Flex, {
5312
5337
  ml: "-22.5px",
5313
5338
  mr: "2",
5314
5339
  align: "center",
5315
- children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(MicIcon, {
5340
+ children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MicIcon, {
5316
5341
  style: {
5317
5342
  color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
5318
5343
  }
5319
5344
  })
5320
5345
  }),
5321
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes60.Flex, {
5346
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes60.Flex, {
5322
5347
  px: "2",
5323
5348
  py: "1",
5324
5349
  style: {
5325
5350
  backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
5326
5351
  borderRadius: "var(--radius-6)"
5327
5352
  },
5328
- children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(BarsVisualizer, {
5353
+ children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BarsVisualizer, {
5329
5354
  visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
5330
5355
  backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
5331
5356
  height: "20px",
@@ -5334,18 +5359,18 @@ var Form = function() {
5334
5359
  })
5335
5360
  ]
5336
5361
  }),
5337
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ActionButton, {})
5362
+ /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ActionButton, {})
5338
5363
  ]
5339
5364
  });
5340
5365
  };
5341
5366
  // src/components/threads/AudioThread/index.tsx
5342
- var import_jsx_runtime85 = require("react/jsx-runtime");
5367
+ var import_jsx_runtime87 = require("react/jsx-runtime");
5343
5368
  var AudioThread = function(props) {
5344
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
5369
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
5345
5370
  children: [
5346
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Visualization, {}),
5347
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Status, {}),
5348
- /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Form, {})
5371
+ /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Visualization, {}),
5372
+ /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Status, {}),
5373
+ /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Form, {})
5349
5374
  ]
5350
5375
  }));
5351
5376
  };
@@ -5354,14 +5379,14 @@ AudioThread.Visualization = Visualization;
5354
5379
  AudioThread.Status = Status;
5355
5380
  AudioThread.Form = Form;
5356
5381
  // src/components/threads/AudioThreadDialog/index.tsx
5357
- var import_jsx_runtime86 = require("react/jsx-runtime");
5382
+ var import_jsx_runtime88 = require("react/jsx-runtime");
5358
5383
  var AudioThreadDialog = function() {
5359
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Root9, {
5384
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Root9, {
5360
5385
  children: [
5361
- /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Content5.Root, {
5362
- children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AudioThread, {})
5386
+ /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Content5.Root, {
5387
+ children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AudioThread, {})
5363
5388
  }),
5364
- /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Trigger, {})
5389
+ /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Trigger, {})
5365
5390
  ]
5366
5391
  });
5367
5392
  };
@@ -5379,7 +5404,7 @@ var import_themes62 = require("@radix-ui/themes");
5379
5404
  var import_react_icons17 = require("@radix-ui/react-icons");
5380
5405
  var import_themes61 = require("@radix-ui/themes");
5381
5406
  var import_react_query10 = require("@tanstack/react-query");
5382
- var import_jsx_runtime87 = require("react/jsx-runtime");
5407
+ var import_jsx_runtime89 = require("react/jsx-runtime");
5383
5408
  var Item = function(param) {
5384
5409
  var suggestion = param.suggestion, isDisabled = param.isDisabled;
5385
5410
  var addToast = useToasts().addToast;
@@ -5392,7 +5417,7 @@ var Item = function(param) {
5392
5417
  threadContext: threadContext
5393
5418
  })
5394
5419
  }), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
5395
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Content7, {
5420
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Content7, {
5396
5421
  onClick: function() {
5397
5422
  createMessage({
5398
5423
  // @ts-ignore-next-line
@@ -5406,7 +5431,7 @@ var Item = function(param) {
5406
5431
  };
5407
5432
  var Content7 = function(param) {
5408
5433
  var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
5409
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_themes61.Button, {
5434
+ return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes61.Button, {
5410
5435
  variant: "soft",
5411
5436
  onClick: onClick,
5412
5437
  disabled: isDisabled,
@@ -5416,14 +5441,14 @@ var Content7 = function(param) {
5416
5441
  flexShrink: 1
5417
5442
  },
5418
5443
  children: [
5419
- /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes61.Text, {
5444
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes61.Text, {
5420
5445
  size: "1",
5421
5446
  weight: "regular",
5422
5447
  children: children
5423
5448
  }),
5424
- /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes61.Spinner, {
5449
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes61.Spinner, {
5425
5450
  loading: isPending,
5426
- children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_icons17.ArrowUpIcon, {
5451
+ children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ArrowUpIcon, {
5427
5452
  style: {
5428
5453
  flexShrink: 0
5429
5454
  }
@@ -5434,7 +5459,7 @@ var Content7 = function(param) {
5434
5459
  };
5435
5460
  Item.Content = Content7;
5436
5461
  // src/components/suggestions/Suggestions/Content.tsx
5437
- var import_jsx_runtime88 = require("react/jsx-runtime");
5462
+ var import_jsx_runtime90 = require("react/jsx-runtime");
5438
5463
  var Content8 = function(param) {
5439
5464
  var children = param.children;
5440
5465
  var isMutatingMessage = useIsMutatingMessage();
@@ -5448,12 +5473,12 @@ var Content8 = function(param) {
5448
5473
  children
5449
5474
  ]);
5450
5475
  if ((0, import_radash18.isEmpty)(suggestions)) return null;
5451
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.Flex, {
5476
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.Flex, {
5452
5477
  gap: "2",
5453
5478
  py: "2",
5454
5479
  wrap: "wrap",
5455
5480
  children: suggestions.map(function(suggestion) {
5456
- return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Item, {
5481
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Item, {
5457
5482
  suggestion: suggestion,
5458
5483
  isDisabled: isMutatingMessage
5459
5484
  }, suggestion);
@@ -5461,7 +5486,7 @@ var Content8 = function(param) {
5461
5486
  });
5462
5487
  };
5463
5488
  // src/components/suggestions/Suggestions/index.tsx
5464
- var import_jsx_runtime89 = require("react/jsx-runtime");
5489
+ var import_jsx_runtime91 = require("react/jsx-runtime");
5465
5490
  var Suggestions = function(param) {
5466
5491
  var children = param.children;
5467
5492
  var latestMessageProps = useLatestMessage();
@@ -5474,14 +5499,14 @@ var Suggestions = function(param) {
5474
5499
  ]);
5475
5500
  if (latestMessageProps.isLoading) return null;
5476
5501
  if (isDisabled) return null;
5477
- return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Content8, {
5502
+ return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Content8, {
5478
5503
  children: children
5479
5504
  });
5480
5505
  };
5481
5506
  Suggestions.Item = Item;
5482
5507
  // src/components/markdown/MarkdownProvider/index.tsx
5483
5508
  var import_react63 = require("react");
5484
- var import_jsx_runtime90 = require("react/jsx-runtime");
5509
+ var import_jsx_runtime92 = require("react/jsx-runtime");
5485
5510
  var MarkdownProvider = function(_param) {
5486
5511
  var children = _param.children, rest = _object_without_properties(_param, [
5487
5512
  "children"
@@ -5493,7 +5518,7 @@ var MarkdownProvider = function(_param) {
5493
5518
  rest,
5494
5519
  prevMarkdownContext
5495
5520
  ]);
5496
- return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MarkdownContext.Provider, {
5521
+ return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(MarkdownContext.Provider, {
5497
5522
  value: value,
5498
5523
  children: children
5499
5524
  });
@@ -5552,11 +5577,11 @@ var optimizedSrc = function(param) {
5552
5577
  }));
5553
5578
  };
5554
5579
  // src/components/imageAvatars/ImageAvatar/index.tsx
5555
- var import_jsx_runtime91 = require("react/jsx-runtime");
5580
+ var import_jsx_runtime93 = require("react/jsx-runtime");
5556
5581
  var ImageAvatar = function(param) {
5557
5582
  var imageAvatar = param.imageAvatar, size = param.size;
5558
5583
  var superinterfaceContext = useSuperinterfaceContext();
5559
- return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes63.Avatar, {
5584
+ return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes63.Avatar, {
5560
5585
  fallback: "",
5561
5586
  src: optimizedSrc({
5562
5587
  imageAvatar: imageAvatar,
@@ -5574,7 +5599,7 @@ var import_react_icons18 = require("@radix-ui/react-icons");
5574
5599
  var _obj;
5575
5600
  var iconAvatarComponents = (_obj = {}, _define_property(_obj, "BACKPACK" /* BACKPACK */ , import_react_icons18.BackpackIcon), _define_property(_obj, "ROCKET" /* ROCKET */ , import_react_icons18.RocketIcon), _define_property(_obj, "MAGIC_WAND" /* MAGIC_WAND */ , import_react_icons18.MagicWandIcon), _define_property(_obj, "CUBE" /* CUBE */ , import_react_icons18.CubeIcon), _define_property(_obj, "TARGET" /* TARGET */ , import_react_icons18.TargetIcon), _define_property(_obj, "DISC" /* DISC */ , import_react_icons18.DiscIcon), _define_property(_obj, "GLOBE" /* GLOBE */ , import_react_icons18.GlobeIcon), _define_property(_obj, "STAR" /* STAR */ , import_react_icons18.StarIcon), _define_property(_obj, "LIGHTNING_BOLT" /* LIGHTNING_BOLT */ , import_react_icons18.LightningBoltIcon), _define_property(_obj, "FACE" /* FACE */ , import_react_icons18.FaceIcon), _define_property(_obj, "PERSON" /* PERSON */ , import_react_icons18.PersonIcon), _define_property(_obj, "HEART" /* HEART */ , import_react_icons18.HeartIcon), _obj);
5576
5601
  // src/components/iconAvatars/IconAvatar.tsx
5577
- var import_jsx_runtime92 = require("react/jsx-runtime");
5602
+ var import_jsx_runtime94 = require("react/jsx-runtime");
5578
5603
  var IconAvatar = function(param) {
5579
5604
  var iconAvatar = param.iconAvatar, size = param.size;
5580
5605
  var Component = (0, import_react64.useMemo)(function() {
@@ -5582,30 +5607,30 @@ var IconAvatar = function(param) {
5582
5607
  }, [
5583
5608
  iconAvatar
5584
5609
  ]);
5585
- return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_themes64.Avatar, {
5610
+ return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes64.Avatar, {
5586
5611
  size: size,
5587
- fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Component, {}) : ""
5612
+ fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Component, {}) : ""
5588
5613
  });
5589
5614
  };
5590
5615
  // src/components/avatars/Avatar.tsx
5591
- var import_jsx_runtime93 = require("react/jsx-runtime");
5616
+ var import_jsx_runtime95 = require("react/jsx-runtime");
5592
5617
  var Avatar6 = function(param) {
5593
5618
  var avatar = param.avatar, _param_size = param.size, size = _param_size === void 0 ? "1" : _param_size;
5594
5619
  if (avatar) {
5595
5620
  if (avatar.type === "IMAGE" /* IMAGE */ && avatar.imageAvatar) {
5596
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ImageAvatar, {
5621
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ImageAvatar, {
5597
5622
  imageAvatar: avatar.imageAvatar,
5598
5623
  size: size
5599
5624
  });
5600
5625
  }
5601
5626
  if (avatar.type === "ICON" /* ICON */ && avatar.iconAvatar) {
5602
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(IconAvatar, {
5627
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(IconAvatar, {
5603
5628
  iconAvatar: avatar.iconAvatar,
5604
5629
  size: size
5605
5630
  });
5606
5631
  }
5607
5632
  }
5608
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes65.Avatar, {
5633
+ return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes65.Avatar, {
5609
5634
  fallback: "",
5610
5635
  size: size
5611
5636
  });
@@ -5618,7 +5643,7 @@ var useComponents = function() {
5618
5643
  return (0, import_react65.useContext)(ComponentsContext);
5619
5644
  };
5620
5645
  // src/components/components/ComponentsProvider.tsx
5621
- var import_jsx_runtime94 = require("react/jsx-runtime");
5646
+ var import_jsx_runtime96 = require("react/jsx-runtime");
5622
5647
  var ComponentsProvider = function(_param) {
5623
5648
  var children = _param.children, rest = _object_without_properties(_param, [
5624
5649
  "children"
@@ -5630,7 +5655,7 @@ var ComponentsProvider = function(_param) {
5630
5655
  rest,
5631
5656
  prevComponents
5632
5657
  ]);
5633
- return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ComponentsContext.Provider, {
5658
+ return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ComponentsContext.Provider, {
5634
5659
  value: value,
5635
5660
  children: children
5636
5661
  });
@@ -5640,7 +5665,7 @@ var import_react68 = require("react");
5640
5665
  var import_themes66 = require("@radix-ui/themes");
5641
5666
  // src/components/assistants/AssistantProvider/Code.tsx
5642
5667
  var import_react67 = require("react");
5643
- var import_jsx_runtime95 = require("react/jsx-runtime");
5668
+ var import_jsx_runtime97 = require("react/jsx-runtime");
5644
5669
  var Code4 = function(param) {
5645
5670
  var children = param.children, className = param.className, markdownContext = param.markdownContext;
5646
5671
  var messageContext = useMessageContext();
@@ -5656,12 +5681,12 @@ var Code4 = function(param) {
5656
5681
  className: className
5657
5682
  });
5658
5683
  }
5659
- return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Suggestions, {
5684
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Suggestions, {
5660
5685
  children: children
5661
5686
  });
5662
5687
  };
5663
5688
  // src/components/assistants/AssistantProvider/index.tsx
5664
- var import_jsx_runtime96 = // @ts-ignore-next-line
5689
+ var import_jsx_runtime98 = // @ts-ignore-next-line
5665
5690
  require("react/jsx-runtime");
5666
5691
  var AssistantProvider = function(param) {
5667
5692
  var children = param.children;
@@ -5673,7 +5698,7 @@ var AssistantProvider = function(param) {
5673
5698
  var components2 = (0, import_react68.useMemo)(function() {
5674
5699
  return {
5675
5700
  code: function(props) {
5676
- return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Code4, _object_spread_props(_object_spread({}, props), {
5701
+ return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Code4, _object_spread_props(_object_spread({}, props), {
5677
5702
  markdownContext: markdownContext
5678
5703
  }));
5679
5704
  }
@@ -5684,7 +5709,7 @@ var AssistantProvider = function(param) {
5684
5709
  if (!assistant) {
5685
5710
  return null;
5686
5711
  }
5687
- return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes66.Theme, {
5712
+ return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes66.Theme, {
5688
5713
  accentColor: assistant.theme.accentColor,
5689
5714
  grayColor: assistant.theme.grayColor,
5690
5715
  radius: assistant.theme.radius,
@@ -5692,13 +5717,13 @@ var AssistantProvider = function(param) {
5692
5717
  scaling: assistant.theme.scaling,
5693
5718
  panelBackground: "solid",
5694
5719
  hasBackground: false,
5695
- children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AssistantNameContext.Provider, {
5720
+ children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AssistantNameContext.Provider, {
5696
5721
  value: assistant.name,
5697
- children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AssistantAvatarContext.Provider, {
5698
- value: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Avatar6, {
5722
+ children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AssistantAvatarContext.Provider, {
5723
+ value: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Avatar6, {
5699
5724
  avatar: assistant.avatar
5700
5725
  }),
5701
- children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(MarkdownProvider, {
5726
+ children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(MarkdownProvider, {
5702
5727
  components: components2,
5703
5728
  children: children
5704
5729
  })