@superinterface/react 2.24.6 → 2.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +462 -402
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +412 -352
- package/dist/index.js.map +1 -1
- package/package.json +1 -2
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/
|
|
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
|
|
1399
|
+
var import_themes36 = require("@radix-ui/themes");
|
|
1377
1400
|
// src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
|
|
1378
|
-
var
|
|
1379
|
-
var
|
|
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,
|
|
1405
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Box, {
|
|
1383
1406
|
pb: "3",
|
|
1384
|
-
children: /* @__PURE__ */ (0,
|
|
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
|
|
1396
|
-
var
|
|
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,
|
|
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
|
|
1408
|
-
var
|
|
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,
|
|
1434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes21.Box, {
|
|
1412
1435
|
pb: "3",
|
|
1413
1436
|
asChild: true,
|
|
1414
|
-
children: /* @__PURE__ */ (0,
|
|
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
|
|
1424
|
-
var
|
|
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,
|
|
1450
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes22.Box, {
|
|
1428
1451
|
pb: "3",
|
|
1429
1452
|
asChild: true,
|
|
1430
|
-
children: /* @__PURE__ */ (0,
|
|
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
|
|
1440
|
-
var
|
|
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,
|
|
1466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes23.Box, {
|
|
1444
1467
|
pb: "1",
|
|
1445
|
-
children: /* @__PURE__ */ (0,
|
|
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
|
|
1452
|
-
var
|
|
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,
|
|
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
|
|
1461
|
-
var
|
|
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,
|
|
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,19 +1493,68 @@ var Pre = function(param) {
|
|
|
1470
1493
|
});
|
|
1471
1494
|
};
|
|
1472
1495
|
// src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
|
|
1473
|
-
var
|
|
1474
|
-
var
|
|
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,
|
|
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
|
-
var
|
|
1519
|
+
var videoExtensions = [
|
|
1520
|
+
"3g2",
|
|
1521
|
+
"3gp",
|
|
1522
|
+
"aaf",
|
|
1523
|
+
"asf",
|
|
1524
|
+
"avchd",
|
|
1525
|
+
"avi",
|
|
1526
|
+
"drc",
|
|
1527
|
+
"flv",
|
|
1528
|
+
"m2v",
|
|
1529
|
+
"m3u8",
|
|
1530
|
+
"m4p",
|
|
1531
|
+
"m4v",
|
|
1532
|
+
"mkv",
|
|
1533
|
+
"mng",
|
|
1534
|
+
"mov",
|
|
1535
|
+
"mp2",
|
|
1536
|
+
"mp4",
|
|
1537
|
+
"mpe",
|
|
1538
|
+
"mpeg",
|
|
1539
|
+
"mpg",
|
|
1540
|
+
"mpv",
|
|
1541
|
+
"mxf",
|
|
1542
|
+
"nsv",
|
|
1543
|
+
"ogg",
|
|
1544
|
+
"ogv",
|
|
1545
|
+
"qt",
|
|
1546
|
+
"rm",
|
|
1547
|
+
"rmvb",
|
|
1548
|
+
"roq",
|
|
1549
|
+
"svi",
|
|
1550
|
+
"vob",
|
|
1551
|
+
"webm",
|
|
1552
|
+
"wmv",
|
|
1553
|
+
"yuv"
|
|
1554
|
+
];
|
|
1483
1555
|
var isVideoSrc = function(param) {
|
|
1484
1556
|
var src = param.src;
|
|
1485
|
-
return
|
|
1557
|
+
return videoExtensions.includes(src.split(".").pop() || "");
|
|
1486
1558
|
};
|
|
1487
1559
|
// src/contexts/markdown/MarkdownContext/lib/components/Img/lib/isAudioSrc.ts
|
|
1488
1560
|
var isAudioSrc = function(param) {
|
|
@@ -1490,49 +1562,49 @@ var isAudioSrc = function(param) {
|
|
|
1490
1562
|
return src.endsWith(".mp3") || src.endsWith(".wav");
|
|
1491
1563
|
};
|
|
1492
1564
|
// src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
|
|
1493
|
-
var
|
|
1565
|
+
var import_themes33 = require("@radix-ui/themes");
|
|
1494
1566
|
var import_base = require("@vidstack/react/player/styles/base.css");
|
|
1495
1567
|
var import_react27 = require("@vidstack/react");
|
|
1496
1568
|
// src/components/media/PlayButton.tsx
|
|
1497
1569
|
var import_react22 = require("@vidstack/react");
|
|
1498
|
-
var
|
|
1499
|
-
var
|
|
1500
|
-
var
|
|
1570
|
+
var import_themes28 = require("@radix-ui/themes");
|
|
1571
|
+
var import_react_icons6 = require("@radix-ui/react-icons");
|
|
1572
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1501
1573
|
var PlayButton = function() {
|
|
1502
1574
|
var isPaused = (0, import_react22.useMediaState)("paused");
|
|
1503
|
-
return /* @__PURE__ */ (0,
|
|
1575
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes28.IconButton, {
|
|
1504
1576
|
variant: "ghost",
|
|
1505
1577
|
asChild: true,
|
|
1506
|
-
children: /* @__PURE__ */ (0,
|
|
1507
|
-
children: isPaused ? /* @__PURE__ */ (0,
|
|
1578
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.PlayButton, {
|
|
1579
|
+
children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons6.PlayIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons6.PauseIcon, {})
|
|
1508
1580
|
})
|
|
1509
1581
|
});
|
|
1510
1582
|
};
|
|
1511
1583
|
// src/components/media/VolumeButton.tsx
|
|
1512
1584
|
var import_react23 = require("@vidstack/react");
|
|
1513
|
-
var
|
|
1514
|
-
var
|
|
1515
|
-
var
|
|
1585
|
+
var import_themes29 = require("@radix-ui/themes");
|
|
1586
|
+
var import_react_icons7 = require("@radix-ui/react-icons");
|
|
1587
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1516
1588
|
var VolumeButton = function() {
|
|
1517
1589
|
var volume = (0, import_react23.useMediaState)("volume");
|
|
1518
1590
|
var isMuted = (0, import_react23.useMediaState)("muted");
|
|
1519
1591
|
var remote = (0, import_react23.useMediaRemote)();
|
|
1520
|
-
return /* @__PURE__ */ (0,
|
|
1592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes29.HoverCard.Root, {
|
|
1521
1593
|
children: [
|
|
1522
|
-
/* @__PURE__ */ (0,
|
|
1523
|
-
children: /* @__PURE__ */ (0,
|
|
1594
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.HoverCard.Trigger, {
|
|
1595
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.IconButton, {
|
|
1524
1596
|
variant: "ghost",
|
|
1525
1597
|
asChild: true,
|
|
1526
|
-
children: /* @__PURE__ */ (0,
|
|
1527
|
-
children: isMuted || volume === 0 ? /* @__PURE__ */ (0,
|
|
1598
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react23.MuteButton, {
|
|
1599
|
+
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
1600
|
})
|
|
1529
1601
|
})
|
|
1530
1602
|
}),
|
|
1531
|
-
/* @__PURE__ */ (0,
|
|
1603
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.HoverCard.Content, {
|
|
1532
1604
|
size: "1",
|
|
1533
1605
|
side: "top",
|
|
1534
1606
|
height: "100px",
|
|
1535
|
-
children: /* @__PURE__ */ (0,
|
|
1607
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Slider, {
|
|
1536
1608
|
size: "1",
|
|
1537
1609
|
variant: "soft",
|
|
1538
1610
|
orientation: "vertical",
|
|
@@ -1551,8 +1623,8 @@ var VolumeButton = function() {
|
|
|
1551
1623
|
// src/components/media/Time.tsx
|
|
1552
1624
|
var import_react24 = require("react");
|
|
1553
1625
|
var import_react25 = require("@vidstack/react");
|
|
1554
|
-
var
|
|
1555
|
-
var
|
|
1626
|
+
var import_themes30 = require("@radix-ui/themes");
|
|
1627
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1556
1628
|
var Time = function() {
|
|
1557
1629
|
var time = (0, import_react25.useMediaState)("currentTime");
|
|
1558
1630
|
var duration = (0, import_react25.useMediaState)("duration");
|
|
@@ -1573,7 +1645,7 @@ var Time = function() {
|
|
|
1573
1645
|
}, [
|
|
1574
1646
|
duration
|
|
1575
1647
|
]);
|
|
1576
|
-
return /* @__PURE__ */ (0,
|
|
1648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes30.Slider, {
|
|
1577
1649
|
size: "1",
|
|
1578
1650
|
variant: "soft",
|
|
1579
1651
|
value: [
|
|
@@ -1593,13 +1665,13 @@ var Time = function() {
|
|
|
1593
1665
|
});
|
|
1594
1666
|
};
|
|
1595
1667
|
// src/components/media/MediaContainer.tsx
|
|
1596
|
-
var
|
|
1597
|
-
var
|
|
1668
|
+
var import_themes31 = require("@radix-ui/themes");
|
|
1669
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1598
1670
|
var MediaContainer = function(param) {
|
|
1599
1671
|
var children = param.children;
|
|
1600
|
-
return /* @__PURE__ */ (0,
|
|
1672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Card, {
|
|
1601
1673
|
mb: "3",
|
|
1602
|
-
children: /* @__PURE__ */ (0,
|
|
1674
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Inset, {
|
|
1603
1675
|
clip: "padding-box",
|
|
1604
1676
|
style: {
|
|
1605
1677
|
display: "flex",
|
|
@@ -1611,25 +1683,25 @@ var MediaContainer = function(param) {
|
|
|
1611
1683
|
};
|
|
1612
1684
|
// src/contexts/markdown/MarkdownContext/lib/components/Img/Video/FullscreenButton.tsx
|
|
1613
1685
|
var import_react26 = require("@vidstack/react");
|
|
1614
|
-
var
|
|
1615
|
-
var
|
|
1616
|
-
var
|
|
1686
|
+
var import_themes32 = require("@radix-ui/themes");
|
|
1687
|
+
var import_react_icons8 = require("@radix-ui/react-icons");
|
|
1688
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1617
1689
|
var FullscreenButton = function() {
|
|
1618
1690
|
var isFullscreen = (0, import_react26.useMediaState)("fullscreen");
|
|
1619
|
-
return /* @__PURE__ */ (0,
|
|
1691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.IconButton, {
|
|
1620
1692
|
variant: "ghost",
|
|
1621
1693
|
asChild: true,
|
|
1622
|
-
children: /* @__PURE__ */ (0,
|
|
1623
|
-
children: isFullscreen ? /* @__PURE__ */ (0,
|
|
1694
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react26.FullscreenButton, {
|
|
1695
|
+
children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons8.ExitFullScreenIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons8.EnterFullScreenIcon, {})
|
|
1624
1696
|
})
|
|
1625
1697
|
});
|
|
1626
1698
|
};
|
|
1627
1699
|
// src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
|
|
1628
|
-
var
|
|
1700
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1629
1701
|
var Video = function(param) {
|
|
1630
1702
|
var src = param.src;
|
|
1631
|
-
return /* @__PURE__ */ (0,
|
|
1632
|
-
children: /* @__PURE__ */ (0,
|
|
1703
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MediaContainer, {
|
|
1704
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react27.MediaPlayer, {
|
|
1633
1705
|
src: {
|
|
1634
1706
|
src: src,
|
|
1635
1707
|
type: "video/".concat(src.split(".").pop())
|
|
@@ -1638,11 +1710,11 @@ var Video = function(param) {
|
|
|
1638
1710
|
hideControlsOnMouseLeave: true,
|
|
1639
1711
|
crossOrigin: true,
|
|
1640
1712
|
children: [
|
|
1641
|
-
/* @__PURE__ */ (0,
|
|
1642
|
-
/* @__PURE__ */ (0,
|
|
1713
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react27.MediaProvider, {}),
|
|
1714
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("style", {
|
|
1643
1715
|
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
1716
|
}),
|
|
1645
|
-
/* @__PURE__ */ (0,
|
|
1717
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes33.Flex, {
|
|
1646
1718
|
asChild: true,
|
|
1647
1719
|
position: "absolute",
|
|
1648
1720
|
bottom: "0",
|
|
@@ -1654,18 +1726,18 @@ var Video = function(param) {
|
|
|
1654
1726
|
zIndex: 10,
|
|
1655
1727
|
background: "var(--accent-4)"
|
|
1656
1728
|
},
|
|
1657
|
-
children: /* @__PURE__ */ (0,
|
|
1658
|
-
children: /* @__PURE__ */ (0,
|
|
1729
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react27.Controls.Root, {
|
|
1730
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes33.Flex, {
|
|
1659
1731
|
asChild: true,
|
|
1660
1732
|
align: "center",
|
|
1661
1733
|
gap: "3",
|
|
1662
1734
|
flexGrow: "1",
|
|
1663
|
-
children: /* @__PURE__ */ (0,
|
|
1735
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react27.Controls.Group, {
|
|
1664
1736
|
children: [
|
|
1665
|
-
/* @__PURE__ */ (0,
|
|
1666
|
-
/* @__PURE__ */ (0,
|
|
1667
|
-
/* @__PURE__ */ (0,
|
|
1668
|
-
/* @__PURE__ */ (0,
|
|
1737
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PlayButton, {}),
|
|
1738
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Time, {}),
|
|
1739
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(VolumeButton, {}),
|
|
1740
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FullscreenButton, {})
|
|
1669
1741
|
]
|
|
1670
1742
|
})
|
|
1671
1743
|
})
|
|
@@ -1676,14 +1748,14 @@ var Video = function(param) {
|
|
|
1676
1748
|
});
|
|
1677
1749
|
};
|
|
1678
1750
|
// src/contexts/markdown/MarkdownContext/lib/components/Img/Audio/index.tsx
|
|
1679
|
-
var
|
|
1751
|
+
var import_themes34 = require("@radix-ui/themes");
|
|
1680
1752
|
var import_base2 = require("@vidstack/react/player/styles/base.css");
|
|
1681
1753
|
var import_react28 = require("@vidstack/react");
|
|
1682
|
-
var
|
|
1754
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1683
1755
|
var Audio = function(param) {
|
|
1684
1756
|
var src = param.src;
|
|
1685
|
-
return /* @__PURE__ */ (0,
|
|
1686
|
-
children: /* @__PURE__ */ (0,
|
|
1757
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MediaContainer, {
|
|
1758
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react28.MediaPlayer, {
|
|
1687
1759
|
src: {
|
|
1688
1760
|
src: src,
|
|
1689
1761
|
type: "audio/".concat(src.split(".").pop())
|
|
@@ -1692,8 +1764,8 @@ var Audio = function(param) {
|
|
|
1692
1764
|
crossOrigin: true,
|
|
1693
1765
|
playsInline: true,
|
|
1694
1766
|
children: [
|
|
1695
|
-
/* @__PURE__ */ (0,
|
|
1696
|
-
/* @__PURE__ */ (0,
|
|
1767
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react28.MediaProvider, {}),
|
|
1768
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes34.Flex, {
|
|
1697
1769
|
asChild: true,
|
|
1698
1770
|
p: "3",
|
|
1699
1771
|
flexGrow: "1",
|
|
@@ -1701,17 +1773,17 @@ var Audio = function(param) {
|
|
|
1701
1773
|
zIndex: 10,
|
|
1702
1774
|
background: "var(--accent-4)"
|
|
1703
1775
|
},
|
|
1704
|
-
children: /* @__PURE__ */ (0,
|
|
1705
|
-
children: /* @__PURE__ */ (0,
|
|
1776
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react28.Controls.Root, {
|
|
1777
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes34.Flex, {
|
|
1706
1778
|
asChild: true,
|
|
1707
1779
|
align: "center",
|
|
1708
1780
|
gap: "3",
|
|
1709
1781
|
flexGrow: "1",
|
|
1710
|
-
children: /* @__PURE__ */ (0,
|
|
1782
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react28.Controls.Group, {
|
|
1711
1783
|
children: [
|
|
1712
|
-
/* @__PURE__ */ (0,
|
|
1713
|
-
/* @__PURE__ */ (0,
|
|
1714
|
-
/* @__PURE__ */ (0,
|
|
1784
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PlayButton, {}),
|
|
1785
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Time, {}),
|
|
1786
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(VolumeButton, {})
|
|
1715
1787
|
]
|
|
1716
1788
|
})
|
|
1717
1789
|
})
|
|
@@ -1721,63 +1793,49 @@ var Audio = function(param) {
|
|
|
1721
1793
|
})
|
|
1722
1794
|
});
|
|
1723
1795
|
};
|
|
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
1796
|
// src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
|
|
1739
|
-
var
|
|
1797
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1740
1798
|
var Img = function(props) {
|
|
1741
1799
|
if (!props.src) {
|
|
1742
|
-
return /* @__PURE__ */ (0,
|
|
1800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Image, _object_spread({}, props));
|
|
1743
1801
|
} else if (isVideoSrc({
|
|
1744
1802
|
src: props.src
|
|
1745
1803
|
})) {
|
|
1746
|
-
return /* @__PURE__ */ (0,
|
|
1804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Video, {
|
|
1747
1805
|
src: props.src
|
|
1748
1806
|
});
|
|
1749
1807
|
} else if (isAudioSrc({
|
|
1750
1808
|
src: props.src
|
|
1751
1809
|
})) {
|
|
1752
|
-
return /* @__PURE__ */ (0,
|
|
1810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Audio, {
|
|
1753
1811
|
src: props.src
|
|
1754
1812
|
});
|
|
1755
1813
|
} else {
|
|
1756
|
-
return /* @__PURE__ */ (0,
|
|
1814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Image, _object_spread({}, props));
|
|
1757
1815
|
}
|
|
1758
1816
|
};
|
|
1759
1817
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
|
|
1760
|
-
var
|
|
1818
|
+
var import_react_icons9 = require("@radix-ui/react-icons");
|
|
1761
1819
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
|
|
1762
|
-
var
|
|
1763
|
-
var
|
|
1820
|
+
var import_themes35 = require("@radix-ui/themes");
|
|
1821
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1764
1822
|
var AnnotationBase = function(param) {
|
|
1765
1823
|
var icon = param.icon, content = param.content;
|
|
1766
|
-
return /* @__PURE__ */ (0,
|
|
1824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes35.Popover.Root, {
|
|
1767
1825
|
children: [
|
|
1768
|
-
/* @__PURE__ */ (0,
|
|
1769
|
-
children: /* @__PURE__ */ (0,
|
|
1826
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Popover.Trigger, {
|
|
1827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.IconButton, {
|
|
1770
1828
|
variant: "soft",
|
|
1771
1829
|
color: "gray",
|
|
1772
1830
|
size: "1",
|
|
1773
1831
|
children: icon
|
|
1774
1832
|
})
|
|
1775
1833
|
}),
|
|
1776
|
-
/* @__PURE__ */ (0,
|
|
1834
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Popover.Content, {
|
|
1777
1835
|
size: "1",
|
|
1778
|
-
children: /* @__PURE__ */ (0,
|
|
1836
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Flex, {
|
|
1779
1837
|
direction: "column",
|
|
1780
|
-
children: /* @__PURE__ */ (0,
|
|
1838
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Text, {
|
|
1781
1839
|
size: "1",
|
|
1782
1840
|
color: "gray",
|
|
1783
1841
|
children: content
|
|
@@ -1788,12 +1846,12 @@ var AnnotationBase = function(param) {
|
|
|
1788
1846
|
});
|
|
1789
1847
|
};
|
|
1790
1848
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/FilePathAnnotation.tsx
|
|
1791
|
-
var
|
|
1849
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1792
1850
|
var FilePathAnnotation = function(param) {
|
|
1793
1851
|
var annotation = param.annotation, children = param.children;
|
|
1794
1852
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
1795
1853
|
var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
|
|
1796
|
-
return /* @__PURE__ */ (0,
|
|
1854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Link, {
|
|
1797
1855
|
href: "".concat(superinterfaceContext.baseUrl, "/files/").concat(annotation.file_path.file_id, "/contents?").concat(nextSearchParams),
|
|
1798
1856
|
target: "_self",
|
|
1799
1857
|
download: true,
|
|
@@ -1801,16 +1859,16 @@ var FilePathAnnotation = function(param) {
|
|
|
1801
1859
|
});
|
|
1802
1860
|
};
|
|
1803
1861
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
|
|
1804
|
-
var
|
|
1862
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1805
1863
|
var Annotation = function(param) {
|
|
1806
1864
|
var annotation = param.annotation, children = param.children;
|
|
1807
1865
|
if (annotation.type === "file_citation") {
|
|
1808
|
-
return /* @__PURE__ */ (0,
|
|
1809
|
-
icon: /* @__PURE__ */ (0,
|
|
1866
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AnnotationBase, {
|
|
1867
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_icons9.QuoteIcon, {}),
|
|
1810
1868
|
content: "File cited."
|
|
1811
1869
|
});
|
|
1812
1870
|
} else if (annotation.type === "file_path") {
|
|
1813
|
-
return /* @__PURE__ */ (0,
|
|
1871
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FilePathAnnotation, {
|
|
1814
1872
|
annotation: annotation,
|
|
1815
1873
|
children: children
|
|
1816
1874
|
});
|
|
@@ -1818,7 +1876,7 @@ var Annotation = function(param) {
|
|
|
1818
1876
|
return null;
|
|
1819
1877
|
};
|
|
1820
1878
|
// src/contexts/markdown/MarkdownContext/lib/components/index.tsx
|
|
1821
|
-
var
|
|
1879
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1822
1880
|
var components = {
|
|
1823
1881
|
p: Paragraph,
|
|
1824
1882
|
a: Link,
|
|
@@ -1831,57 +1889,57 @@ var components = {
|
|
|
1831
1889
|
img: Img,
|
|
1832
1890
|
annotation: Annotation,
|
|
1833
1891
|
h1: function(props) {
|
|
1834
|
-
return /* @__PURE__ */ (0,
|
|
1892
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
|
|
1835
1893
|
as: "h1",
|
|
1836
1894
|
children: props.children
|
|
1837
1895
|
});
|
|
1838
1896
|
},
|
|
1839
1897
|
h2: function(props) {
|
|
1840
|
-
return /* @__PURE__ */ (0,
|
|
1898
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
|
|
1841
1899
|
as: "h2",
|
|
1842
1900
|
size: "5",
|
|
1843
1901
|
children: props.children
|
|
1844
1902
|
});
|
|
1845
1903
|
},
|
|
1846
1904
|
h3: function(props) {
|
|
1847
|
-
return /* @__PURE__ */ (0,
|
|
1905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
|
|
1848
1906
|
as: "h3",
|
|
1849
1907
|
size: "4",
|
|
1850
1908
|
children: props.children
|
|
1851
1909
|
});
|
|
1852
1910
|
},
|
|
1853
1911
|
h4: function(props) {
|
|
1854
|
-
return /* @__PURE__ */ (0,
|
|
1912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
|
|
1855
1913
|
as: "h4",
|
|
1856
1914
|
size: "3",
|
|
1857
1915
|
children: props.children
|
|
1858
1916
|
});
|
|
1859
1917
|
},
|
|
1860
1918
|
h5: function(props) {
|
|
1861
|
-
return /* @__PURE__ */ (0,
|
|
1919
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
|
|
1862
1920
|
as: "h5",
|
|
1863
1921
|
size: "3",
|
|
1864
1922
|
children: props.children
|
|
1865
1923
|
});
|
|
1866
1924
|
},
|
|
1867
1925
|
h6: function(props) {
|
|
1868
|
-
return /* @__PURE__ */ (0,
|
|
1926
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
|
|
1869
1927
|
as: "h6",
|
|
1870
1928
|
size: "3",
|
|
1871
1929
|
children: props.children
|
|
1872
1930
|
});
|
|
1873
1931
|
},
|
|
1874
1932
|
table: function(props) {
|
|
1875
|
-
return /* @__PURE__ */ (0,
|
|
1933
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Table.Root, _object_spread_props(_object_spread({}, props), {
|
|
1876
1934
|
variant: "surface",
|
|
1877
1935
|
mb: "3"
|
|
1878
1936
|
}));
|
|
1879
1937
|
},
|
|
1880
|
-
thead:
|
|
1881
|
-
tbody:
|
|
1882
|
-
tr:
|
|
1883
|
-
td:
|
|
1884
|
-
th:
|
|
1938
|
+
thead: import_themes36.Table.Header,
|
|
1939
|
+
tbody: import_themes36.Table.Body,
|
|
1940
|
+
tr: import_themes36.Table.Row,
|
|
1941
|
+
td: import_themes36.Table.Cell,
|
|
1942
|
+
th: import_themes36.Table.ColumnHeaderCell
|
|
1885
1943
|
};
|
|
1886
1944
|
// src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
|
|
1887
1945
|
var import_remark_gfm = __toESM(require("remark-gfm"), 1);
|
|
@@ -2064,45 +2122,49 @@ var MarkdownContext = (0, import_react29.createContext)({
|
|
|
2064
2122
|
var useMarkdownContext = function() {
|
|
2065
2123
|
return (0, import_react30.useContext)(MarkdownContext);
|
|
2066
2124
|
};
|
|
2067
|
-
// src/components/threads/Thread/Message/TextContent.tsx
|
|
2068
|
-
var
|
|
2125
|
+
// src/components/threads/Thread/Message/ContentPart/TextContent.tsx
|
|
2126
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2069
2127
|
var TextContent = function(param) {
|
|
2070
2128
|
var content = param.content;
|
|
2071
2129
|
var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
|
|
2072
2130
|
"getRemarkPlugins"
|
|
2073
2131
|
]);
|
|
2074
|
-
return /* @__PURE__ */ (0,
|
|
2132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
|
|
2075
2133
|
remarkPlugins: getRemarkPlugins2({
|
|
2076
2134
|
content: content
|
|
2077
2135
|
}),
|
|
2078
2136
|
children: content.text.value
|
|
2079
2137
|
}));
|
|
2080
2138
|
};
|
|
2081
|
-
// src/components/threads/Thread/Message/
|
|
2082
|
-
var
|
|
2083
|
-
var
|
|
2084
|
-
var
|
|
2085
|
-
var
|
|
2086
|
-
var
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
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
|
-
})
|
|
2139
|
+
// src/components/threads/Thread/Message/ContentPart/ImageFileContent.tsx
|
|
2140
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2141
|
+
var ImageFileContent = function(param) {
|
|
2142
|
+
var content = param.content;
|
|
2143
|
+
var superinterfaceContext = useSuperinterfaceContext();
|
|
2144
|
+
var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
|
|
2145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Image, {
|
|
2146
|
+
alt: "",
|
|
2147
|
+
src: "".concat(superinterfaceContext.baseUrl, "/files/").concat(content.image_file.file_id, "/contents?").concat(nextSearchParams)
|
|
2102
2148
|
});
|
|
2103
2149
|
};
|
|
2150
|
+
// src/components/threads/Thread/Message/ContentPart/index.tsx
|
|
2151
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2152
|
+
var ContentPart = function(param) {
|
|
2153
|
+
var content = param.content;
|
|
2154
|
+
if (content.type === "text") {
|
|
2155
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TextContent, {
|
|
2156
|
+
content: content
|
|
2157
|
+
});
|
|
2158
|
+
}
|
|
2159
|
+
if (content.type === "image_file") {
|
|
2160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ImageFileContent, {
|
|
2161
|
+
content: content
|
|
2162
|
+
});
|
|
2163
|
+
}
|
|
2164
|
+
return null;
|
|
2165
|
+
};
|
|
2104
2166
|
// src/components/threads/Thread/Message/index.tsx
|
|
2105
|
-
var
|
|
2167
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2106
2168
|
var Message = function(param) {
|
|
2107
2169
|
var message = param.message;
|
|
2108
2170
|
var _ref = _sliced_to_array((0, import_react31.useMemo)(function() {
|
|
@@ -2147,68 +2209,66 @@ var Message = function(param) {
|
|
|
2147
2209
|
}, [
|
|
2148
2210
|
message
|
|
2149
2211
|
]);
|
|
2150
|
-
return /* @__PURE__ */ (0,
|
|
2212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Provider, {
|
|
2151
2213
|
value: {
|
|
2152
2214
|
message: message
|
|
2153
2215
|
},
|
|
2154
|
-
children: /* @__PURE__ */ (0,
|
|
2216
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes37.Box, {
|
|
2155
2217
|
children: [
|
|
2156
|
-
/* @__PURE__ */ (0,
|
|
2218
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RunSteps, {
|
|
2157
2219
|
runSteps: olderRunSteps
|
|
2158
2220
|
}),
|
|
2159
|
-
/* @__PURE__ */ (0,
|
|
2221
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes37.Box, {
|
|
2160
2222
|
children: [
|
|
2161
|
-
/* @__PURE__ */ (0,
|
|
2223
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Attachments, {
|
|
2162
2224
|
message: message
|
|
2163
2225
|
}),
|
|
2164
2226
|
message.content.map(function(content, index) {
|
|
2165
|
-
return /* @__PURE__ */ (0,
|
|
2166
|
-
|
|
2167
|
-
content: content
|
|
2168
|
-
})
|
|
2227
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContentPart, {
|
|
2228
|
+
content: content
|
|
2169
2229
|
}, index);
|
|
2170
2230
|
}),
|
|
2171
|
-
isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0,
|
|
2231
|
+
isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StartingContentSkeleton, {})
|
|
2172
2232
|
]
|
|
2173
2233
|
}),
|
|
2174
|
-
/* @__PURE__ */ (0,
|
|
2234
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RunSteps, {
|
|
2175
2235
|
runSteps: laterRunSteps
|
|
2176
2236
|
}),
|
|
2177
|
-
isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0,
|
|
2178
|
-
children: /* @__PURE__ */ (0,
|
|
2237
|
+
isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Box, {
|
|
2238
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StartingContentSkeleton, {})
|
|
2179
2239
|
})
|
|
2180
2240
|
]
|
|
2181
2241
|
})
|
|
2182
2242
|
});
|
|
2183
2243
|
};
|
|
2184
2244
|
// src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
|
|
2185
|
-
var
|
|
2245
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2186
2246
|
var Content3 = function(param) {
|
|
2187
2247
|
var messageGroup = param.messageGroup;
|
|
2188
|
-
return /* @__PURE__ */ (0,
|
|
2248
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.Flex, {
|
|
2189
2249
|
direction: "column-reverse",
|
|
2190
2250
|
children: messageGroup.messages.map(function(message) {
|
|
2191
|
-
return /* @__PURE__ */ (0,
|
|
2251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Message, {
|
|
2192
2252
|
message: message
|
|
2193
2253
|
}, message.id);
|
|
2194
2254
|
})
|
|
2195
2255
|
});
|
|
2196
2256
|
};
|
|
2197
2257
|
// src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
|
|
2198
|
-
var
|
|
2258
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2199
2259
|
var MessageGroup = function(param) {
|
|
2200
2260
|
var messageGroup = param.messageGroup;
|
|
2201
2261
|
var assistantNameContext = (0, import_react32.useContext)(AssistantNameContext);
|
|
2202
|
-
return /* @__PURE__ */ (0,
|
|
2262
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(MessageGroupBase, {
|
|
2203
2263
|
children: [
|
|
2204
|
-
messageGroup.role === "user" ? /* @__PURE__ */ (0,
|
|
2205
|
-
/* @__PURE__ */ (0,
|
|
2264
|
+
messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssistantAvatar, {}),
|
|
2265
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes39.Box, {
|
|
2206
2266
|
flexGrow: "1",
|
|
2207
2267
|
children: [
|
|
2208
|
-
/* @__PURE__ */ (0,
|
|
2268
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Name, {
|
|
2209
2269
|
children: messageGroup.role === "user" ? "You" : assistantNameContext
|
|
2210
2270
|
}),
|
|
2211
|
-
/* @__PURE__ */ (0,
|
|
2271
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Content3, {
|
|
2212
2272
|
messageGroup: messageGroup
|
|
2213
2273
|
})
|
|
2214
2274
|
]
|
|
@@ -2217,7 +2277,7 @@ var MessageGroup = function(param) {
|
|
|
2217
2277
|
});
|
|
2218
2278
|
};
|
|
2219
2279
|
// src/components/threads/Thread/Messages/Content/index.tsx
|
|
2220
|
-
var
|
|
2280
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2221
2281
|
var Content4 = function() {
|
|
2222
2282
|
var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
|
|
2223
2283
|
var addToast = useToasts().addToast;
|
|
@@ -2236,11 +2296,11 @@ var Content4 = function() {
|
|
|
2236
2296
|
addToast
|
|
2237
2297
|
]);
|
|
2238
2298
|
if (isLoading || isLoadingError) {
|
|
2239
|
-
return /* @__PURE__ */ (0,
|
|
2299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MessagesSkeleton, {});
|
|
2240
2300
|
}
|
|
2241
|
-
return /* @__PURE__ */ (0,
|
|
2301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {
|
|
2242
2302
|
children: messageGroups2.map(function(messageGroup) {
|
|
2243
|
-
return /* @__PURE__ */ (0,
|
|
2303
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MessageGroup, {
|
|
2244
2304
|
messageGroup: messageGroup
|
|
2245
2305
|
}, messageGroup.id);
|
|
2246
2306
|
})
|
|
@@ -2251,20 +2311,20 @@ var import_react36 = require("react");
|
|
|
2251
2311
|
// src/components/skeletons/StartingSkeleton/index.tsx
|
|
2252
2312
|
var import_react34 = require("react");
|
|
2253
2313
|
var import_themes40 = require("@radix-ui/themes");
|
|
2254
|
-
var
|
|
2314
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2255
2315
|
var StartingSkeleton = function(param) {
|
|
2256
2316
|
var children = param.children;
|
|
2257
2317
|
var assistantNameContext = (0, import_react34.useContext)(AssistantNameContext);
|
|
2258
|
-
return /* @__PURE__ */ (0,
|
|
2318
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(MessageGroupBase, {
|
|
2259
2319
|
children: [
|
|
2260
|
-
/* @__PURE__ */ (0,
|
|
2261
|
-
/* @__PURE__ */ (0,
|
|
2320
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AssistantAvatar, {}),
|
|
2321
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes40.Box, {
|
|
2262
2322
|
children: [
|
|
2263
|
-
/* @__PURE__ */ (0,
|
|
2323
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Name, {
|
|
2264
2324
|
children: assistantNameContext
|
|
2265
2325
|
}),
|
|
2266
2326
|
children,
|
|
2267
|
-
/* @__PURE__ */ (0,
|
|
2327
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StartingContentSkeleton, {})
|
|
2268
2328
|
]
|
|
2269
2329
|
})
|
|
2270
2330
|
]
|
|
@@ -2289,7 +2349,7 @@ var isOptimistic = function(param) {
|
|
|
2289
2349
|
return import_lodash4.default.startsWith(id, "-");
|
|
2290
2350
|
};
|
|
2291
2351
|
// src/components/threads/Thread/Messages/Progress/index.tsx
|
|
2292
|
-
var
|
|
2352
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
2293
2353
|
var Progress = function() {
|
|
2294
2354
|
var latestMessage = useLatestMessage().latestMessage;
|
|
2295
2355
|
var isMutatingMessage = useIsMutatingMessage();
|
|
@@ -2307,7 +2367,7 @@ var Progress = function() {
|
|
|
2307
2367
|
isMutatingMessage
|
|
2308
2368
|
]);
|
|
2309
2369
|
if (!isVisible) return null;
|
|
2310
|
-
return /* @__PURE__ */ (0,
|
|
2370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StartingSkeleton, {});
|
|
2311
2371
|
};
|
|
2312
2372
|
// src/components/threads/Thread/Messages/Root/index.tsx
|
|
2313
2373
|
var import_themes41 = require("@radix-ui/themes");
|
|
@@ -2365,7 +2425,7 @@ var useInfiniteScroll = function(param) {
|
|
|
2365
2425
|
};
|
|
2366
2426
|
};
|
|
2367
2427
|
// src/components/threads/Thread/Messages/Root/index.tsx
|
|
2368
|
-
var
|
|
2428
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2369
2429
|
var Root2 = function(param) {
|
|
2370
2430
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
2371
2431
|
var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
|
|
@@ -2374,7 +2434,7 @@ var Root2 = function(param) {
|
|
|
2374
2434
|
hasNextPage: hasNextPage,
|
|
2375
2435
|
fetchNextPage: fetchNextPage
|
|
2376
2436
|
}), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
|
|
2377
|
-
return /* @__PURE__ */ (0,
|
|
2437
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes41.Flex, {
|
|
2378
2438
|
ref: containerRef,
|
|
2379
2439
|
direction: "column-reverse",
|
|
2380
2440
|
flexGrow: "1",
|
|
@@ -2383,10 +2443,10 @@ var Root2 = function(param) {
|
|
|
2383
2443
|
}),
|
|
2384
2444
|
children: [
|
|
2385
2445
|
children,
|
|
2386
|
-
hasNextPage && /* @__PURE__ */ (0,
|
|
2446
|
+
hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes41.Flex, {
|
|
2387
2447
|
ref: loaderRef
|
|
2388
2448
|
}),
|
|
2389
|
-
/* @__PURE__ */ (0,
|
|
2449
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes41.Flex, {
|
|
2390
2450
|
flexShrink: "0",
|
|
2391
2451
|
flexGrow: "1"
|
|
2392
2452
|
})
|
|
@@ -2394,30 +2454,30 @@ var Root2 = function(param) {
|
|
|
2394
2454
|
});
|
|
2395
2455
|
};
|
|
2396
2456
|
// src/components/threads/Thread/Messages/NextPageSkeleton.tsx
|
|
2397
|
-
var
|
|
2457
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
2398
2458
|
var NextPageSkeleton = function() {
|
|
2399
2459
|
var hasNextPage = useMessages().hasNextPage;
|
|
2400
2460
|
if (!hasNextPage) {
|
|
2401
2461
|
return null;
|
|
2402
2462
|
}
|
|
2403
|
-
return /* @__PURE__ */ (0,
|
|
2463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessagesSkeleton, {});
|
|
2404
2464
|
};
|
|
2405
2465
|
// src/components/threads/Thread/Messages/index.tsx
|
|
2406
|
-
var
|
|
2466
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2407
2467
|
var Messages = function(param) {
|
|
2408
2468
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
2409
|
-
return /* @__PURE__ */ (0,
|
|
2469
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Root2, {
|
|
2410
2470
|
style: style,
|
|
2411
2471
|
children: [
|
|
2412
|
-
/* @__PURE__ */ (0,
|
|
2472
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes42.Flex, {
|
|
2413
2473
|
flexShrink: "0",
|
|
2414
2474
|
height: "var(--space-3)"
|
|
2415
2475
|
}),
|
|
2416
|
-
/* @__PURE__ */ (0,
|
|
2476
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Progress, {}),
|
|
2417
2477
|
children,
|
|
2418
|
-
/* @__PURE__ */ (0,
|
|
2419
|
-
/* @__PURE__ */ (0,
|
|
2420
|
-
/* @__PURE__ */ (0,
|
|
2478
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Content4, {}),
|
|
2479
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NextPageSkeleton, {}),
|
|
2480
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes42.Flex, {
|
|
2421
2481
|
flexShrink: "0",
|
|
2422
2482
|
flexGrow: "1",
|
|
2423
2483
|
minHeight: "var(--space-5)"
|
|
@@ -2448,10 +2508,10 @@ var useMessageFormContext = function() {
|
|
|
2448
2508
|
return (0, import_react40.useContext)(MessageFormContext);
|
|
2449
2509
|
};
|
|
2450
2510
|
// src/components/threads/Thread/MessageForm/Submit/index.tsx
|
|
2451
|
-
var
|
|
2511
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2452
2512
|
var Root3 = function(param) {
|
|
2453
2513
|
var children = param.children;
|
|
2454
|
-
return /* @__PURE__ */ (0,
|
|
2514
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.Flex, {
|
|
2455
2515
|
flexShrink: "0",
|
|
2456
2516
|
align: "end",
|
|
2457
2517
|
children: children
|
|
@@ -2461,24 +2521,24 @@ var Button2 = function() {
|
|
|
2461
2521
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
2462
2522
|
var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
|
|
2463
2523
|
if (isLoading) {
|
|
2464
|
-
return /* @__PURE__ */ (0,
|
|
2524
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.IconButton, {
|
|
2465
2525
|
type: "button",
|
|
2466
2526
|
onClick: function() {
|
|
2467
2527
|
var _superinterfaceContext_createMessageAbortControllerRef_current;
|
|
2468
2528
|
return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
|
|
2469
2529
|
},
|
|
2470
|
-
children: /* @__PURE__ */ (0,
|
|
2530
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons10.StopIcon, {})
|
|
2471
2531
|
});
|
|
2472
2532
|
}
|
|
2473
|
-
return /* @__PURE__ */ (0,
|
|
2533
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.IconButton, {
|
|
2474
2534
|
type: "submit",
|
|
2475
2535
|
disabled: isDisabled || isFileLoading,
|
|
2476
|
-
children: /* @__PURE__ */ (0,
|
|
2536
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons10.ArrowUpIcon, {})
|
|
2477
2537
|
});
|
|
2478
2538
|
};
|
|
2479
2539
|
var Submit = function() {
|
|
2480
|
-
return /* @__PURE__ */ (0,
|
|
2481
|
-
children: /* @__PURE__ */ (0,
|
|
2540
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Root3, {
|
|
2541
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button2, {})
|
|
2482
2542
|
});
|
|
2483
2543
|
};
|
|
2484
2544
|
Submit.Root = Root3;
|
|
@@ -3275,7 +3335,7 @@ var createMessageDefaultOnError = function(param) {
|
|
|
3275
3335
|
};
|
|
3276
3336
|
};
|
|
3277
3337
|
// src/components/threads/Thread/MessageForm/Root/index.tsx
|
|
3278
|
-
var
|
|
3338
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
3279
3339
|
var Root4 = function(param) {
|
|
3280
3340
|
var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled;
|
|
3281
3341
|
var _ref = _sliced_to_array((0, import_react41.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
|
|
@@ -3368,7 +3428,7 @@ var Root4 = function(param) {
|
|
|
3368
3428
|
};
|
|
3369
3429
|
}();
|
|
3370
3430
|
var content = watch("content");
|
|
3371
|
-
return /* @__PURE__ */ (0,
|
|
3431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(MessageFormContext.Provider, {
|
|
3372
3432
|
value: {
|
|
3373
3433
|
isDisabled: isDisabled,
|
|
3374
3434
|
isLoading: isLoading,
|
|
@@ -3377,11 +3437,11 @@ var Root4 = function(param) {
|
|
|
3377
3437
|
isFileLoading: isFileLoading,
|
|
3378
3438
|
content: content
|
|
3379
3439
|
},
|
|
3380
|
-
children: /* @__PURE__ */ (0,
|
|
3381
|
-
children: /* @__PURE__ */ (0,
|
|
3440
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
|
|
3441
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes44.Box, {
|
|
3382
3442
|
asChild: true,
|
|
3383
3443
|
flexShrink: "0",
|
|
3384
|
-
children: /* @__PURE__ */ (0,
|
|
3444
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("form", {
|
|
3385
3445
|
onSubmit: handleSubmit(onSubmit),
|
|
3386
3446
|
children: children
|
|
3387
3447
|
})
|
|
@@ -3409,14 +3469,14 @@ var import_react44 = require("react");
|
|
|
3409
3469
|
// src/components/textareas/TextareaBase/index.tsx
|
|
3410
3470
|
var import_react43 = require("react");
|
|
3411
3471
|
var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
|
|
3412
|
-
var
|
|
3472
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
3413
3473
|
var TextareaBase = (0, import_react43.forwardRef)(function TextareaBase2(props, ref) {
|
|
3414
|
-
return /* @__PURE__ */ (0,
|
|
3474
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, {
|
|
3415
3475
|
children: [
|
|
3416
|
-
/* @__PURE__ */ (0,
|
|
3476
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("style", {
|
|
3417
3477
|
children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
|
|
3418
3478
|
}),
|
|
3419
|
-
/* @__PURE__ */ (0,
|
|
3479
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_textarea_autosize.default, _object_spread({
|
|
3420
3480
|
ref: ref,
|
|
3421
3481
|
className: "rt-reset superinterface-textarea",
|
|
3422
3482
|
style: {
|
|
@@ -3433,10 +3493,10 @@ var TextareaBase = (0, import_react43.forwardRef)(function TextareaBase2(props,
|
|
|
3433
3493
|
});
|
|
3434
3494
|
});
|
|
3435
3495
|
// src/components/threads/Thread/MessageForm/Field/Control.tsx
|
|
3436
|
-
var
|
|
3496
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
3437
3497
|
var Root5 = function(param) {
|
|
3438
3498
|
var children = param.children;
|
|
3439
|
-
return /* @__PURE__ */ (0,
|
|
3499
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.Flex, {
|
|
3440
3500
|
flexGrow: "1",
|
|
3441
3501
|
pt: "4px",
|
|
3442
3502
|
children: children
|
|
@@ -3465,7 +3525,7 @@ var Input = function() {
|
|
|
3465
3525
|
isDisabledPrevious,
|
|
3466
3526
|
textareaProps
|
|
3467
3527
|
]);
|
|
3468
|
-
return /* @__PURE__ */ (0,
|
|
3528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TextareaBase, _object_spread_props(_object_spread({
|
|
3469
3529
|
minRows: 1,
|
|
3470
3530
|
placeholder: "Message ".concat(assistantNameContext, "..."),
|
|
3471
3531
|
disabled: isDisabled,
|
|
@@ -3485,8 +3545,8 @@ var Input = function() {
|
|
|
3485
3545
|
}));
|
|
3486
3546
|
};
|
|
3487
3547
|
var Control = function() {
|
|
3488
|
-
return /* @__PURE__ */ (0,
|
|
3489
|
-
children: /* @__PURE__ */ (0,
|
|
3548
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Root5, {
|
|
3549
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Input, {})
|
|
3490
3550
|
});
|
|
3491
3551
|
};
|
|
3492
3552
|
Control.Root = Root5;
|
|
@@ -3494,42 +3554,42 @@ Control.Input = Input;
|
|
|
3494
3554
|
// src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
|
|
3495
3555
|
var import_themes46 = require("@radix-ui/themes");
|
|
3496
3556
|
var import_react_icons11 = require("@radix-ui/react-icons");
|
|
3497
|
-
var
|
|
3557
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
3498
3558
|
var Preview = function() {
|
|
3499
3559
|
var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
|
|
3500
3560
|
if (!files.length) {
|
|
3501
3561
|
return null;
|
|
3502
3562
|
}
|
|
3503
|
-
return /* @__PURE__ */ (0,
|
|
3563
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
|
|
3504
3564
|
flexBasis: "100%",
|
|
3505
3565
|
direction: "column",
|
|
3506
3566
|
pb: "2",
|
|
3507
3567
|
gap: "1",
|
|
3508
3568
|
children: files.map(function(file) {
|
|
3509
|
-
return /* @__PURE__ */ (0,
|
|
3569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Card, {
|
|
3510
3570
|
variant: "ghost",
|
|
3511
|
-
children: /* @__PURE__ */ (0,
|
|
3571
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes46.Flex, {
|
|
3512
3572
|
align: "center",
|
|
3513
3573
|
justify: "between",
|
|
3514
3574
|
gap: "1",
|
|
3515
3575
|
children: [
|
|
3516
|
-
/* @__PURE__ */ (0,
|
|
3576
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes46.Flex, {
|
|
3517
3577
|
align: "center",
|
|
3518
3578
|
gap: "1",
|
|
3519
3579
|
flexShrink: "1",
|
|
3520
3580
|
minWidth: "0",
|
|
3521
3581
|
maxWidth: "250px",
|
|
3522
3582
|
children: [
|
|
3523
|
-
/* @__PURE__ */ (0,
|
|
3583
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
|
|
3524
3584
|
flexShrink: "0",
|
|
3525
|
-
children: /* @__PURE__ */ (0,
|
|
3585
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Spinner, {
|
|
3526
3586
|
loading: isOptimistic({
|
|
3527
3587
|
id: file.id
|
|
3528
3588
|
}),
|
|
3529
|
-
children: /* @__PURE__ */ (0,
|
|
3589
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.FileIcon, {})
|
|
3530
3590
|
})
|
|
3531
3591
|
}),
|
|
3532
|
-
/* @__PURE__ */ (0,
|
|
3592
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Text, {
|
|
3533
3593
|
size: "2",
|
|
3534
3594
|
truncate: true,
|
|
3535
3595
|
wrap: "nowrap",
|
|
@@ -3537,9 +3597,9 @@ var Preview = function() {
|
|
|
3537
3597
|
})
|
|
3538
3598
|
]
|
|
3539
3599
|
}),
|
|
3540
|
-
/* @__PURE__ */ (0,
|
|
3600
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
|
|
3541
3601
|
flexShrink: "0",
|
|
3542
|
-
children: /* @__PURE__ */ (0,
|
|
3602
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.IconButton, {
|
|
3543
3603
|
onClick: function() {
|
|
3544
3604
|
return setFiles(function(prev) {
|
|
3545
3605
|
return prev.filter(function(prevFile) {
|
|
@@ -3550,7 +3610,7 @@ var Preview = function() {
|
|
|
3550
3610
|
color: "gray",
|
|
3551
3611
|
variant: "ghost",
|
|
3552
3612
|
size: "1",
|
|
3553
|
-
children: /* @__PURE__ */ (0,
|
|
3613
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.Cross2Icon, {})
|
|
3554
3614
|
})
|
|
3555
3615
|
})
|
|
3556
3616
|
]
|
|
@@ -3675,7 +3735,7 @@ var useCreateFile = function() {
|
|
|
3675
3735
|
});
|
|
3676
3736
|
};
|
|
3677
3737
|
// src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
|
|
3678
|
-
var
|
|
3738
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3679
3739
|
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
3740
|
var Control2 = function() {
|
|
3681
3741
|
var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
|
|
@@ -3849,11 +3909,11 @@ var Control2 = function() {
|
|
|
3849
3909
|
createFile,
|
|
3850
3910
|
setFiles
|
|
3851
3911
|
]);
|
|
3852
|
-
return /* @__PURE__ */ (0,
|
|
3912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes47.Flex, {
|
|
3853
3913
|
pt: "2",
|
|
3854
3914
|
pr: "2",
|
|
3855
3915
|
flexGrow: "0",
|
|
3856
|
-
children: /* @__PURE__ */ (0,
|
|
3916
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes47.IconButton, {
|
|
3857
3917
|
type: "button",
|
|
3858
3918
|
variant: "ghost",
|
|
3859
3919
|
color: "gray",
|
|
@@ -3863,8 +3923,8 @@ var Control2 = function() {
|
|
|
3863
3923
|
overflow: "hidden"
|
|
3864
3924
|
},
|
|
3865
3925
|
children: [
|
|
3866
|
-
/* @__PURE__ */ (0,
|
|
3867
|
-
/* @__PURE__ */ (0,
|
|
3926
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_icons12.FilePlusIcon, {}),
|
|
3927
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("input", {
|
|
3868
3928
|
type: "file",
|
|
3869
3929
|
multiple: true,
|
|
3870
3930
|
accept: accept,
|
|
@@ -3889,20 +3949,20 @@ var Files = {
|
|
|
3889
3949
|
Control: Control2
|
|
3890
3950
|
};
|
|
3891
3951
|
// src/components/threads/Thread/MessageForm/Field/index.tsx
|
|
3892
|
-
var
|
|
3952
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
3893
3953
|
var Root6 = function(param) {
|
|
3894
3954
|
var children = param.children;
|
|
3895
3955
|
var _ref = (0, import_react_hook_form3.useFormContext)(), errors = _ref.formState.errors;
|
|
3896
|
-
return /* @__PURE__ */ (0,
|
|
3956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Container, {
|
|
3897
3957
|
size: "2",
|
|
3898
3958
|
flexGrow: "0",
|
|
3899
|
-
children: /* @__PURE__ */ (0,
|
|
3959
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
|
|
3900
3960
|
direction: "column",
|
|
3901
3961
|
flexShrink: "0",
|
|
3902
|
-
children: /* @__PURE__ */ (0,
|
|
3962
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
|
|
3903
3963
|
direction: "column",
|
|
3904
3964
|
flexShrink: "0",
|
|
3905
|
-
children: /* @__PURE__ */ (0,
|
|
3965
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
|
|
3906
3966
|
style: _object_spread({
|
|
3907
3967
|
borderRadius: "var(--radius-2)",
|
|
3908
3968
|
borderWidth: "1px",
|
|
@@ -3926,13 +3986,13 @@ var Field = {
|
|
|
3926
3986
|
Files: Files
|
|
3927
3987
|
};
|
|
3928
3988
|
// src/components/threads/Thread/MessageForm/index.tsx
|
|
3929
|
-
var
|
|
3989
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
3930
3990
|
var MessageForm = function() {
|
|
3931
|
-
return /* @__PURE__ */ (0,
|
|
3932
|
-
children: /* @__PURE__ */ (0,
|
|
3991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Root4, {
|
|
3992
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Field.Root, {
|
|
3933
3993
|
children: [
|
|
3934
|
-
/* @__PURE__ */ (0,
|
|
3935
|
-
/* @__PURE__ */ (0,
|
|
3994
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Field.Control, {}),
|
|
3995
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Submit, {})
|
|
3936
3996
|
]
|
|
3937
3997
|
})
|
|
3938
3998
|
});
|
|
@@ -3951,25 +4011,25 @@ var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
|
|
|
3951
4011
|
var Toast = __toESM(require("@radix-ui/react-toast"), 1);
|
|
3952
4012
|
var import_themes49 = require("@radix-ui/themes");
|
|
3953
4013
|
var import_react_icons13 = require("@radix-ui/react-icons");
|
|
3954
|
-
var
|
|
4014
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3955
4015
|
var CustomToast = function(param) {
|
|
3956
4016
|
var toast = param.toast;
|
|
3957
|
-
return /* @__PURE__ */ (0,
|
|
3958
|
-
children: /* @__PURE__ */ (0,
|
|
3959
|
-
children: /* @__PURE__ */ (0,
|
|
3960
|
-
children: /* @__PURE__ */ (0,
|
|
4017
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Toast.Root, {
|
|
4018
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Card, {
|
|
4019
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Toast.Title, {
|
|
4020
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.Flex, {
|
|
3961
4021
|
children: [
|
|
3962
|
-
/* @__PURE__ */ (0,
|
|
4022
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, {
|
|
3963
4023
|
pr: "2",
|
|
3964
4024
|
height: "14px",
|
|
3965
4025
|
align: "center",
|
|
3966
|
-
children: toast.type === "success" ? /* @__PURE__ */ (0,
|
|
4026
|
+
children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons13.CheckCircledIcon, {
|
|
3967
4027
|
color: "var(--accent-9)"
|
|
3968
|
-
}) : /* @__PURE__ */ (0,
|
|
4028
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons13.CrossCircledIcon, {
|
|
3969
4029
|
color: "var(--red-9)"
|
|
3970
4030
|
})
|
|
3971
4031
|
}),
|
|
3972
|
-
/* @__PURE__ */ (0,
|
|
4032
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Text, {
|
|
3973
4033
|
weight: "medium",
|
|
3974
4034
|
size: "1",
|
|
3975
4035
|
children: toast.message
|
|
@@ -3981,7 +4041,7 @@ var CustomToast = function(param) {
|
|
|
3981
4041
|
});
|
|
3982
4042
|
};
|
|
3983
4043
|
// src/components/toasts/ToastsProvider/index.tsx
|
|
3984
|
-
var
|
|
4044
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3985
4045
|
var ToastsProvider = function(param) {
|
|
3986
4046
|
var children = param.children, _param_bottom = param.bottom, bottom = _param_bottom === void 0 ? 0 : _param_bottom;
|
|
3987
4047
|
var _ref = _sliced_to_array((0, import_react46.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
|
|
@@ -3992,20 +4052,20 @@ var ToastsProvider = function(param) {
|
|
|
3992
4052
|
]);
|
|
3993
4053
|
});
|
|
3994
4054
|
}, []);
|
|
3995
|
-
return /* @__PURE__ */ (0,
|
|
4055
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ToastsContext.Provider, {
|
|
3996
4056
|
value: {
|
|
3997
4057
|
toasts: toasts,
|
|
3998
4058
|
addToast: addToast
|
|
3999
4059
|
},
|
|
4000
|
-
children: /* @__PURE__ */ (0,
|
|
4060
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Toast2.Provider, {
|
|
4001
4061
|
children: [
|
|
4002
4062
|
children,
|
|
4003
4063
|
Array.from(toasts).map(function(toast, index) {
|
|
4004
|
-
return /* @__PURE__ */ (0,
|
|
4064
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomToast, {
|
|
4005
4065
|
toast: toast
|
|
4006
4066
|
}, index);
|
|
4007
4067
|
}),
|
|
4008
|
-
/* @__PURE__ */ (0,
|
|
4068
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Toast2.Viewport, {
|
|
4009
4069
|
style: {
|
|
4010
4070
|
position: "absolute",
|
|
4011
4071
|
bottom: bottom,
|
|
@@ -4027,15 +4087,15 @@ var ToastsProvider = function(param) {
|
|
|
4027
4087
|
});
|
|
4028
4088
|
};
|
|
4029
4089
|
// src/components/threads/Thread/Root/index.tsx
|
|
4030
|
-
var
|
|
4090
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
4031
4091
|
var Root8 = function(_param) {
|
|
4032
4092
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
4033
4093
|
"children"
|
|
4034
4094
|
]);
|
|
4035
|
-
return /* @__PURE__ */ (0,
|
|
4095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ToastsProvider, {
|
|
4036
4096
|
bottom: "var(--space-9)",
|
|
4037
|
-
children: /* @__PURE__ */ (0,
|
|
4038
|
-
children: /* @__PURE__ */ (0,
|
|
4097
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
|
|
4098
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes50.Flex, {
|
|
4039
4099
|
direction: "column",
|
|
4040
4100
|
flexGrow: "1",
|
|
4041
4101
|
children: children
|
|
@@ -4044,12 +4104,12 @@ var Root8 = function(_param) {
|
|
|
4044
4104
|
});
|
|
4045
4105
|
};
|
|
4046
4106
|
// src/components/threads/Thread/index.tsx
|
|
4047
|
-
var
|
|
4107
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
4048
4108
|
var Thread = function(props) {
|
|
4049
|
-
return /* @__PURE__ */ (0,
|
|
4109
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Root8, _object_spread_props(_object_spread({}, props), {
|
|
4050
4110
|
children: [
|
|
4051
|
-
/* @__PURE__ */ (0,
|
|
4052
|
-
/* @__PURE__ */ (0,
|
|
4111
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Messages, {}),
|
|
4112
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MessageForm, {})
|
|
4053
4113
|
]
|
|
4054
4114
|
}));
|
|
4055
4115
|
};
|
|
@@ -4173,12 +4233,12 @@ var useThreadDialogContext = function() {
|
|
|
4173
4233
|
return (0, import_react50.useContext)(ThreadDialogContext);
|
|
4174
4234
|
};
|
|
4175
4235
|
// src/components/threads/ThreadDialog/Provider/index.tsx
|
|
4176
|
-
var
|
|
4236
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
4177
4237
|
var Provider4 = function(param) {
|
|
4178
4238
|
var children = param.children;
|
|
4179
4239
|
var threadDialogContext = useThreadDialogContext();
|
|
4180
4240
|
var _ref = _sliced_to_array((0, import_react51.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
|
|
4181
|
-
return /* @__PURE__ */ (0,
|
|
4241
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ThreadDialogContext.Provider, {
|
|
4182
4242
|
value: {
|
|
4183
4243
|
isOpen: isOpen,
|
|
4184
4244
|
setIsOpen: setIsOpen
|
|
@@ -4187,10 +4247,10 @@ var Provider4 = function(param) {
|
|
|
4187
4247
|
});
|
|
4188
4248
|
};
|
|
4189
4249
|
// src/components/threads/ThreadDialog/Root/index.tsx
|
|
4190
|
-
var
|
|
4250
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
4191
4251
|
var Root9 = function(param) {
|
|
4192
4252
|
var children = param.children;
|
|
4193
|
-
return /* @__PURE__ */ (0,
|
|
4253
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Provider4, {
|
|
4194
4254
|
children: children
|
|
4195
4255
|
});
|
|
4196
4256
|
};
|
|
@@ -4199,20 +4259,20 @@ var import_themes52 = require("@radix-ui/themes");
|
|
|
4199
4259
|
// src/components/threads/ThreadDialog/Trigger/Button.tsx
|
|
4200
4260
|
var import_themes51 = require("@radix-ui/themes");
|
|
4201
4261
|
var import_react_icons14 = require("@radix-ui/react-icons");
|
|
4202
|
-
var
|
|
4262
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
4203
4263
|
var Button3 = function() {
|
|
4204
|
-
return /* @__PURE__ */ (0,
|
|
4264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.IconButton, {
|
|
4205
4265
|
size: "4",
|
|
4206
4266
|
radius: "full",
|
|
4207
|
-
children: /* @__PURE__ */ (0,
|
|
4267
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_icons14.ChatBubbleIcon, {})
|
|
4208
4268
|
});
|
|
4209
4269
|
};
|
|
4210
4270
|
// src/components/threads/ThreadDialog/Trigger/index.tsx
|
|
4211
|
-
var
|
|
4271
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
4212
4272
|
var Root10 = function(param) {
|
|
4213
4273
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
4214
4274
|
var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
|
|
4215
|
-
return /* @__PURE__ */ (0,
|
|
4275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.Flex, {
|
|
4216
4276
|
display: {
|
|
4217
4277
|
initial: isOpen ? "none" : "flex",
|
|
4218
4278
|
sm: "flex"
|
|
@@ -4236,8 +4296,8 @@ var Root10 = function(param) {
|
|
|
4236
4296
|
});
|
|
4237
4297
|
};
|
|
4238
4298
|
var Trigger = function(args) {
|
|
4239
|
-
return /* @__PURE__ */ (0,
|
|
4240
|
-
children: /* @__PURE__ */ (0,
|
|
4299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
|
|
4300
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button3, {})
|
|
4241
4301
|
}));
|
|
4242
4302
|
};
|
|
4243
4303
|
Trigger.Root = Root10;
|
|
@@ -4247,10 +4307,10 @@ var import_themes54 = require("@radix-ui/themes");
|
|
|
4247
4307
|
// src/components/threads/ThreadDialog/Close/index.tsx
|
|
4248
4308
|
var import_react_icons15 = require("@radix-ui/react-icons");
|
|
4249
4309
|
var import_themes53 = require("@radix-ui/themes");
|
|
4250
|
-
var
|
|
4310
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
4251
4311
|
var Close = function() {
|
|
4252
4312
|
var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
|
|
4253
|
-
return /* @__PURE__ */ (0,
|
|
4313
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.Flex, {
|
|
4254
4314
|
display: {
|
|
4255
4315
|
initial: isOpen ? "flex" : "none",
|
|
4256
4316
|
sm: "none"
|
|
@@ -4270,20 +4330,20 @@ var Close = function() {
|
|
|
4270
4330
|
style: {
|
|
4271
4331
|
zIndex: 9999999999
|
|
4272
4332
|
},
|
|
4273
|
-
children: /* @__PURE__ */ (0,
|
|
4333
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.IconButton, {
|
|
4274
4334
|
size: "2",
|
|
4275
4335
|
variant: "soft",
|
|
4276
|
-
children: /* @__PURE__ */ (0,
|
|
4336
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons15.Cross1Icon, {})
|
|
4277
4337
|
})
|
|
4278
4338
|
});
|
|
4279
4339
|
};
|
|
4280
4340
|
// src/components/threads/ThreadDialog/Content/index.tsx
|
|
4281
|
-
var
|
|
4341
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
4282
4342
|
var Root11 = function(param) {
|
|
4283
4343
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
4284
4344
|
var isOpen = useThreadDialogContext().isOpen;
|
|
4285
4345
|
if (!isOpen) return null;
|
|
4286
|
-
return /* @__PURE__ */ (0,
|
|
4346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Flex, {
|
|
4287
4347
|
direction: "column",
|
|
4288
4348
|
justify: "end",
|
|
4289
4349
|
position: "fixed",
|
|
@@ -4311,7 +4371,7 @@ var Root11 = function(param) {
|
|
|
4311
4371
|
style: _object_spread({
|
|
4312
4372
|
zIndex: 9999999999
|
|
4313
4373
|
}, style),
|
|
4314
|
-
children: /* @__PURE__ */ (0,
|
|
4374
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_themes54.Card, {
|
|
4315
4375
|
mb: {
|
|
4316
4376
|
initial: void 0,
|
|
4317
4377
|
sm: "3"
|
|
@@ -4322,7 +4382,7 @@ var Root11 = function(param) {
|
|
|
4322
4382
|
flexGrow: 1
|
|
4323
4383
|
},
|
|
4324
4384
|
children: [
|
|
4325
|
-
/* @__PURE__ */ (0,
|
|
4385
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Inset, {
|
|
4326
4386
|
clip: "padding-box",
|
|
4327
4387
|
side: "all",
|
|
4328
4388
|
pb: "current",
|
|
@@ -4332,13 +4392,13 @@ var Root11 = function(param) {
|
|
|
4332
4392
|
},
|
|
4333
4393
|
children: children
|
|
4334
4394
|
}),
|
|
4335
|
-
/* @__PURE__ */ (0,
|
|
4395
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Close, {})
|
|
4336
4396
|
]
|
|
4337
4397
|
})
|
|
4338
4398
|
});
|
|
4339
4399
|
};
|
|
4340
4400
|
var Messages2 = function() {
|
|
4341
|
-
return /* @__PURE__ */ (0,
|
|
4401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Thread.Messages, {
|
|
4342
4402
|
style: {
|
|
4343
4403
|
paddingTop: "var(--space-5)",
|
|
4344
4404
|
paddingRight: "var(--space-5)",
|
|
@@ -4348,7 +4408,7 @@ var Messages2 = function() {
|
|
|
4348
4408
|
};
|
|
4349
4409
|
var FormContainer = function(param) {
|
|
4350
4410
|
var children = param.children;
|
|
4351
|
-
return /* @__PURE__ */ (0,
|
|
4411
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Flex, {
|
|
4352
4412
|
direction: "column",
|
|
4353
4413
|
pl: "5",
|
|
4354
4414
|
pr: "5",
|
|
@@ -4359,13 +4419,13 @@ var FormContainer = function(param) {
|
|
|
4359
4419
|
};
|
|
4360
4420
|
var Content5 = function(param) {
|
|
4361
4421
|
var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
4362
|
-
return /* @__PURE__ */ (0,
|
|
4422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Root11, {
|
|
4363
4423
|
style: style,
|
|
4364
|
-
children: /* @__PURE__ */ (0,
|
|
4424
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Thread.Root, {
|
|
4365
4425
|
children: [
|
|
4366
|
-
/* @__PURE__ */ (0,
|
|
4367
|
-
/* @__PURE__ */ (0,
|
|
4368
|
-
children: /* @__PURE__ */ (0,
|
|
4426
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Messages2, {}),
|
|
4427
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FormContainer, {
|
|
4428
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Thread.MessageForm, {})
|
|
4369
4429
|
})
|
|
4370
4430
|
]
|
|
4371
4431
|
})
|
|
@@ -4375,12 +4435,12 @@ Content5.Root = Root11;
|
|
|
4375
4435
|
Content5.Messages = Messages2;
|
|
4376
4436
|
Content5.FormContainer = FormContainer;
|
|
4377
4437
|
// src/components/threads/ThreadDialog/index.tsx
|
|
4378
|
-
var
|
|
4438
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
4379
4439
|
var ThreadDialog = function() {
|
|
4380
|
-
return /* @__PURE__ */ (0,
|
|
4440
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Root9, {
|
|
4381
4441
|
children: [
|
|
4382
|
-
/* @__PURE__ */ (0,
|
|
4383
|
-
/* @__PURE__ */ (0,
|
|
4442
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Content5, {}),
|
|
4443
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Trigger, {})
|
|
4384
4444
|
]
|
|
4385
4445
|
});
|
|
4386
4446
|
};
|
|
@@ -4897,7 +4957,7 @@ var useMessageAudio = function(param) {
|
|
|
4897
4957
|
};
|
|
4898
4958
|
// src/components/threads/AudioThread/Root/index.tsx
|
|
4899
4959
|
var import_react_query9 = require("@tanstack/react-query");
|
|
4900
|
-
var
|
|
4960
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
4901
4961
|
var Content6 = function(param) {
|
|
4902
4962
|
var children = param.children;
|
|
4903
4963
|
var addToast = useToasts().addToast;
|
|
@@ -4967,13 +5027,13 @@ var Content6 = function(param) {
|
|
|
4967
5027
|
createMessageProps: createMessageProps,
|
|
4968
5028
|
messageAudioProps: messageAudioProps
|
|
4969
5029
|
}).status;
|
|
4970
|
-
return /* @__PURE__ */ (0,
|
|
5030
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AudioThreadContext.Provider, {
|
|
4971
5031
|
value: {
|
|
4972
5032
|
status: status,
|
|
4973
5033
|
recorderProps: recorderProps,
|
|
4974
5034
|
messageAudioProps: messageAudioProps
|
|
4975
5035
|
},
|
|
4976
|
-
children: /* @__PURE__ */ (0,
|
|
5036
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes55.Flex, {
|
|
4977
5037
|
direction: "column",
|
|
4978
5038
|
flexGrow: "1",
|
|
4979
5039
|
p: "9",
|
|
@@ -4983,8 +5043,8 @@ var Content6 = function(param) {
|
|
|
4983
5043
|
};
|
|
4984
5044
|
var Root12 = function(param) {
|
|
4985
5045
|
var children = param.children;
|
|
4986
|
-
return /* @__PURE__ */ (0,
|
|
4987
|
-
children: /* @__PURE__ */ (0,
|
|
5046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToastsProvider, {
|
|
5047
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Content6, {
|
|
4988
5048
|
children: children
|
|
4989
5049
|
})
|
|
4990
5050
|
});
|
|
@@ -5003,7 +5063,7 @@ var import_lodash8 = __toESM(require("lodash"), 1);
|
|
|
5003
5063
|
var import_themes56 = require("@radix-ui/themes");
|
|
5004
5064
|
var import_react59 = require("react");
|
|
5005
5065
|
var import_radash17 = require("radash");
|
|
5006
|
-
var
|
|
5066
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
5007
5067
|
var barCount = 4;
|
|
5008
5068
|
var BarsVisualizer = function(param) {
|
|
5009
5069
|
var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
|
|
@@ -5034,7 +5094,7 @@ var BarsVisualizer = function(param) {
|
|
|
5034
5094
|
draw,
|
|
5035
5095
|
visualizationAnalyser
|
|
5036
5096
|
]);
|
|
5037
|
-
return /* @__PURE__ */ (0,
|
|
5097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Grid, {
|
|
5038
5098
|
columns: "".concat(barCount),
|
|
5039
5099
|
gap: "1",
|
|
5040
5100
|
width: "auto",
|
|
@@ -5043,12 +5103,12 @@ var BarsVisualizer = function(param) {
|
|
|
5043
5103
|
gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
|
|
5044
5104
|
},
|
|
5045
5105
|
children: barHeights.map(function(barHeight, index) {
|
|
5046
|
-
return /* @__PURE__ */ (0,
|
|
5106
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
|
|
5047
5107
|
direction: "column",
|
|
5048
5108
|
align: "center",
|
|
5049
5109
|
justify: "center",
|
|
5050
5110
|
height: height,
|
|
5051
|
-
children: /* @__PURE__ */ (0,
|
|
5111
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
|
|
5052
5112
|
minHeight: "50%",
|
|
5053
5113
|
maxHeight: "100%",
|
|
5054
5114
|
height: "".concat(barHeight + 20, "%"),
|
|
@@ -5063,7 +5123,7 @@ var BarsVisualizer = function(param) {
|
|
|
5063
5123
|
});
|
|
5064
5124
|
};
|
|
5065
5125
|
// src/components/threads/AudioThread/Visualization/index.tsx
|
|
5066
|
-
var
|
|
5126
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
5067
5127
|
var Visualization = function() {
|
|
5068
5128
|
var audioThreadContext = useAudioThreadContext();
|
|
5069
5129
|
var assistantNameContext = (0, import_react60.useContext)(AssistantNameContext);
|
|
@@ -5091,14 +5151,14 @@ var Visualization = function() {
|
|
|
5091
5151
|
draw,
|
|
5092
5152
|
audioThreadContext
|
|
5093
5153
|
]);
|
|
5094
|
-
return /* @__PURE__ */ (0,
|
|
5154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes57.Flex, {
|
|
5095
5155
|
direction: "column",
|
|
5096
5156
|
align: "center",
|
|
5097
5157
|
justify: "center",
|
|
5098
5158
|
mb: "3",
|
|
5099
5159
|
flexGrow: "1",
|
|
5100
5160
|
children: [
|
|
5101
|
-
/* @__PURE__ */ (0,
|
|
5161
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Flex, {
|
|
5102
5162
|
align: "center",
|
|
5103
5163
|
justify: "center",
|
|
5104
5164
|
height: "200px",
|
|
@@ -5108,20 +5168,20 @@ var Visualization = function() {
|
|
|
5108
5168
|
borderRadius: "9999px",
|
|
5109
5169
|
scale: scale
|
|
5110
5170
|
},
|
|
5111
|
-
children: /* @__PURE__ */ (0,
|
|
5171
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BarsVisualizer, {
|
|
5112
5172
|
visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
|
|
5113
5173
|
backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
|
|
5114
5174
|
height: "40px",
|
|
5115
5175
|
barWidth: "24px"
|
|
5116
5176
|
})
|
|
5117
5177
|
}),
|
|
5118
|
-
/* @__PURE__ */ (0,
|
|
5178
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes57.Flex, {
|
|
5119
5179
|
ml: "-22.5px",
|
|
5120
5180
|
gap: "3",
|
|
5121
5181
|
pt: "5",
|
|
5122
5182
|
children: [
|
|
5123
|
-
/* @__PURE__ */ (0,
|
|
5124
|
-
/* @__PURE__ */ (0,
|
|
5183
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(AssistantAvatar, {}),
|
|
5184
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Name, {
|
|
5125
5185
|
children: assistantNameContext
|
|
5126
5186
|
})
|
|
5127
5187
|
]
|
|
@@ -5131,7 +5191,7 @@ var Visualization = function() {
|
|
|
5131
5191
|
};
|
|
5132
5192
|
// src/components/threads/AudioThread/Status/StatusMessages.tsx
|
|
5133
5193
|
var import_themes58 = require("@radix-ui/themes");
|
|
5134
|
-
var
|
|
5194
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
5135
5195
|
var html = function(param) {
|
|
5136
5196
|
var texts = param.texts;
|
|
5137
5197
|
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 +5200,17 @@ var html = function(param) {
|
|
|
5140
5200
|
};
|
|
5141
5201
|
var StatusMessages = function(param) {
|
|
5142
5202
|
var texts = param.texts;
|
|
5143
|
-
return /* @__PURE__ */ (0,
|
|
5203
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_themes58.Flex, {
|
|
5144
5204
|
justify: "center",
|
|
5145
5205
|
pb: "5",
|
|
5146
5206
|
children: [
|
|
5147
|
-
/* @__PURE__ */ (0,
|
|
5207
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes58.Text, {
|
|
5148
5208
|
size: "2",
|
|
5149
5209
|
weight: "regular",
|
|
5150
5210
|
color: "gray",
|
|
5151
5211
|
className: "status-messages-texts"
|
|
5152
5212
|
}),
|
|
5153
|
-
/* @__PURE__ */ (0,
|
|
5213
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("style", {
|
|
5154
5214
|
dangerouslySetInnerHTML: {
|
|
5155
5215
|
__html: html({
|
|
5156
5216
|
texts: texts
|
|
@@ -5161,11 +5221,11 @@ var StatusMessages = function(param) {
|
|
|
5161
5221
|
});
|
|
5162
5222
|
};
|
|
5163
5223
|
// src/components/threads/AudioThread/Status/index.tsx
|
|
5164
|
-
var
|
|
5224
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
5165
5225
|
var Status = function() {
|
|
5166
5226
|
var audioThreadContext = useAudioThreadContext();
|
|
5167
5227
|
if (audioThreadContext.status === "recording") {
|
|
5168
|
-
return /* @__PURE__ */ (0,
|
|
5228
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
|
|
5169
5229
|
texts: [
|
|
5170
5230
|
"Start speaking",
|
|
5171
5231
|
"Listening",
|
|
@@ -5179,20 +5239,20 @@ var Status = function() {
|
|
|
5179
5239
|
"idle",
|
|
5180
5240
|
"playerPaused"
|
|
5181
5241
|
].includes(audioThreadContext.status)) {
|
|
5182
|
-
return /* @__PURE__ */ (0,
|
|
5242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
|
|
5183
5243
|
texts: [
|
|
5184
5244
|
"Click the button below to activate"
|
|
5185
5245
|
]
|
|
5186
5246
|
});
|
|
5187
5247
|
}
|
|
5188
5248
|
if (audioThreadContext.status === "playing") {
|
|
5189
|
-
return /* @__PURE__ */ (0,
|
|
5249
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
|
|
5190
5250
|
texts: [
|
|
5191
5251
|
"Click the button below to interrupt"
|
|
5192
5252
|
]
|
|
5193
5253
|
});
|
|
5194
5254
|
}
|
|
5195
|
-
return /* @__PURE__ */ (0,
|
|
5255
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
|
|
5196
5256
|
texts: [
|
|
5197
5257
|
"Thinking"
|
|
5198
5258
|
]
|
|
@@ -5201,9 +5261,9 @@ var Status = function() {
|
|
|
5201
5261
|
// src/components/threads/AudioThread/Form/index.tsx
|
|
5202
5262
|
var import_themes60 = require("@radix-ui/themes");
|
|
5203
5263
|
// src/components/threads/AudioThread/Form/MicIcon.tsx
|
|
5204
|
-
var
|
|
5264
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
5205
5265
|
var MicIcon = function(props) {
|
|
5206
|
-
return /* @__PURE__ */ (0,
|
|
5266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("svg", _object_spread_props(_object_spread({
|
|
5207
5267
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5208
5268
|
fill: "currentColor",
|
|
5209
5269
|
stroke: "currentColor",
|
|
@@ -5212,7 +5272,7 @@ var MicIcon = function(props) {
|
|
|
5212
5272
|
height: "15",
|
|
5213
5273
|
width: "15"
|
|
5214
5274
|
}, props), {
|
|
5215
|
-
children: /* @__PURE__ */ (0,
|
|
5275
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", {
|
|
5216
5276
|
stroke: "none",
|
|
5217
5277
|
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
5278
|
})
|
|
@@ -5221,45 +5281,45 @@ var MicIcon = function(props) {
|
|
|
5221
5281
|
// src/components/threads/AudioThread/Form/ActionButton/index.tsx
|
|
5222
5282
|
var import_themes59 = require("@radix-ui/themes");
|
|
5223
5283
|
var import_react_icons16 = require("@radix-ui/react-icons");
|
|
5224
|
-
var
|
|
5284
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
5225
5285
|
var ActionButton = function() {
|
|
5226
5286
|
var audioThreadContext = useAudioThreadContext();
|
|
5227
5287
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
5228
5288
|
if (audioThreadContext.status === "recording") {
|
|
5229
|
-
return /* @__PURE__ */ (0,
|
|
5289
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes59.Flex, {
|
|
5230
5290
|
align: "center",
|
|
5231
5291
|
children: [
|
|
5232
|
-
/* @__PURE__ */ (0,
|
|
5292
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Flex, {
|
|
5233
5293
|
mr: "3",
|
|
5234
5294
|
ml: "-7",
|
|
5235
|
-
children: /* @__PURE__ */ (0,
|
|
5295
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
|
|
5236
5296
|
onClick: audioThreadContext.recorderProps.pause,
|
|
5237
5297
|
color: "gray",
|
|
5238
5298
|
variant: "soft",
|
|
5239
5299
|
size: "1",
|
|
5240
|
-
children: /* @__PURE__ */ (0,
|
|
5300
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.PauseIcon, {})
|
|
5241
5301
|
})
|
|
5242
5302
|
}),
|
|
5243
|
-
/* @__PURE__ */ (0,
|
|
5303
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
|
|
5244
5304
|
onClick: audioThreadContext.recorderProps.stop,
|
|
5245
5305
|
highContrast: true,
|
|
5246
5306
|
variant: "soft",
|
|
5247
5307
|
size: "4",
|
|
5248
|
-
children: /* @__PURE__ */ (0,
|
|
5308
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ArrowUpIcon, {})
|
|
5249
5309
|
})
|
|
5250
5310
|
]
|
|
5251
5311
|
});
|
|
5252
5312
|
}
|
|
5253
5313
|
if (audioThreadContext.status === "recorderPaused") {
|
|
5254
|
-
return /* @__PURE__ */ (0,
|
|
5314
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
|
|
5255
5315
|
onClick: audioThreadContext.recorderProps.resume,
|
|
5256
5316
|
color: "red",
|
|
5257
5317
|
size: "4",
|
|
5258
|
-
children: /* @__PURE__ */ (0,
|
|
5318
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ResumeIcon, {})
|
|
5259
5319
|
});
|
|
5260
5320
|
}
|
|
5261
5321
|
if (audioThreadContext.status === "idle") {
|
|
5262
|
-
return /* @__PURE__ */ (0,
|
|
5322
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
|
|
5263
5323
|
onClick: function() {
|
|
5264
5324
|
return audioThreadContext.recorderProps.start();
|
|
5265
5325
|
},
|
|
@@ -5268,7 +5328,7 @@ var ActionButton = function() {
|
|
|
5268
5328
|
});
|
|
5269
5329
|
}
|
|
5270
5330
|
if (audioThreadContext.status === "playing") {
|
|
5271
|
-
return /* @__PURE__ */ (0,
|
|
5331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
|
|
5272
5332
|
onClick: function() {
|
|
5273
5333
|
var _superinterfaceContext_createMessageAbortControllerRef_current;
|
|
5274
5334
|
audioThreadContext.messageAudioProps.stop();
|
|
@@ -5278,54 +5338,54 @@ var ActionButton = function() {
|
|
|
5278
5338
|
size: "4",
|
|
5279
5339
|
color: "gray",
|
|
5280
5340
|
variant: "soft",
|
|
5281
|
-
children: /* @__PURE__ */ (0,
|
|
5341
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.StopIcon, {})
|
|
5282
5342
|
});
|
|
5283
5343
|
}
|
|
5284
5344
|
if (audioThreadContext.status === "playerPaused") {
|
|
5285
|
-
return /* @__PURE__ */ (0,
|
|
5345
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
|
|
5286
5346
|
onClick: function() {
|
|
5287
5347
|
return audioThreadContext.messageAudioProps.play();
|
|
5288
5348
|
},
|
|
5289
5349
|
size: "4",
|
|
5290
|
-
children: /* @__PURE__ */ (0,
|
|
5350
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ResumeIcon, {})
|
|
5291
5351
|
});
|
|
5292
5352
|
}
|
|
5293
|
-
return /* @__PURE__ */ (0,
|
|
5353
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
|
|
5294
5354
|
size: "4",
|
|
5295
5355
|
variant: "soft",
|
|
5296
5356
|
disabled: true
|
|
5297
5357
|
});
|
|
5298
5358
|
};
|
|
5299
5359
|
// src/components/threads/AudioThread/Form/index.tsx
|
|
5300
|
-
var
|
|
5360
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
5301
5361
|
var Form = function() {
|
|
5302
5362
|
var audioThreadContext = useAudioThreadContext();
|
|
5303
|
-
return /* @__PURE__ */ (0,
|
|
5363
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, {
|
|
5304
5364
|
direction: "column",
|
|
5305
5365
|
align: "center",
|
|
5306
5366
|
children: [
|
|
5307
|
-
/* @__PURE__ */ (0,
|
|
5367
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, {
|
|
5308
5368
|
pb: "3",
|
|
5309
5369
|
align: "center",
|
|
5310
5370
|
children: [
|
|
5311
|
-
/* @__PURE__ */ (0,
|
|
5371
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes60.Flex, {
|
|
5312
5372
|
ml: "-22.5px",
|
|
5313
5373
|
mr: "2",
|
|
5314
5374
|
align: "center",
|
|
5315
|
-
children: /* @__PURE__ */ (0,
|
|
5375
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MicIcon, {
|
|
5316
5376
|
style: {
|
|
5317
5377
|
color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
|
|
5318
5378
|
}
|
|
5319
5379
|
})
|
|
5320
5380
|
}),
|
|
5321
|
-
/* @__PURE__ */ (0,
|
|
5381
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes60.Flex, {
|
|
5322
5382
|
px: "2",
|
|
5323
5383
|
py: "1",
|
|
5324
5384
|
style: {
|
|
5325
5385
|
backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
|
|
5326
5386
|
borderRadius: "var(--radius-6)"
|
|
5327
5387
|
},
|
|
5328
|
-
children: /* @__PURE__ */ (0,
|
|
5388
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BarsVisualizer, {
|
|
5329
5389
|
visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
|
|
5330
5390
|
backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
|
|
5331
5391
|
height: "20px",
|
|
@@ -5334,18 +5394,18 @@ var Form = function() {
|
|
|
5334
5394
|
})
|
|
5335
5395
|
]
|
|
5336
5396
|
}),
|
|
5337
|
-
/* @__PURE__ */ (0,
|
|
5397
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ActionButton, {})
|
|
5338
5398
|
]
|
|
5339
5399
|
});
|
|
5340
5400
|
};
|
|
5341
5401
|
// src/components/threads/AudioThread/index.tsx
|
|
5342
|
-
var
|
|
5402
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
5343
5403
|
var AudioThread = function(props) {
|
|
5344
|
-
return /* @__PURE__ */ (0,
|
|
5404
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
|
|
5345
5405
|
children: [
|
|
5346
|
-
/* @__PURE__ */ (0,
|
|
5347
|
-
/* @__PURE__ */ (0,
|
|
5348
|
-
/* @__PURE__ */ (0,
|
|
5406
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Visualization, {}),
|
|
5407
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Status, {}),
|
|
5408
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Form, {})
|
|
5349
5409
|
]
|
|
5350
5410
|
}));
|
|
5351
5411
|
};
|
|
@@ -5354,14 +5414,14 @@ AudioThread.Visualization = Visualization;
|
|
|
5354
5414
|
AudioThread.Status = Status;
|
|
5355
5415
|
AudioThread.Form = Form;
|
|
5356
5416
|
// src/components/threads/AudioThreadDialog/index.tsx
|
|
5357
|
-
var
|
|
5417
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
5358
5418
|
var AudioThreadDialog = function() {
|
|
5359
|
-
return /* @__PURE__ */ (0,
|
|
5419
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Root9, {
|
|
5360
5420
|
children: [
|
|
5361
|
-
/* @__PURE__ */ (0,
|
|
5362
|
-
children: /* @__PURE__ */ (0,
|
|
5421
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Content5.Root, {
|
|
5422
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AudioThread, {})
|
|
5363
5423
|
}),
|
|
5364
|
-
/* @__PURE__ */ (0,
|
|
5424
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Trigger, {})
|
|
5365
5425
|
]
|
|
5366
5426
|
});
|
|
5367
5427
|
};
|
|
@@ -5379,7 +5439,7 @@ var import_themes62 = require("@radix-ui/themes");
|
|
|
5379
5439
|
var import_react_icons17 = require("@radix-ui/react-icons");
|
|
5380
5440
|
var import_themes61 = require("@radix-ui/themes");
|
|
5381
5441
|
var import_react_query10 = require("@tanstack/react-query");
|
|
5382
|
-
var
|
|
5442
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
5383
5443
|
var Item = function(param) {
|
|
5384
5444
|
var suggestion = param.suggestion, isDisabled = param.isDisabled;
|
|
5385
5445
|
var addToast = useToasts().addToast;
|
|
@@ -5392,7 +5452,7 @@ var Item = function(param) {
|
|
|
5392
5452
|
threadContext: threadContext
|
|
5393
5453
|
})
|
|
5394
5454
|
}), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
|
|
5395
|
-
return /* @__PURE__ */ (0,
|
|
5455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Content7, {
|
|
5396
5456
|
onClick: function() {
|
|
5397
5457
|
createMessage({
|
|
5398
5458
|
// @ts-ignore-next-line
|
|
@@ -5406,7 +5466,7 @@ var Item = function(param) {
|
|
|
5406
5466
|
};
|
|
5407
5467
|
var Content7 = function(param) {
|
|
5408
5468
|
var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
|
|
5409
|
-
return /* @__PURE__ */ (0,
|
|
5469
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes61.Button, {
|
|
5410
5470
|
variant: "soft",
|
|
5411
5471
|
onClick: onClick,
|
|
5412
5472
|
disabled: isDisabled,
|
|
@@ -5416,14 +5476,14 @@ var Content7 = function(param) {
|
|
|
5416
5476
|
flexShrink: 1
|
|
5417
5477
|
},
|
|
5418
5478
|
children: [
|
|
5419
|
-
/* @__PURE__ */ (0,
|
|
5479
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes61.Text, {
|
|
5420
5480
|
size: "1",
|
|
5421
5481
|
weight: "regular",
|
|
5422
5482
|
children: children
|
|
5423
5483
|
}),
|
|
5424
|
-
/* @__PURE__ */ (0,
|
|
5484
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes61.Spinner, {
|
|
5425
5485
|
loading: isPending,
|
|
5426
|
-
children: /* @__PURE__ */ (0,
|
|
5486
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ArrowUpIcon, {
|
|
5427
5487
|
style: {
|
|
5428
5488
|
flexShrink: 0
|
|
5429
5489
|
}
|
|
@@ -5434,7 +5494,7 @@ var Content7 = function(param) {
|
|
|
5434
5494
|
};
|
|
5435
5495
|
Item.Content = Content7;
|
|
5436
5496
|
// src/components/suggestions/Suggestions/Content.tsx
|
|
5437
|
-
var
|
|
5497
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
5438
5498
|
var Content8 = function(param) {
|
|
5439
5499
|
var children = param.children;
|
|
5440
5500
|
var isMutatingMessage = useIsMutatingMessage();
|
|
@@ -5448,12 +5508,12 @@ var Content8 = function(param) {
|
|
|
5448
5508
|
children
|
|
5449
5509
|
]);
|
|
5450
5510
|
if ((0, import_radash18.isEmpty)(suggestions)) return null;
|
|
5451
|
-
return /* @__PURE__ */ (0,
|
|
5511
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.Flex, {
|
|
5452
5512
|
gap: "2",
|
|
5453
5513
|
py: "2",
|
|
5454
5514
|
wrap: "wrap",
|
|
5455
5515
|
children: suggestions.map(function(suggestion) {
|
|
5456
|
-
return /* @__PURE__ */ (0,
|
|
5516
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Item, {
|
|
5457
5517
|
suggestion: suggestion,
|
|
5458
5518
|
isDisabled: isMutatingMessage
|
|
5459
5519
|
}, suggestion);
|
|
@@ -5461,7 +5521,7 @@ var Content8 = function(param) {
|
|
|
5461
5521
|
});
|
|
5462
5522
|
};
|
|
5463
5523
|
// src/components/suggestions/Suggestions/index.tsx
|
|
5464
|
-
var
|
|
5524
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
5465
5525
|
var Suggestions = function(param) {
|
|
5466
5526
|
var children = param.children;
|
|
5467
5527
|
var latestMessageProps = useLatestMessage();
|
|
@@ -5474,14 +5534,14 @@ var Suggestions = function(param) {
|
|
|
5474
5534
|
]);
|
|
5475
5535
|
if (latestMessageProps.isLoading) return null;
|
|
5476
5536
|
if (isDisabled) return null;
|
|
5477
|
-
return /* @__PURE__ */ (0,
|
|
5537
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Content8, {
|
|
5478
5538
|
children: children
|
|
5479
5539
|
});
|
|
5480
5540
|
};
|
|
5481
5541
|
Suggestions.Item = Item;
|
|
5482
5542
|
// src/components/markdown/MarkdownProvider/index.tsx
|
|
5483
5543
|
var import_react63 = require("react");
|
|
5484
|
-
var
|
|
5544
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
5485
5545
|
var MarkdownProvider = function(_param) {
|
|
5486
5546
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
5487
5547
|
"children"
|
|
@@ -5493,7 +5553,7 @@ var MarkdownProvider = function(_param) {
|
|
|
5493
5553
|
rest,
|
|
5494
5554
|
prevMarkdownContext
|
|
5495
5555
|
]);
|
|
5496
|
-
return /* @__PURE__ */ (0,
|
|
5556
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(MarkdownContext.Provider, {
|
|
5497
5557
|
value: value,
|
|
5498
5558
|
children: children
|
|
5499
5559
|
});
|
|
@@ -5552,11 +5612,11 @@ var optimizedSrc = function(param) {
|
|
|
5552
5612
|
}));
|
|
5553
5613
|
};
|
|
5554
5614
|
// src/components/imageAvatars/ImageAvatar/index.tsx
|
|
5555
|
-
var
|
|
5615
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
5556
5616
|
var ImageAvatar = function(param) {
|
|
5557
5617
|
var imageAvatar = param.imageAvatar, size = param.size;
|
|
5558
5618
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
5559
|
-
return /* @__PURE__ */ (0,
|
|
5619
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes63.Avatar, {
|
|
5560
5620
|
fallback: "",
|
|
5561
5621
|
src: optimizedSrc({
|
|
5562
5622
|
imageAvatar: imageAvatar,
|
|
@@ -5574,7 +5634,7 @@ var import_react_icons18 = require("@radix-ui/react-icons");
|
|
|
5574
5634
|
var _obj;
|
|
5575
5635
|
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
5636
|
// src/components/iconAvatars/IconAvatar.tsx
|
|
5577
|
-
var
|
|
5637
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
5578
5638
|
var IconAvatar = function(param) {
|
|
5579
5639
|
var iconAvatar = param.iconAvatar, size = param.size;
|
|
5580
5640
|
var Component = (0, import_react64.useMemo)(function() {
|
|
@@ -5582,30 +5642,30 @@ var IconAvatar = function(param) {
|
|
|
5582
5642
|
}, [
|
|
5583
5643
|
iconAvatar
|
|
5584
5644
|
]);
|
|
5585
|
-
return /* @__PURE__ */ (0,
|
|
5645
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes64.Avatar, {
|
|
5586
5646
|
size: size,
|
|
5587
|
-
fallback: Component ? /* @__PURE__ */ (0,
|
|
5647
|
+
fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Component, {}) : ""
|
|
5588
5648
|
});
|
|
5589
5649
|
};
|
|
5590
5650
|
// src/components/avatars/Avatar.tsx
|
|
5591
|
-
var
|
|
5651
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
5592
5652
|
var Avatar6 = function(param) {
|
|
5593
5653
|
var avatar = param.avatar, _param_size = param.size, size = _param_size === void 0 ? "1" : _param_size;
|
|
5594
5654
|
if (avatar) {
|
|
5595
5655
|
if (avatar.type === "IMAGE" /* IMAGE */ && avatar.imageAvatar) {
|
|
5596
|
-
return /* @__PURE__ */ (0,
|
|
5656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ImageAvatar, {
|
|
5597
5657
|
imageAvatar: avatar.imageAvatar,
|
|
5598
5658
|
size: size
|
|
5599
5659
|
});
|
|
5600
5660
|
}
|
|
5601
5661
|
if (avatar.type === "ICON" /* ICON */ && avatar.iconAvatar) {
|
|
5602
|
-
return /* @__PURE__ */ (0,
|
|
5662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(IconAvatar, {
|
|
5603
5663
|
iconAvatar: avatar.iconAvatar,
|
|
5604
5664
|
size: size
|
|
5605
5665
|
});
|
|
5606
5666
|
}
|
|
5607
5667
|
}
|
|
5608
|
-
return /* @__PURE__ */ (0,
|
|
5668
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes65.Avatar, {
|
|
5609
5669
|
fallback: "",
|
|
5610
5670
|
size: size
|
|
5611
5671
|
});
|
|
@@ -5618,7 +5678,7 @@ var useComponents = function() {
|
|
|
5618
5678
|
return (0, import_react65.useContext)(ComponentsContext);
|
|
5619
5679
|
};
|
|
5620
5680
|
// src/components/components/ComponentsProvider.tsx
|
|
5621
|
-
var
|
|
5681
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
5622
5682
|
var ComponentsProvider = function(_param) {
|
|
5623
5683
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
5624
5684
|
"children"
|
|
@@ -5630,7 +5690,7 @@ var ComponentsProvider = function(_param) {
|
|
|
5630
5690
|
rest,
|
|
5631
5691
|
prevComponents
|
|
5632
5692
|
]);
|
|
5633
|
-
return /* @__PURE__ */ (0,
|
|
5693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ComponentsContext.Provider, {
|
|
5634
5694
|
value: value,
|
|
5635
5695
|
children: children
|
|
5636
5696
|
});
|
|
@@ -5640,7 +5700,7 @@ var import_react68 = require("react");
|
|
|
5640
5700
|
var import_themes66 = require("@radix-ui/themes");
|
|
5641
5701
|
// src/components/assistants/AssistantProvider/Code.tsx
|
|
5642
5702
|
var import_react67 = require("react");
|
|
5643
|
-
var
|
|
5703
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
5644
5704
|
var Code4 = function(param) {
|
|
5645
5705
|
var children = param.children, className = param.className, markdownContext = param.markdownContext;
|
|
5646
5706
|
var messageContext = useMessageContext();
|
|
@@ -5656,12 +5716,12 @@ var Code4 = function(param) {
|
|
|
5656
5716
|
className: className
|
|
5657
5717
|
});
|
|
5658
5718
|
}
|
|
5659
|
-
return /* @__PURE__ */ (0,
|
|
5719
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Suggestions, {
|
|
5660
5720
|
children: children
|
|
5661
5721
|
});
|
|
5662
5722
|
};
|
|
5663
5723
|
// src/components/assistants/AssistantProvider/index.tsx
|
|
5664
|
-
var
|
|
5724
|
+
var import_jsx_runtime98 = // @ts-ignore-next-line
|
|
5665
5725
|
require("react/jsx-runtime");
|
|
5666
5726
|
var AssistantProvider = function(param) {
|
|
5667
5727
|
var children = param.children;
|
|
@@ -5673,7 +5733,7 @@ var AssistantProvider = function(param) {
|
|
|
5673
5733
|
var components2 = (0, import_react68.useMemo)(function() {
|
|
5674
5734
|
return {
|
|
5675
5735
|
code: function(props) {
|
|
5676
|
-
return /* @__PURE__ */ (0,
|
|
5736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Code4, _object_spread_props(_object_spread({}, props), {
|
|
5677
5737
|
markdownContext: markdownContext
|
|
5678
5738
|
}));
|
|
5679
5739
|
}
|
|
@@ -5684,7 +5744,7 @@ var AssistantProvider = function(param) {
|
|
|
5684
5744
|
if (!assistant) {
|
|
5685
5745
|
return null;
|
|
5686
5746
|
}
|
|
5687
|
-
return /* @__PURE__ */ (0,
|
|
5747
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes66.Theme, {
|
|
5688
5748
|
accentColor: assistant.theme.accentColor,
|
|
5689
5749
|
grayColor: assistant.theme.grayColor,
|
|
5690
5750
|
radius: assistant.theme.radius,
|
|
@@ -5692,13 +5752,13 @@ var AssistantProvider = function(param) {
|
|
|
5692
5752
|
scaling: assistant.theme.scaling,
|
|
5693
5753
|
panelBackground: "solid",
|
|
5694
5754
|
hasBackground: false,
|
|
5695
|
-
children: /* @__PURE__ */ (0,
|
|
5755
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AssistantNameContext.Provider, {
|
|
5696
5756
|
value: assistant.name,
|
|
5697
|
-
children: /* @__PURE__ */ (0,
|
|
5698
|
-
value: /* @__PURE__ */ (0,
|
|
5757
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AssistantAvatarContext.Provider, {
|
|
5758
|
+
value: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Avatar6, {
|
|
5699
5759
|
avatar: assistant.avatar
|
|
5700
5760
|
}),
|
|
5701
|
-
children: /* @__PURE__ */ (0,
|
|
5761
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(MarkdownProvider, {
|
|
5702
5762
|
components: components2,
|
|
5703
5763
|
children: children
|
|
5704
5764
|
})
|