@superinterface/react 2.19.2 → 2.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +521 -391
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +18 -4
- package/dist/index.d.ts +18 -4
- package/dist/index.js +517 -387
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -566,7 +566,7 @@ var SuperinterfaceProvider = function(param) {
|
|
|
566
566
|
});
|
|
567
567
|
};
|
|
568
568
|
// src/components/threads/Thread/Messages/index.tsx
|
|
569
|
-
var
|
|
569
|
+
var import_themes35 = require("@radix-ui/themes");
|
|
570
570
|
// src/components/threads/Thread/Messages/Content/index.tsx
|
|
571
571
|
var import_react26 = require("react");
|
|
572
572
|
// src/hooks/messages/useMessages/index.tsx
|
|
@@ -880,7 +880,7 @@ var useToasts = function() {
|
|
|
880
880
|
};
|
|
881
881
|
// src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
|
|
882
882
|
var import_react25 = require("react");
|
|
883
|
-
var
|
|
883
|
+
var import_themes32 = require("@radix-ui/themes");
|
|
884
884
|
// src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
|
|
885
885
|
var import_react11 = require("react");
|
|
886
886
|
var import_themes5 = require("@radix-ui/themes");
|
|
@@ -939,11 +939,11 @@ var UserAvatar = function() {
|
|
|
939
939
|
});
|
|
940
940
|
};
|
|
941
941
|
// src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
|
|
942
|
-
var
|
|
942
|
+
var import_themes31 = require("@radix-ui/themes");
|
|
943
943
|
// src/components/threads/Thread/Message/index.tsx
|
|
944
944
|
var import_react24 = require("react");
|
|
945
945
|
var import_radash4 = require("radash");
|
|
946
|
-
var
|
|
946
|
+
var import_themes30 = require("@radix-ui/themes");
|
|
947
947
|
// src/components/skeletons/StartingContentSkeleton/index.tsx
|
|
948
948
|
var import_themes8 = require("@radix-ui/themes");
|
|
949
949
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
@@ -960,12 +960,12 @@ var StartingContentSkeleton = function() {
|
|
|
960
960
|
});
|
|
961
961
|
};
|
|
962
962
|
// src/components/runSteps/RunSteps/index.tsx
|
|
963
|
-
var
|
|
963
|
+
var import_themes17 = require("@radix-ui/themes");
|
|
964
964
|
var import_react19 = require("react");
|
|
965
965
|
// src/contexts/components/ComponentsContext/index.tsx
|
|
966
966
|
var import_react18 = require("react");
|
|
967
967
|
// src/components/runSteps/RunStep/ToolCalls/index.tsx
|
|
968
|
-
var
|
|
968
|
+
var import_themes16 = require("@radix-ui/themes");
|
|
969
969
|
// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
|
|
970
970
|
var import_react17 = require("react");
|
|
971
971
|
// src/contexts/functions/FunctionComponentsContext/index.tsx
|
|
@@ -1135,46 +1135,87 @@ var Fn = function(param) {
|
|
|
1135
1135
|
runStep: runStep
|
|
1136
1136
|
});
|
|
1137
1137
|
};
|
|
1138
|
-
// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter.tsx
|
|
1138
|
+
// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
|
|
1139
|
+
var import_themes14 = require("@radix-ui/themes");
|
|
1140
|
+
// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/Content.tsx
|
|
1141
|
+
var import_themes13 = require("@radix-ui/themes");
|
|
1139
1142
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1143
|
+
var Content2 = function(param) {
|
|
1144
|
+
var codeInterpreter = param.codeInterpreter;
|
|
1145
|
+
if (!codeInterpreter.input) {
|
|
1146
|
+
return null;
|
|
1147
|
+
}
|
|
1148
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_themes13.Code, {
|
|
1149
|
+
variant: "ghost",
|
|
1150
|
+
color: "gold",
|
|
1151
|
+
style: {
|
|
1152
|
+
whiteSpace: "pre",
|
|
1153
|
+
wordBreak: "break-word"
|
|
1154
|
+
},
|
|
1155
|
+
children: [
|
|
1156
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes13.Box, {
|
|
1157
|
+
children: codeInterpreter.input
|
|
1158
|
+
}),
|
|
1159
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes13.Box, {
|
|
1160
|
+
children: JSON.stringify(codeInterpreter.outputs)
|
|
1161
|
+
})
|
|
1162
|
+
]
|
|
1163
|
+
});
|
|
1164
|
+
};
|
|
1165
|
+
// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
|
|
1166
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1140
1167
|
var CodeInterpreter = function(param) {
|
|
1141
|
-
var
|
|
1142
|
-
return /* @__PURE__ */ (0,
|
|
1168
|
+
var codeInterpreter = param.codeInterpreter, runStep = param.runStep;
|
|
1169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_themes14.Popover.Root, {
|
|
1143
1170
|
children: [
|
|
1144
|
-
/* @__PURE__ */ (0,
|
|
1145
|
-
|
|
1171
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes14.Popover.Trigger, {
|
|
1172
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes14.Flex, {
|
|
1173
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ToolCallBase, {
|
|
1174
|
+
children: [
|
|
1175
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolCallIcon, {
|
|
1176
|
+
runStep: runStep
|
|
1177
|
+
}),
|
|
1178
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolCallTitle, {
|
|
1179
|
+
children: "Using code interpreter"
|
|
1180
|
+
})
|
|
1181
|
+
]
|
|
1182
|
+
})
|
|
1183
|
+
})
|
|
1146
1184
|
}),
|
|
1147
|
-
/* @__PURE__ */ (0,
|
|
1148
|
-
|
|
1185
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes14.Popover.Content, {
|
|
1186
|
+
maxHeight: "200px",
|
|
1187
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Content2, {
|
|
1188
|
+
codeInterpreter: codeInterpreter
|
|
1189
|
+
})
|
|
1149
1190
|
})
|
|
1150
1191
|
]
|
|
1151
1192
|
});
|
|
1152
1193
|
};
|
|
1153
1194
|
// src/components/runSteps/RunStep/ToolCalls/ToolCall/FileSearch.tsx
|
|
1154
|
-
var
|
|
1195
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
1155
1196
|
var FileSearch = function(param) {
|
|
1156
1197
|
var runStep = param.runStep, toolCall = param.toolCall;
|
|
1157
|
-
return /* @__PURE__ */ (0,
|
|
1198
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(ToolCallBase, {
|
|
1158
1199
|
children: [
|
|
1159
|
-
/* @__PURE__ */ (0,
|
|
1200
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToolCallIcon, {
|
|
1160
1201
|
runStep: runStep
|
|
1161
1202
|
}),
|
|
1162
|
-
/* @__PURE__ */ (0,
|
|
1203
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToolCallTitle, {
|
|
1163
1204
|
children: "Searching files"
|
|
1164
1205
|
})
|
|
1165
1206
|
]
|
|
1166
1207
|
});
|
|
1167
1208
|
};
|
|
1168
1209
|
// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fallback.tsx
|
|
1169
|
-
var
|
|
1210
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1170
1211
|
var Fallback = function(param) {
|
|
1171
1212
|
var runStep = param.runStep, toolCall = param.toolCall;
|
|
1172
|
-
return /* @__PURE__ */ (0,
|
|
1213
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ToolCallBase, {
|
|
1173
1214
|
children: [
|
|
1174
|
-
/* @__PURE__ */ (0,
|
|
1215
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolCallIcon, {
|
|
1175
1216
|
runStep: runStep
|
|
1176
1217
|
}),
|
|
1177
|
-
/* @__PURE__ */ (0,
|
|
1218
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ToolCallTitle, {
|
|
1178
1219
|
children: [
|
|
1179
1220
|
"Using tool: ",
|
|
1180
1221
|
toolCall.type
|
|
@@ -1184,52 +1225,52 @@ var Fallback = function(param) {
|
|
|
1184
1225
|
});
|
|
1185
1226
|
};
|
|
1186
1227
|
// src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
|
|
1187
|
-
var
|
|
1228
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1188
1229
|
var ToolCall = function(param) {
|
|
1189
1230
|
var toolCall = param.toolCall, runStep = param.runStep;
|
|
1190
1231
|
if (toolCall.type === "function") {
|
|
1191
|
-
return /* @__PURE__ */ (0,
|
|
1232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Fn, {
|
|
1192
1233
|
fn: toolCall.function,
|
|
1193
1234
|
runStep: runStep
|
|
1194
1235
|
});
|
|
1195
1236
|
}
|
|
1196
1237
|
if (toolCall.type === "code_interpreter") {
|
|
1197
|
-
return /* @__PURE__ */ (0,
|
|
1198
|
-
|
|
1238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CodeInterpreter, {
|
|
1239
|
+
codeInterpreter: toolCall.code_interpreter,
|
|
1199
1240
|
runStep: runStep
|
|
1200
1241
|
});
|
|
1201
1242
|
}
|
|
1202
1243
|
if (toolCall.type === "file_search") {
|
|
1203
|
-
return /* @__PURE__ */ (0,
|
|
1244
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FileSearch, {
|
|
1204
1245
|
toolCall: toolCall,
|
|
1205
1246
|
runStep: runStep
|
|
1206
1247
|
});
|
|
1207
1248
|
}
|
|
1208
|
-
return /* @__PURE__ */ (0,
|
|
1249
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Fallback, {
|
|
1209
1250
|
toolCall: toolCall,
|
|
1210
1251
|
runStep: runStep
|
|
1211
1252
|
});
|
|
1212
1253
|
};
|
|
1213
1254
|
// src/components/runSteps/RunStep/ToolCalls/Starting/index.tsx
|
|
1214
|
-
var
|
|
1255
|
+
var import_themes15 = require("@radix-ui/themes");
|
|
1215
1256
|
var import_react_icons4 = require("@radix-ui/react-icons");
|
|
1216
|
-
var
|
|
1257
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1217
1258
|
var Starting = function() {
|
|
1218
|
-
return /* @__PURE__ */ (0,
|
|
1259
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_themes15.Popover.Root, {
|
|
1219
1260
|
children: [
|
|
1220
|
-
/* @__PURE__ */ (0,
|
|
1261
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ToolCallBase, {
|
|
1221
1262
|
children: [
|
|
1222
|
-
/* @__PURE__ */ (0,
|
|
1223
|
-
/* @__PURE__ */ (0,
|
|
1263
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_icons4.CircleIcon, {}),
|
|
1264
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ToolCallTitle, {
|
|
1224
1265
|
children: "Starting actions"
|
|
1225
1266
|
})
|
|
1226
1267
|
]
|
|
1227
1268
|
}),
|
|
1228
|
-
/* @__PURE__ */ (0,
|
|
1269
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes15.Popover.Content, {
|
|
1229
1270
|
style: {
|
|
1230
1271
|
maxHeight: "500px"
|
|
1231
1272
|
},
|
|
1232
|
-
children: /* @__PURE__ */ (0,
|
|
1273
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes15.Text, {
|
|
1233
1274
|
children: "Getting ready to connect to domain API"
|
|
1234
1275
|
})
|
|
1235
1276
|
})
|
|
@@ -1237,21 +1278,21 @@ var Starting = function() {
|
|
|
1237
1278
|
});
|
|
1238
1279
|
};
|
|
1239
1280
|
// src/components/runSteps/RunStep/ToolCalls/index.tsx
|
|
1240
|
-
var
|
|
1281
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1241
1282
|
var Root = function(param) {
|
|
1242
1283
|
var children = param.children;
|
|
1243
|
-
return /* @__PURE__ */ (0,
|
|
1284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes16.Flex, {
|
|
1244
1285
|
direction: "column",
|
|
1245
1286
|
children: children
|
|
1246
1287
|
});
|
|
1247
1288
|
};
|
|
1248
1289
|
var ToolCalls = function(param) {
|
|
1249
1290
|
var stepDetails = param.stepDetails, runStep = param.runStep;
|
|
1250
|
-
return /* @__PURE__ */ (0,
|
|
1291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Root, {
|
|
1251
1292
|
children: [
|
|
1252
|
-
!stepDetails.tool_calls.length && /* @__PURE__ */ (0,
|
|
1293
|
+
!stepDetails.tool_calls.length && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Starting, {}),
|
|
1253
1294
|
stepDetails.tool_calls.map(function(toolCall) {
|
|
1254
|
-
return /* @__PURE__ */ (0,
|
|
1295
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ToolCall, {
|
|
1255
1296
|
toolCall: toolCall,
|
|
1256
1297
|
runStep: runStep
|
|
1257
1298
|
}, toolCall.id);
|
|
@@ -1263,11 +1304,11 @@ ToolCalls.Root = Root;
|
|
|
1263
1304
|
ToolCalls.Starting = Starting;
|
|
1264
1305
|
ToolCalls.ToolCall = ToolCall;
|
|
1265
1306
|
// src/components/runSteps/RunStep/index.tsx
|
|
1266
|
-
var
|
|
1307
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1267
1308
|
var RunStep = function(param) {
|
|
1268
1309
|
var runStep = param.runStep;
|
|
1269
1310
|
if (runStep.step_details.type === "tool_calls") {
|
|
1270
|
-
return /* @__PURE__ */ (0,
|
|
1311
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToolCalls, {
|
|
1271
1312
|
stepDetails: runStep.step_details,
|
|
1272
1313
|
runStep: runStep
|
|
1273
1314
|
});
|
|
@@ -1282,15 +1323,15 @@ var ComponentsContext = (0, import_react18.createContext)({
|
|
|
1282
1323
|
}
|
|
1283
1324
|
});
|
|
1284
1325
|
// src/components/runSteps/RunSteps/index.tsx
|
|
1285
|
-
var
|
|
1326
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1286
1327
|
var RunSteps = function(param) {
|
|
1287
1328
|
var runSteps = param.runSteps;
|
|
1288
1329
|
var componentsContext = (0, import_react19.useContext)(ComponentsContext);
|
|
1289
1330
|
var Component = componentsContext.components.RunStep;
|
|
1290
|
-
return /* @__PURE__ */ (0,
|
|
1331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes17.Flex, {
|
|
1291
1332
|
direction: "column-reverse",
|
|
1292
1333
|
children: runSteps.map(function(runStep) {
|
|
1293
|
-
return /* @__PURE__ */ (0,
|
|
1334
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Component, {
|
|
1294
1335
|
runStep: runStep
|
|
1295
1336
|
}, runStep.id);
|
|
1296
1337
|
})
|
|
@@ -1327,14 +1368,16 @@ var import_react_markdown = __toESM(require("react-markdown"), 1);
|
|
|
1327
1368
|
var import_react23 = require("react");
|
|
1328
1369
|
// src/contexts/markdown/MarkdownContext/index.ts
|
|
1329
1370
|
var import_react22 = require("react");
|
|
1371
|
+
// src/contexts/markdown/MarkdownContext/lib/components/index.tsx
|
|
1372
|
+
var import_themes28 = require("@radix-ui/themes");
|
|
1330
1373
|
// src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
|
|
1331
|
-
var
|
|
1332
|
-
var
|
|
1374
|
+
var import_themes18 = require("@radix-ui/themes");
|
|
1375
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1333
1376
|
var Paragraph = function(param) {
|
|
1334
1377
|
var children = param.children;
|
|
1335
|
-
return /* @__PURE__ */ (0,
|
|
1378
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Box, {
|
|
1336
1379
|
pb: "3",
|
|
1337
|
-
children: /* @__PURE__ */ (0,
|
|
1380
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Text, {
|
|
1338
1381
|
size: "3",
|
|
1339
1382
|
style: {
|
|
1340
1383
|
whiteSpace: "pre-line",
|
|
@@ -1345,24 +1388,26 @@ var Paragraph = function(param) {
|
|
|
1345
1388
|
});
|
|
1346
1389
|
};
|
|
1347
1390
|
// src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
|
|
1348
|
-
var
|
|
1349
|
-
var
|
|
1391
|
+
var import_themes19 = require("@radix-ui/themes");
|
|
1392
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
1350
1393
|
var Link = function(param) {
|
|
1351
|
-
var children = param.children, href = param.href;
|
|
1352
|
-
return /* @__PURE__ */ (0,
|
|
1394
|
+
var children = param.children, href = param.href, download = param.download, _param_target = param.target, target = _param_target === void 0 ? "_blank" : _param_target;
|
|
1395
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Link, {
|
|
1353
1396
|
href: href,
|
|
1397
|
+
target: target,
|
|
1398
|
+
download: download,
|
|
1354
1399
|
children: children
|
|
1355
1400
|
});
|
|
1356
1401
|
};
|
|
1357
1402
|
// src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
|
|
1358
|
-
var
|
|
1359
|
-
var
|
|
1403
|
+
var import_themes20 = require("@radix-ui/themes");
|
|
1404
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
1360
1405
|
var UnorderedList = function(param) {
|
|
1361
1406
|
var children = param.children;
|
|
1362
|
-
return /* @__PURE__ */ (0,
|
|
1407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes20.Box, {
|
|
1363
1408
|
pb: "3",
|
|
1364
1409
|
asChild: true,
|
|
1365
|
-
children: /* @__PURE__ */ (0,
|
|
1410
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", {
|
|
1366
1411
|
style: {
|
|
1367
1412
|
listStylePosition: "inside"
|
|
1368
1413
|
},
|
|
@@ -1371,14 +1416,14 @@ var UnorderedList = function(param) {
|
|
|
1371
1416
|
});
|
|
1372
1417
|
};
|
|
1373
1418
|
// src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
|
|
1374
|
-
var
|
|
1375
|
-
var
|
|
1419
|
+
var import_themes21 = require("@radix-ui/themes");
|
|
1420
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
1376
1421
|
var OrderedList = function(param) {
|
|
1377
1422
|
var children = param.children;
|
|
1378
|
-
return /* @__PURE__ */ (0,
|
|
1423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes21.Box, {
|
|
1379
1424
|
pb: "3",
|
|
1380
1425
|
asChild: true,
|
|
1381
|
-
children: /* @__PURE__ */ (0,
|
|
1426
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ol", {
|
|
1382
1427
|
style: {
|
|
1383
1428
|
listStylePosition: "inside"
|
|
1384
1429
|
},
|
|
@@ -1387,32 +1432,32 @@ var OrderedList = function(param) {
|
|
|
1387
1432
|
});
|
|
1388
1433
|
};
|
|
1389
1434
|
// src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
|
|
1390
|
-
var
|
|
1391
|
-
var
|
|
1435
|
+
var import_themes22 = require("@radix-ui/themes");
|
|
1436
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
1392
1437
|
var ListItem = function(param) {
|
|
1393
1438
|
var children = param.children;
|
|
1394
|
-
return /* @__PURE__ */ (0,
|
|
1439
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes22.Box, {
|
|
1395
1440
|
pb: "1",
|
|
1396
|
-
children: /* @__PURE__ */ (0,
|
|
1441
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", {
|
|
1397
1442
|
children: children
|
|
1398
1443
|
})
|
|
1399
1444
|
});
|
|
1400
1445
|
};
|
|
1401
1446
|
// src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
|
|
1402
|
-
var
|
|
1403
|
-
var
|
|
1447
|
+
var import_themes23 = require("@radix-ui/themes");
|
|
1448
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
1404
1449
|
var Strong = function(param) {
|
|
1405
1450
|
var children = param.children;
|
|
1406
|
-
return /* @__PURE__ */ (0,
|
|
1451
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes23.Strong, {
|
|
1407
1452
|
children: children
|
|
1408
1453
|
});
|
|
1409
1454
|
};
|
|
1410
1455
|
// src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
|
|
1411
|
-
var
|
|
1412
|
-
var
|
|
1456
|
+
var import_themes24 = require("@radix-ui/themes");
|
|
1457
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
1413
1458
|
var Pre = function(param) {
|
|
1414
1459
|
var children = param.children;
|
|
1415
|
-
return /* @__PURE__ */ (0,
|
|
1460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes24.Box, {
|
|
1416
1461
|
style: {
|
|
1417
1462
|
whiteSpace: "pre-wrap",
|
|
1418
1463
|
wordBreak: "break-word"
|
|
@@ -1421,21 +1466,21 @@ var Pre = function(param) {
|
|
|
1421
1466
|
});
|
|
1422
1467
|
};
|
|
1423
1468
|
// src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
|
|
1424
|
-
var
|
|
1425
|
-
var
|
|
1426
|
-
var
|
|
1469
|
+
var import_themes25 = require("@radix-ui/themes");
|
|
1470
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1471
|
+
var Code3 = function(param) {
|
|
1427
1472
|
var children = param.children;
|
|
1428
|
-
return /* @__PURE__ */ (0,
|
|
1473
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes25.Code, {
|
|
1429
1474
|
children: children
|
|
1430
1475
|
});
|
|
1431
1476
|
};
|
|
1432
1477
|
// src/contexts/markdown/MarkdownContext/lib/components/Img.tsx
|
|
1433
|
-
var
|
|
1434
|
-
var
|
|
1478
|
+
var import_themes26 = require("@radix-ui/themes");
|
|
1479
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1435
1480
|
var Img = function(props) {
|
|
1436
|
-
return /* @__PURE__ */ (0,
|
|
1481
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes26.Box, {
|
|
1437
1482
|
pb: "3",
|
|
1438
|
-
children: /* @__PURE__ */ (0,
|
|
1483
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", _object_spread_props(_object_spread({}, props), {
|
|
1439
1484
|
style: {
|
|
1440
1485
|
maxWidth: "100%",
|
|
1441
1486
|
height: "auto"
|
|
@@ -1446,25 +1491,25 @@ var Img = function(props) {
|
|
|
1446
1491
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
|
|
1447
1492
|
var import_react_icons5 = require("@radix-ui/react-icons");
|
|
1448
1493
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
|
|
1449
|
-
var
|
|
1450
|
-
var
|
|
1494
|
+
var import_themes27 = require("@radix-ui/themes");
|
|
1495
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1451
1496
|
var AnnotationBase = function(param) {
|
|
1452
1497
|
var icon = param.icon, content = param.content;
|
|
1453
|
-
return /* @__PURE__ */ (0,
|
|
1498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes27.Popover.Root, {
|
|
1454
1499
|
children: [
|
|
1455
|
-
/* @__PURE__ */ (0,
|
|
1456
|
-
children: /* @__PURE__ */ (0,
|
|
1500
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Popover.Trigger, {
|
|
1501
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.IconButton, {
|
|
1457
1502
|
variant: "soft",
|
|
1458
1503
|
color: "gray",
|
|
1459
1504
|
size: "1",
|
|
1460
1505
|
children: icon
|
|
1461
1506
|
})
|
|
1462
1507
|
}),
|
|
1463
|
-
/* @__PURE__ */ (0,
|
|
1508
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Popover.Content, {
|
|
1464
1509
|
size: "1",
|
|
1465
|
-
children: /* @__PURE__ */ (0,
|
|
1510
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Flex, {
|
|
1466
1511
|
direction: "column",
|
|
1467
|
-
children: /* @__PURE__ */ (0,
|
|
1512
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Text, {
|
|
1468
1513
|
size: "1",
|
|
1469
1514
|
color: "gray",
|
|
1470
1515
|
children: content
|
|
@@ -1474,24 +1519,38 @@ var AnnotationBase = function(param) {
|
|
|
1474
1519
|
]
|
|
1475
1520
|
});
|
|
1476
1521
|
};
|
|
1522
|
+
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/FilePathAnnotation.tsx
|
|
1523
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1524
|
+
var FilePathAnnotation = function(param) {
|
|
1525
|
+
var annotation = param.annotation, children = param.children;
|
|
1526
|
+
var superinterfaceContext = useSuperinterfaceContext();
|
|
1527
|
+
var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
|
|
1528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Link, {
|
|
1529
|
+
href: "".concat(superinterfaceContext.baseUrl, "/files/").concat(annotation.file_path.file_id, "/contents?").concat(nextSearchParams),
|
|
1530
|
+
target: "_self",
|
|
1531
|
+
download: true,
|
|
1532
|
+
children: children
|
|
1533
|
+
});
|
|
1534
|
+
};
|
|
1477
1535
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
|
|
1478
|
-
var
|
|
1536
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1479
1537
|
var Annotation = function(param) {
|
|
1480
|
-
var annotation = param.annotation;
|
|
1538
|
+
var annotation = param.annotation, children = param.children;
|
|
1481
1539
|
if (annotation.type === "file_citation") {
|
|
1482
|
-
return /* @__PURE__ */ (0,
|
|
1483
|
-
icon: /* @__PURE__ */ (0,
|
|
1540
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AnnotationBase, {
|
|
1541
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons5.QuoteIcon, {}),
|
|
1484
1542
|
content: "File cited."
|
|
1485
1543
|
});
|
|
1486
1544
|
} else if (annotation.type === "file_path") {
|
|
1487
|
-
return /* @__PURE__ */ (0,
|
|
1488
|
-
|
|
1489
|
-
|
|
1545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FilePathAnnotation, {
|
|
1546
|
+
annotation: annotation,
|
|
1547
|
+
children: children
|
|
1490
1548
|
});
|
|
1491
1549
|
}
|
|
1492
1550
|
return null;
|
|
1493
1551
|
};
|
|
1494
1552
|
// src/contexts/markdown/MarkdownContext/lib/components/index.tsx
|
|
1553
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1495
1554
|
var components = {
|
|
1496
1555
|
p: Paragraph,
|
|
1497
1556
|
a: Link,
|
|
@@ -1500,20 +1559,70 @@ var components = {
|
|
|
1500
1559
|
ol: OrderedList,
|
|
1501
1560
|
li: ListItem,
|
|
1502
1561
|
pre: Pre,
|
|
1503
|
-
code:
|
|
1562
|
+
code: Code3,
|
|
1504
1563
|
img: Img,
|
|
1505
|
-
annotation: Annotation
|
|
1564
|
+
annotation: Annotation,
|
|
1565
|
+
h1: function(props) {
|
|
1566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1567
|
+
as: "h1",
|
|
1568
|
+
children: props.children
|
|
1569
|
+
});
|
|
1570
|
+
},
|
|
1571
|
+
h2: function(props) {
|
|
1572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1573
|
+
as: "h2",
|
|
1574
|
+
size: "5",
|
|
1575
|
+
children: props.children
|
|
1576
|
+
});
|
|
1577
|
+
},
|
|
1578
|
+
h3: function(props) {
|
|
1579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1580
|
+
as: "h3",
|
|
1581
|
+
size: "4",
|
|
1582
|
+
children: props.children
|
|
1583
|
+
});
|
|
1584
|
+
},
|
|
1585
|
+
h4: function(props) {
|
|
1586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1587
|
+
as: "h4",
|
|
1588
|
+
size: "3",
|
|
1589
|
+
children: props.children
|
|
1590
|
+
});
|
|
1591
|
+
},
|
|
1592
|
+
h5: function(props) {
|
|
1593
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1594
|
+
as: "h5",
|
|
1595
|
+
size: "3",
|
|
1596
|
+
children: props.children
|
|
1597
|
+
});
|
|
1598
|
+
},
|
|
1599
|
+
h6: function(props) {
|
|
1600
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1601
|
+
as: "h6",
|
|
1602
|
+
size: "3",
|
|
1603
|
+
children: props.children
|
|
1604
|
+
});
|
|
1605
|
+
}
|
|
1506
1606
|
};
|
|
1507
1607
|
// src/lib/remark/remarkAnnotation.ts
|
|
1508
1608
|
var import_radash3 = require("radash");
|
|
1509
1609
|
var import_unist_util_flatmap = __toESM(require("unist-util-flatmap"), 1);
|
|
1610
|
+
var sortedAnnotations = function(param) {
|
|
1611
|
+
var content = param.content;
|
|
1612
|
+
return content.text.annotations.sort(function(a, b) {
|
|
1613
|
+
return a.start_index - b.start_index;
|
|
1614
|
+
});
|
|
1615
|
+
};
|
|
1510
1616
|
var remarkAnnotation = function(param) {
|
|
1511
1617
|
var content = param.content;
|
|
1512
1618
|
return function() {
|
|
1513
1619
|
return function(tree) {
|
|
1514
1620
|
(0, import_unist_util_flatmap.default)(tree, function(node) {
|
|
1515
1621
|
var _content_text_annotations, _content_text;
|
|
1516
|
-
if (
|
|
1622
|
+
if (![
|
|
1623
|
+
"text",
|
|
1624
|
+
"link"
|
|
1625
|
+
].includes(node.type)) {
|
|
1517
1626
|
return [
|
|
1518
1627
|
node
|
|
1519
1628
|
];
|
|
@@ -1541,16 +1650,35 @@ var remarkAnnotation = function(param) {
|
|
|
1541
1650
|
];
|
|
1542
1651
|
}
|
|
1543
1652
|
var newNodes = [];
|
|
1544
|
-
var sortedAnnotations = content.text.annotations.sort(function(a, b) {
|
|
1545
|
-
return a.start_index - b.start_index;
|
|
1546
|
-
});
|
|
1547
1653
|
var lastProcessedIndex = nodeStart;
|
|
1548
|
-
sortedAnnotations
|
|
1654
|
+
sortedAnnotations({
|
|
1655
|
+
content: content
|
|
1656
|
+
}).forEach(function(annotation) {
|
|
1549
1657
|
var annotationStart = annotation.start_index;
|
|
1550
1658
|
var annotationEnd = annotation.end_index;
|
|
1551
1659
|
if (nodeEnd < annotationStart || nodeStart > annotationEnd) {
|
|
1552
1660
|
return;
|
|
1553
1661
|
}
|
|
1662
|
+
if (node.type === "link") {
|
|
1663
|
+
if (annotation.type === "file_path") {
|
|
1664
|
+
console.log({
|
|
1665
|
+
annotation: annotation,
|
|
1666
|
+
node: node
|
|
1667
|
+
});
|
|
1668
|
+
newNodes.push(_object_spread_props(_object_spread({}, node), {
|
|
1669
|
+
type: "annotation",
|
|
1670
|
+
// @ts-ignore-next-line
|
|
1671
|
+
url: annotation.file_path.file_id,
|
|
1672
|
+
data: {
|
|
1673
|
+
hName: "annotation",
|
|
1674
|
+
hProperties: {
|
|
1675
|
+
annotation: annotation
|
|
1676
|
+
}
|
|
1677
|
+
}
|
|
1678
|
+
}));
|
|
1679
|
+
}
|
|
1680
|
+
return;
|
|
1681
|
+
}
|
|
1554
1682
|
var startIndex = Math.max(nodeStart, annotationStart);
|
|
1555
1683
|
var endIndex = Math.min(nodeEnd, annotationEnd);
|
|
1556
1684
|
if (lastProcessedIndex < startIndex) {
|
|
@@ -1595,23 +1723,25 @@ var remarkAnnotation = function(param) {
|
|
|
1595
1723
|
});
|
|
1596
1724
|
lastProcessedIndex = endIndex;
|
|
1597
1725
|
});
|
|
1598
|
-
if (
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1726
|
+
if (node.type === "text") {
|
|
1727
|
+
if (lastProcessedIndex < nodeEnd) {
|
|
1728
|
+
newNodes.push({
|
|
1729
|
+
type: "text",
|
|
1730
|
+
value: node.value.slice(lastProcessedIndex - nodeStart, nodeEnd - nodeStart),
|
|
1731
|
+
position: {
|
|
1732
|
+
start: {
|
|
1733
|
+
line: node.position.start.line,
|
|
1734
|
+
column: node.position.start.column,
|
|
1735
|
+
offset: lastProcessedIndex
|
|
1736
|
+
},
|
|
1737
|
+
end: {
|
|
1738
|
+
line: node.position.end.line,
|
|
1739
|
+
column: node.position.end.column,
|
|
1740
|
+
offset: nodeEnd
|
|
1741
|
+
}
|
|
1612
1742
|
}
|
|
1613
|
-
}
|
|
1614
|
-
}
|
|
1743
|
+
});
|
|
1744
|
+
}
|
|
1615
1745
|
}
|
|
1616
1746
|
return newNodes;
|
|
1617
1747
|
});
|
|
@@ -1637,13 +1767,13 @@ var useMarkdownContext = function() {
|
|
|
1637
1767
|
return (0, import_react23.useContext)(MarkdownContext);
|
|
1638
1768
|
};
|
|
1639
1769
|
// src/components/threads/Thread/Message/TextContent.tsx
|
|
1640
|
-
var
|
|
1770
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1641
1771
|
var TextContent = function(param) {
|
|
1642
1772
|
var content = param.content;
|
|
1643
1773
|
var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
|
|
1644
1774
|
"getRemarkPlugins"
|
|
1645
1775
|
]);
|
|
1646
|
-
return /* @__PURE__ */ (0,
|
|
1776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
|
|
1647
1777
|
remarkPlugins: getRemarkPlugins2({
|
|
1648
1778
|
content: content
|
|
1649
1779
|
}),
|
|
@@ -1651,21 +1781,21 @@ var TextContent = function(param) {
|
|
|
1651
1781
|
}));
|
|
1652
1782
|
};
|
|
1653
1783
|
// src/components/threads/Thread/Message/Attachments/index.tsx
|
|
1654
|
-
var
|
|
1784
|
+
var import_themes29 = require("@radix-ui/themes");
|
|
1655
1785
|
var import_react_icons6 = require("@radix-ui/react-icons");
|
|
1656
|
-
var
|
|
1786
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1657
1787
|
var Attachments = function(param) {
|
|
1658
1788
|
var message = param.message;
|
|
1659
1789
|
var _message_attachments;
|
|
1660
1790
|
if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
|
|
1661
|
-
return /* @__PURE__ */ (0,
|
|
1791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Flex, {
|
|
1662
1792
|
align: "start",
|
|
1663
1793
|
pb: "1",
|
|
1664
|
-
children: /* @__PURE__ */ (0,
|
|
1794
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Badge, {
|
|
1665
1795
|
color: "gray",
|
|
1666
1796
|
variant: "surface",
|
|
1667
1797
|
children: [
|
|
1668
|
-
/* @__PURE__ */ (0,
|
|
1798
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons6.FileIcon, {}),
|
|
1669
1799
|
message.attachments.length,
|
|
1670
1800
|
" file",
|
|
1671
1801
|
message.attachments.length > 1 ? "s" : ""
|
|
@@ -1674,7 +1804,7 @@ var Attachments = function(param) {
|
|
|
1674
1804
|
});
|
|
1675
1805
|
};
|
|
1676
1806
|
// src/components/threads/Thread/Message/index.tsx
|
|
1677
|
-
var
|
|
1807
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1678
1808
|
var Message = function(param) {
|
|
1679
1809
|
var message = param.message;
|
|
1680
1810
|
var _ref = _sliced_to_array((0, import_react24.useMemo)(function() {
|
|
@@ -1719,68 +1849,68 @@ var Message = function(param) {
|
|
|
1719
1849
|
}, [
|
|
1720
1850
|
message
|
|
1721
1851
|
]);
|
|
1722
|
-
return /* @__PURE__ */ (0,
|
|
1852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Provider, {
|
|
1723
1853
|
value: {
|
|
1724
1854
|
message: message
|
|
1725
1855
|
},
|
|
1726
|
-
children: /* @__PURE__ */ (0,
|
|
1856
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes30.Box, {
|
|
1727
1857
|
children: [
|
|
1728
|
-
/* @__PURE__ */ (0,
|
|
1858
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RunSteps, {
|
|
1729
1859
|
runSteps: olderRunSteps
|
|
1730
1860
|
}),
|
|
1731
|
-
/* @__PURE__ */ (0,
|
|
1861
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes30.Box, {
|
|
1732
1862
|
children: [
|
|
1733
|
-
/* @__PURE__ */ (0,
|
|
1863
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Attachments, {
|
|
1734
1864
|
message: message
|
|
1735
1865
|
}),
|
|
1736
1866
|
message.content.map(function(content, index) {
|
|
1737
|
-
return /* @__PURE__ */ (0,
|
|
1738
|
-
children: content.type === "text" && /* @__PURE__ */ (0,
|
|
1867
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.Fragment, {
|
|
1868
|
+
children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TextContent, {
|
|
1739
1869
|
content: content
|
|
1740
1870
|
})
|
|
1741
1871
|
}, index);
|
|
1742
1872
|
}),
|
|
1743
|
-
isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0,
|
|
1873
|
+
isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StartingContentSkeleton, {})
|
|
1744
1874
|
]
|
|
1745
1875
|
}),
|
|
1746
|
-
/* @__PURE__ */ (0,
|
|
1876
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RunSteps, {
|
|
1747
1877
|
runSteps: laterRunSteps
|
|
1748
1878
|
}),
|
|
1749
|
-
isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0,
|
|
1750
|
-
children: /* @__PURE__ */ (0,
|
|
1879
|
+
isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes30.Box, {
|
|
1880
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StartingContentSkeleton, {})
|
|
1751
1881
|
})
|
|
1752
1882
|
]
|
|
1753
1883
|
})
|
|
1754
1884
|
});
|
|
1755
1885
|
};
|
|
1756
1886
|
// src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
|
|
1757
|
-
var
|
|
1758
|
-
var
|
|
1887
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1888
|
+
var Content3 = function(param) {
|
|
1759
1889
|
var messageGroup = param.messageGroup;
|
|
1760
|
-
return /* @__PURE__ */ (0,
|
|
1890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes31.Flex, {
|
|
1761
1891
|
direction: "column-reverse",
|
|
1762
1892
|
children: messageGroup.messages.map(function(message) {
|
|
1763
|
-
return /* @__PURE__ */ (0,
|
|
1893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, {
|
|
1764
1894
|
message: message
|
|
1765
1895
|
}, message.id);
|
|
1766
1896
|
})
|
|
1767
1897
|
});
|
|
1768
1898
|
};
|
|
1769
1899
|
// src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
|
|
1770
|
-
var
|
|
1900
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1771
1901
|
var MessageGroup = function(param) {
|
|
1772
1902
|
var messageGroup = param.messageGroup;
|
|
1773
1903
|
var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
|
|
1774
|
-
return /* @__PURE__ */ (0,
|
|
1904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(MessageGroupBase, {
|
|
1775
1905
|
children: [
|
|
1776
|
-
messageGroup.role === "user" ? /* @__PURE__ */ (0,
|
|
1777
|
-
/* @__PURE__ */ (0,
|
|
1906
|
+
messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AssistantAvatar, {}),
|
|
1907
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes32.Box, {
|
|
1778
1908
|
flexGrow: "1",
|
|
1779
1909
|
children: [
|
|
1780
|
-
/* @__PURE__ */ (0,
|
|
1910
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Name, {
|
|
1781
1911
|
children: messageGroup.role === "user" ? "You" : assistantNameContext
|
|
1782
1912
|
}),
|
|
1783
|
-
/* @__PURE__ */ (0,
|
|
1913
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Content3, {
|
|
1784
1914
|
messageGroup: messageGroup
|
|
1785
1915
|
})
|
|
1786
1916
|
]
|
|
@@ -1789,8 +1919,8 @@ var MessageGroup = function(param) {
|
|
|
1789
1919
|
});
|
|
1790
1920
|
};
|
|
1791
1921
|
// src/components/threads/Thread/Messages/Content/index.tsx
|
|
1792
|
-
var
|
|
1793
|
-
var
|
|
1922
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1923
|
+
var Content4 = function() {
|
|
1794
1924
|
var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
|
|
1795
1925
|
var addToast = useToasts().addToast;
|
|
1796
1926
|
var _useMessageGroups = useMessageGroups({
|
|
@@ -1808,11 +1938,11 @@ var Content3 = function() {
|
|
|
1808
1938
|
addToast
|
|
1809
1939
|
]);
|
|
1810
1940
|
if (isLoading || isLoadingError) {
|
|
1811
|
-
return /* @__PURE__ */ (0,
|
|
1941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MessagesSkeleton, {});
|
|
1812
1942
|
}
|
|
1813
|
-
return /* @__PURE__ */ (0,
|
|
1943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, {
|
|
1814
1944
|
children: messageGroups2.map(function(messageGroup) {
|
|
1815
|
-
return /* @__PURE__ */ (0,
|
|
1945
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MessageGroup, {
|
|
1816
1946
|
messageGroup: messageGroup
|
|
1817
1947
|
}, messageGroup.id);
|
|
1818
1948
|
})
|
|
@@ -1822,21 +1952,21 @@ var Content3 = function() {
|
|
|
1822
1952
|
var import_react29 = require("react");
|
|
1823
1953
|
// src/components/skeletons/StartingSkeleton/index.tsx
|
|
1824
1954
|
var import_react27 = require("react");
|
|
1825
|
-
var
|
|
1826
|
-
var
|
|
1955
|
+
var import_themes33 = require("@radix-ui/themes");
|
|
1956
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1827
1957
|
var StartingSkeleton = function(param) {
|
|
1828
1958
|
var children = param.children;
|
|
1829
1959
|
var assistantNameContext = (0, import_react27.useContext)(AssistantNameContext);
|
|
1830
|
-
return /* @__PURE__ */ (0,
|
|
1960
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(MessageGroupBase, {
|
|
1831
1961
|
children: [
|
|
1832
|
-
/* @__PURE__ */ (0,
|
|
1833
|
-
/* @__PURE__ */ (0,
|
|
1962
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AssistantAvatar, {}),
|
|
1963
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_themes33.Box, {
|
|
1834
1964
|
children: [
|
|
1835
|
-
/* @__PURE__ */ (0,
|
|
1965
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Name, {
|
|
1836
1966
|
children: assistantNameContext
|
|
1837
1967
|
}),
|
|
1838
1968
|
children,
|
|
1839
|
-
/* @__PURE__ */ (0,
|
|
1969
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StartingContentSkeleton, {})
|
|
1840
1970
|
]
|
|
1841
1971
|
})
|
|
1842
1972
|
]
|
|
@@ -1861,7 +1991,7 @@ var isOptimistic = function(param) {
|
|
|
1861
1991
|
return import_lodash4.default.startsWith(id, "-");
|
|
1862
1992
|
};
|
|
1863
1993
|
// src/components/threads/Thread/Messages/Progress/index.tsx
|
|
1864
|
-
var
|
|
1994
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1865
1995
|
var Progress = function() {
|
|
1866
1996
|
var latestMessage = useLatestMessage().latestMessage;
|
|
1867
1997
|
var isMutatingMessage = useIsMutatingMessage();
|
|
@@ -1879,10 +2009,10 @@ var Progress = function() {
|
|
|
1879
2009
|
isMutatingMessage
|
|
1880
2010
|
]);
|
|
1881
2011
|
if (!isVisible) return null;
|
|
1882
|
-
return /* @__PURE__ */ (0,
|
|
2012
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(StartingSkeleton, {});
|
|
1883
2013
|
};
|
|
1884
2014
|
// src/components/threads/Thread/Messages/Root/index.tsx
|
|
1885
|
-
var
|
|
2015
|
+
var import_themes34 = require("@radix-ui/themes");
|
|
1886
2016
|
// src/hooks/misc/useInfiniteScroll/index.tsx
|
|
1887
2017
|
var import_react31 = require("react");
|
|
1888
2018
|
var import_react_intersection_observer = require("react-intersection-observer");
|
|
@@ -1937,7 +2067,7 @@ var useInfiniteScroll = function(param) {
|
|
|
1937
2067
|
};
|
|
1938
2068
|
};
|
|
1939
2069
|
// src/components/threads/Thread/Messages/Root/index.tsx
|
|
1940
|
-
var
|
|
2070
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1941
2071
|
var Root2 = function(param) {
|
|
1942
2072
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
1943
2073
|
var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
|
|
@@ -1946,7 +2076,7 @@ var Root2 = function(param) {
|
|
|
1946
2076
|
hasNextPage: hasNextPage,
|
|
1947
2077
|
fetchNextPage: fetchNextPage
|
|
1948
2078
|
}), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
|
|
1949
|
-
return /* @__PURE__ */ (0,
|
|
2079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes34.Flex, {
|
|
1950
2080
|
ref: containerRef,
|
|
1951
2081
|
direction: "column-reverse",
|
|
1952
2082
|
flexGrow: "1",
|
|
@@ -1955,10 +2085,10 @@ var Root2 = function(param) {
|
|
|
1955
2085
|
}),
|
|
1956
2086
|
children: [
|
|
1957
2087
|
children,
|
|
1958
|
-
hasNextPage && /* @__PURE__ */ (0,
|
|
2088
|
+
hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes34.Flex, {
|
|
1959
2089
|
ref: loaderRef
|
|
1960
2090
|
}),
|
|
1961
|
-
/* @__PURE__ */ (0,
|
|
2091
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes34.Flex, {
|
|
1962
2092
|
flexShrink: "0",
|
|
1963
2093
|
flexGrow: "1"
|
|
1964
2094
|
})
|
|
@@ -1966,30 +2096,30 @@ var Root2 = function(param) {
|
|
|
1966
2096
|
});
|
|
1967
2097
|
};
|
|
1968
2098
|
// src/components/threads/Thread/Messages/NextPageSkeleton.tsx
|
|
1969
|
-
var
|
|
2099
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1970
2100
|
var NextPageSkeleton = function() {
|
|
1971
2101
|
var hasNextPage = useMessages().hasNextPage;
|
|
1972
2102
|
if (!hasNextPage) {
|
|
1973
2103
|
return null;
|
|
1974
2104
|
}
|
|
1975
|
-
return /* @__PURE__ */ (0,
|
|
2105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessagesSkeleton, {});
|
|
1976
2106
|
};
|
|
1977
2107
|
// src/components/threads/Thread/Messages/index.tsx
|
|
1978
|
-
var
|
|
2108
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1979
2109
|
var Messages = function(param) {
|
|
1980
2110
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
1981
|
-
return /* @__PURE__ */ (0,
|
|
2111
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Root2, {
|
|
1982
2112
|
style: style,
|
|
1983
2113
|
children: [
|
|
1984
|
-
/* @__PURE__ */ (0,
|
|
2114
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
|
|
1985
2115
|
flexShrink: "0",
|
|
1986
2116
|
height: "var(--space-3)"
|
|
1987
2117
|
}),
|
|
1988
|
-
/* @__PURE__ */ (0,
|
|
2118
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Progress, {}),
|
|
1989
2119
|
children,
|
|
1990
|
-
/* @__PURE__ */ (0,
|
|
1991
|
-
/* @__PURE__ */ (0,
|
|
1992
|
-
/* @__PURE__ */ (0,
|
|
2120
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Content4, {}),
|
|
2121
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(NextPageSkeleton, {}),
|
|
2122
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
|
|
1993
2123
|
flexShrink: "0",
|
|
1994
2124
|
flexGrow: "1",
|
|
1995
2125
|
minHeight: "var(--space-5)"
|
|
@@ -2002,7 +2132,7 @@ Messages.Message = Message;
|
|
|
2002
2132
|
Messages.NextPageSkeleton = NextPageSkeleton;
|
|
2003
2133
|
// src/components/threads/Thread/MessageForm/Submit/index.tsx
|
|
2004
2134
|
var import_react_icons7 = require("@radix-ui/react-icons");
|
|
2005
|
-
var
|
|
2135
|
+
var import_themes36 = require("@radix-ui/themes");
|
|
2006
2136
|
// src/hooks/messages/useMessageFormContext/index.ts
|
|
2007
2137
|
var import_react33 = require("react");
|
|
2008
2138
|
// src/contexts/messages/MessageFormContext/index.ts
|
|
@@ -2020,10 +2150,10 @@ var useMessageFormContext = function() {
|
|
|
2020
2150
|
return (0, import_react33.useContext)(MessageFormContext);
|
|
2021
2151
|
};
|
|
2022
2152
|
// src/components/threads/Thread/MessageForm/Submit/index.tsx
|
|
2023
|
-
var
|
|
2153
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2024
2154
|
var Root3 = function(param) {
|
|
2025
2155
|
var children = param.children;
|
|
2026
|
-
return /* @__PURE__ */ (0,
|
|
2156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Flex, {
|
|
2027
2157
|
flexShrink: "0",
|
|
2028
2158
|
align: "end",
|
|
2029
2159
|
children: children
|
|
@@ -2033,24 +2163,24 @@ var Button2 = function() {
|
|
|
2033
2163
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
2034
2164
|
var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
|
|
2035
2165
|
if (isLoading) {
|
|
2036
|
-
return /* @__PURE__ */ (0,
|
|
2166
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.IconButton, {
|
|
2037
2167
|
type: "button",
|
|
2038
2168
|
onClick: function() {
|
|
2039
2169
|
var _superinterfaceContext_createMessageAbortControllerRef_current;
|
|
2040
2170
|
return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
|
|
2041
2171
|
},
|
|
2042
|
-
children: /* @__PURE__ */ (0,
|
|
2172
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons7.StopIcon, {})
|
|
2043
2173
|
});
|
|
2044
2174
|
}
|
|
2045
|
-
return /* @__PURE__ */ (0,
|
|
2175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.IconButton, {
|
|
2046
2176
|
type: "submit",
|
|
2047
2177
|
disabled: isDisabled || isFileLoading,
|
|
2048
|
-
children: /* @__PURE__ */ (0,
|
|
2178
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons7.ArrowUpIcon, {})
|
|
2049
2179
|
});
|
|
2050
2180
|
};
|
|
2051
2181
|
var Submit = function() {
|
|
2052
|
-
return /* @__PURE__ */ (0,
|
|
2053
|
-
children: /* @__PURE__ */ (0,
|
|
2182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Root3, {
|
|
2183
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button2, {})
|
|
2054
2184
|
});
|
|
2055
2185
|
};
|
|
2056
2186
|
Submit.Root = Root3;
|
|
@@ -2059,7 +2189,7 @@ Submit.Button = Button2;
|
|
|
2059
2189
|
var import_react_query5 = require("@tanstack/react-query");
|
|
2060
2190
|
var import_react34 = require("react");
|
|
2061
2191
|
var import_react_hook_form = require("react-hook-form");
|
|
2062
|
-
var
|
|
2192
|
+
var import_themes37 = require("@radix-ui/themes");
|
|
2063
2193
|
// src/hooks/messages/useCreateMessage/index.ts
|
|
2064
2194
|
var import_radash12 = require("radash");
|
|
2065
2195
|
var import_react_query4 = require("@tanstack/react-query");
|
|
@@ -2682,7 +2812,7 @@ var formOptions = {
|
|
|
2682
2812
|
};
|
|
2683
2813
|
// src/components/threads/Thread/MessageForm/Root/index.tsx
|
|
2684
2814
|
var import_radash13 = require("radash");
|
|
2685
|
-
var
|
|
2815
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2686
2816
|
var Root4 = function(param) {
|
|
2687
2817
|
var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled;
|
|
2688
2818
|
var _ref = _sliced_to_array((0, import_react34.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
|
|
@@ -2791,7 +2921,7 @@ var Root4 = function(param) {
|
|
|
2791
2921
|
};
|
|
2792
2922
|
}();
|
|
2793
2923
|
var content = watch("content");
|
|
2794
|
-
return /* @__PURE__ */ (0,
|
|
2924
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MessageFormContext.Provider, {
|
|
2795
2925
|
value: {
|
|
2796
2926
|
isDisabled: isDisabled,
|
|
2797
2927
|
isLoading: isLoading,
|
|
@@ -2800,11 +2930,11 @@ var Root4 = function(param) {
|
|
|
2800
2930
|
isFileLoading: isFileLoading,
|
|
2801
2931
|
content: content
|
|
2802
2932
|
},
|
|
2803
|
-
children: /* @__PURE__ */ (0,
|
|
2804
|
-
children: /* @__PURE__ */ (0,
|
|
2933
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
|
|
2934
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Box, {
|
|
2805
2935
|
asChild: true,
|
|
2806
2936
|
flexShrink: "0",
|
|
2807
|
-
children: /* @__PURE__ */ (0,
|
|
2937
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("form", {
|
|
2808
2938
|
onSubmit: handleSubmit(onSubmit),
|
|
2809
2939
|
children: children
|
|
2810
2940
|
})
|
|
@@ -2814,9 +2944,9 @@ var Root4 = function(param) {
|
|
|
2814
2944
|
};
|
|
2815
2945
|
// src/components/threads/Thread/MessageForm/Field/index.tsx
|
|
2816
2946
|
var import_react_hook_form3 = require("react-hook-form");
|
|
2817
|
-
var
|
|
2947
|
+
var import_themes41 = require("@radix-ui/themes");
|
|
2818
2948
|
// src/components/threads/Thread/MessageForm/Field/Control.tsx
|
|
2819
|
-
var
|
|
2949
|
+
var import_themes38 = require("@radix-ui/themes");
|
|
2820
2950
|
var import_react_hook_form2 = require("react-hook-form");
|
|
2821
2951
|
// src/hooks/misc/usePrevious.ts
|
|
2822
2952
|
var import_react35 = require("react");
|
|
@@ -2832,14 +2962,14 @@ var import_react37 = require("react");
|
|
|
2832
2962
|
// src/components/textareas/TextareaBase/index.tsx
|
|
2833
2963
|
var import_react36 = require("react");
|
|
2834
2964
|
var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
|
|
2835
|
-
var
|
|
2965
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2836
2966
|
var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props, ref) {
|
|
2837
|
-
return /* @__PURE__ */ (0,
|
|
2967
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, {
|
|
2838
2968
|
children: [
|
|
2839
|
-
/* @__PURE__ */ (0,
|
|
2969
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("style", {
|
|
2840
2970
|
children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
|
|
2841
2971
|
}),
|
|
2842
|
-
/* @__PURE__ */ (0,
|
|
2972
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_textarea_autosize.default, _object_spread({
|
|
2843
2973
|
ref: ref,
|
|
2844
2974
|
className: "rt-reset superinterface-textarea",
|
|
2845
2975
|
style: {
|
|
@@ -2856,10 +2986,10 @@ var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props,
|
|
|
2856
2986
|
});
|
|
2857
2987
|
});
|
|
2858
2988
|
// src/components/threads/Thread/MessageForm/Field/Control.tsx
|
|
2859
|
-
var
|
|
2989
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2860
2990
|
var Root5 = function(param) {
|
|
2861
2991
|
var children = param.children;
|
|
2862
|
-
return /* @__PURE__ */ (0,
|
|
2992
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
|
|
2863
2993
|
flexGrow: "1",
|
|
2864
2994
|
pt: "4px",
|
|
2865
2995
|
children: children
|
|
@@ -2888,7 +3018,7 @@ var Input = function() {
|
|
|
2888
3018
|
isDisabledPrevious,
|
|
2889
3019
|
textareaProps
|
|
2890
3020
|
]);
|
|
2891
|
-
return /* @__PURE__ */ (0,
|
|
3021
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TextareaBase, _object_spread_props(_object_spread({
|
|
2892
3022
|
minRows: 1,
|
|
2893
3023
|
placeholder: "Message ".concat(assistantNameContext, "..."),
|
|
2894
3024
|
disabled: isDisabled,
|
|
@@ -2908,51 +3038,51 @@ var Input = function() {
|
|
|
2908
3038
|
}));
|
|
2909
3039
|
};
|
|
2910
3040
|
var Control = function() {
|
|
2911
|
-
return /* @__PURE__ */ (0,
|
|
2912
|
-
children: /* @__PURE__ */ (0,
|
|
3041
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Root5, {
|
|
3042
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, {})
|
|
2913
3043
|
});
|
|
2914
3044
|
};
|
|
2915
3045
|
Control.Root = Root5;
|
|
2916
3046
|
Control.Input = Input;
|
|
2917
3047
|
// src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
|
|
2918
|
-
var
|
|
3048
|
+
var import_themes39 = require("@radix-ui/themes");
|
|
2919
3049
|
var import_react_icons8 = require("@radix-ui/react-icons");
|
|
2920
|
-
var
|
|
3050
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2921
3051
|
var Preview = function() {
|
|
2922
3052
|
var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
|
|
2923
3053
|
if (!files.length) {
|
|
2924
3054
|
return null;
|
|
2925
3055
|
}
|
|
2926
|
-
return /* @__PURE__ */ (0,
|
|
3056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
|
|
2927
3057
|
flexBasis: "100%",
|
|
2928
3058
|
direction: "column",
|
|
2929
3059
|
pb: "2",
|
|
2930
3060
|
gap: "1",
|
|
2931
3061
|
children: files.map(function(file) {
|
|
2932
|
-
return /* @__PURE__ */ (0,
|
|
3062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Card, {
|
|
2933
3063
|
variant: "ghost",
|
|
2934
|
-
children: /* @__PURE__ */ (0,
|
|
3064
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_themes39.Flex, {
|
|
2935
3065
|
align: "center",
|
|
2936
3066
|
justify: "between",
|
|
2937
3067
|
gap: "1",
|
|
2938
3068
|
children: [
|
|
2939
|
-
/* @__PURE__ */ (0,
|
|
3069
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_themes39.Flex, {
|
|
2940
3070
|
align: "center",
|
|
2941
3071
|
gap: "1",
|
|
2942
3072
|
flexShrink: "1",
|
|
2943
3073
|
minWidth: "0",
|
|
2944
3074
|
maxWidth: "250px",
|
|
2945
3075
|
children: [
|
|
2946
|
-
/* @__PURE__ */ (0,
|
|
3076
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
|
|
2947
3077
|
flexShrink: "0",
|
|
2948
|
-
children: /* @__PURE__ */ (0,
|
|
3078
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Spinner, {
|
|
2949
3079
|
loading: isOptimistic({
|
|
2950
3080
|
id: file.id
|
|
2951
3081
|
}),
|
|
2952
|
-
children: /* @__PURE__ */ (0,
|
|
3082
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons8.FileIcon, {})
|
|
2953
3083
|
})
|
|
2954
3084
|
}),
|
|
2955
|
-
/* @__PURE__ */ (0,
|
|
3085
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Text, {
|
|
2956
3086
|
size: "2",
|
|
2957
3087
|
truncate: true,
|
|
2958
3088
|
wrap: "nowrap",
|
|
@@ -2960,9 +3090,9 @@ var Preview = function() {
|
|
|
2960
3090
|
})
|
|
2961
3091
|
]
|
|
2962
3092
|
}),
|
|
2963
|
-
/* @__PURE__ */ (0,
|
|
3093
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
|
|
2964
3094
|
flexShrink: "0",
|
|
2965
|
-
children: /* @__PURE__ */ (0,
|
|
3095
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.IconButton, {
|
|
2966
3096
|
onClick: function() {
|
|
2967
3097
|
return setFiles(function(prev) {
|
|
2968
3098
|
return prev.filter(function(prevFile) {
|
|
@@ -2973,7 +3103,7 @@ var Preview = function() {
|
|
|
2973
3103
|
color: "gray",
|
|
2974
3104
|
variant: "ghost",
|
|
2975
3105
|
size: "1",
|
|
2976
|
-
children: /* @__PURE__ */ (0,
|
|
3106
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons8.Cross2Icon, {})
|
|
2977
3107
|
})
|
|
2978
3108
|
})
|
|
2979
3109
|
]
|
|
@@ -2987,7 +3117,7 @@ var import_react38 = require("react");
|
|
|
2987
3117
|
var import_radash14 = require("radash");
|
|
2988
3118
|
var import_dayjs2 = __toESM(require("dayjs"), 1);
|
|
2989
3119
|
var import_react_icons9 = require("@radix-ui/react-icons");
|
|
2990
|
-
var
|
|
3120
|
+
var import_themes40 = require("@radix-ui/themes");
|
|
2991
3121
|
// src/hooks/files/useCreateFile/index.ts
|
|
2992
3122
|
var import_react_query6 = require("@tanstack/react-query");
|
|
2993
3123
|
// src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
|
|
@@ -3098,7 +3228,7 @@ var useCreateFile = function() {
|
|
|
3098
3228
|
});
|
|
3099
3229
|
};
|
|
3100
3230
|
// src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
|
|
3101
|
-
var
|
|
3231
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
3102
3232
|
var accept = ".c,text/x-c,\n.cs,text/x-csharp,\n.cpp,text/x-c++,\n.doc,application/msword,\n.docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document,\n.html,text/html,\n.java,text/x-java,\n.json,application/json,\n.md,text/markdown,\n.pdf,application/pdf,\n.php,text/x-php,\n.pptx,application/vnd.openxmlformats-officedocument.presentationml.presentation,\n.py,text/x-python,\n.py,text/x-script.python,\n.rb,text/x-ruby,\n.tex,text/x-tex,\n.txt,text/plain,\n.css,text/css,\n.js,text/javascript,\n.sh,application/x-sh,\n.ts,application/typescript";
|
|
3103
3233
|
var Control2 = function() {
|
|
3104
3234
|
var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
|
|
@@ -3272,11 +3402,11 @@ var Control2 = function() {
|
|
|
3272
3402
|
createFile,
|
|
3273
3403
|
setFiles
|
|
3274
3404
|
]);
|
|
3275
|
-
return /* @__PURE__ */ (0,
|
|
3405
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
|
|
3276
3406
|
pt: "2",
|
|
3277
3407
|
pr: "2",
|
|
3278
3408
|
flexGrow: "0",
|
|
3279
|
-
children: /* @__PURE__ */ (0,
|
|
3409
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes40.IconButton, {
|
|
3280
3410
|
type: "button",
|
|
3281
3411
|
variant: "ghost",
|
|
3282
3412
|
color: "gray",
|
|
@@ -3286,8 +3416,8 @@ var Control2 = function() {
|
|
|
3286
3416
|
overflow: "hidden"
|
|
3287
3417
|
},
|
|
3288
3418
|
children: [
|
|
3289
|
-
/* @__PURE__ */ (0,
|
|
3290
|
-
/* @__PURE__ */ (0,
|
|
3419
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_icons9.FilePlusIcon, {}),
|
|
3420
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("input", {
|
|
3291
3421
|
type: "file",
|
|
3292
3422
|
multiple: true,
|
|
3293
3423
|
accept: accept,
|
|
@@ -3312,20 +3442,20 @@ var Files = {
|
|
|
3312
3442
|
Control: Control2
|
|
3313
3443
|
};
|
|
3314
3444
|
// src/components/threads/Thread/MessageForm/Field/index.tsx
|
|
3315
|
-
var
|
|
3445
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
3316
3446
|
var Root6 = function(param) {
|
|
3317
3447
|
var children = param.children;
|
|
3318
3448
|
var _ref = (0, import_react_hook_form3.useFormContext)(), errors = _ref.formState.errors;
|
|
3319
|
-
return /* @__PURE__ */ (0,
|
|
3449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Container, {
|
|
3320
3450
|
size: "2",
|
|
3321
3451
|
flexGrow: "0",
|
|
3322
|
-
children: /* @__PURE__ */ (0,
|
|
3452
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
|
|
3323
3453
|
direction: "column",
|
|
3324
3454
|
flexShrink: "0",
|
|
3325
|
-
children: /* @__PURE__ */ (0,
|
|
3455
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
|
|
3326
3456
|
direction: "column",
|
|
3327
3457
|
flexShrink: "0",
|
|
3328
|
-
children: /* @__PURE__ */ (0,
|
|
3458
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
|
|
3329
3459
|
style: _object_spread({
|
|
3330
3460
|
borderRadius: "var(--radius-2)",
|
|
3331
3461
|
borderWidth: "1px",
|
|
@@ -3349,13 +3479,13 @@ var Field = {
|
|
|
3349
3479
|
Files: Files
|
|
3350
3480
|
};
|
|
3351
3481
|
// src/components/threads/Thread/MessageForm/index.tsx
|
|
3352
|
-
var
|
|
3482
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
3353
3483
|
var MessageForm = function() {
|
|
3354
|
-
return /* @__PURE__ */ (0,
|
|
3355
|
-
children: /* @__PURE__ */ (0,
|
|
3484
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Root4, {
|
|
3485
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Field.Root, {
|
|
3356
3486
|
children: [
|
|
3357
|
-
/* @__PURE__ */ (0,
|
|
3358
|
-
/* @__PURE__ */ (0,
|
|
3487
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Field.Control, {}),
|
|
3488
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Submit, {})
|
|
3359
3489
|
]
|
|
3360
3490
|
})
|
|
3361
3491
|
});
|
|
@@ -3364,17 +3494,17 @@ MessageForm.Root = Root4;
|
|
|
3364
3494
|
MessageForm.Field = Field;
|
|
3365
3495
|
MessageForm.Submit = Submit;
|
|
3366
3496
|
// src/components/threads/Thread/Root/index.tsx
|
|
3367
|
-
var
|
|
3497
|
+
var import_themes42 = require("@radix-ui/themes");
|
|
3368
3498
|
// src/components/threads/Thread/Provider/index.tsx
|
|
3369
3499
|
var Provider2 = SuperinterfaceProvider;
|
|
3370
3500
|
// src/components/threads/Thread/Root/index.tsx
|
|
3371
|
-
var
|
|
3501
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
3372
3502
|
var Root7 = function(_param) {
|
|
3373
3503
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
3374
3504
|
"children"
|
|
3375
3505
|
]);
|
|
3376
|
-
return /* @__PURE__ */ (0,
|
|
3377
|
-
children: /* @__PURE__ */ (0,
|
|
3506
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
|
|
3507
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes42.Flex, {
|
|
3378
3508
|
direction: "column",
|
|
3379
3509
|
flexGrow: "1",
|
|
3380
3510
|
children: children
|
|
@@ -3382,12 +3512,12 @@ var Root7 = function(_param) {
|
|
|
3382
3512
|
}));
|
|
3383
3513
|
};
|
|
3384
3514
|
// src/components/threads/Thread/index.tsx
|
|
3385
|
-
var
|
|
3515
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
3386
3516
|
var Thread = function(props) {
|
|
3387
|
-
return /* @__PURE__ */ (0,
|
|
3517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Root7, _object_spread_props(_object_spread({}, props), {
|
|
3388
3518
|
children: [
|
|
3389
|
-
/* @__PURE__ */ (0,
|
|
3390
|
-
/* @__PURE__ */ (0,
|
|
3519
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Messages, {}),
|
|
3520
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MessageForm, {})
|
|
3391
3521
|
]
|
|
3392
3522
|
}));
|
|
3393
3523
|
};
|
|
@@ -3511,12 +3641,12 @@ var useThreadDialogContext = function() {
|
|
|
3511
3641
|
return (0, import_react42.useContext)(ThreadDialogContext);
|
|
3512
3642
|
};
|
|
3513
3643
|
// src/components/threads/ThreadDialog/Provider/index.tsx
|
|
3514
|
-
var
|
|
3644
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
3515
3645
|
var Provider3 = function(param) {
|
|
3516
3646
|
var children = param.children;
|
|
3517
3647
|
var threadDialogContext = useThreadDialogContext();
|
|
3518
3648
|
var _ref = _sliced_to_array((0, import_react43.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
|
|
3519
|
-
return /* @__PURE__ */ (0,
|
|
3649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ThreadDialogContext.Provider, {
|
|
3520
3650
|
value: {
|
|
3521
3651
|
isOpen: isOpen,
|
|
3522
3652
|
setIsOpen: setIsOpen
|
|
@@ -3529,27 +3659,27 @@ var import_react44 = require("react");
|
|
|
3529
3659
|
var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
|
|
3530
3660
|
// src/components/toasts/ToastsProvider/CustomToast.tsx
|
|
3531
3661
|
var Toast = __toESM(require("@radix-ui/react-toast"), 1);
|
|
3532
|
-
var
|
|
3662
|
+
var import_themes43 = require("@radix-ui/themes");
|
|
3533
3663
|
var import_react_icons10 = require("@radix-ui/react-icons");
|
|
3534
|
-
var
|
|
3664
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
3535
3665
|
var CustomToast = function(param) {
|
|
3536
3666
|
var toast = param.toast;
|
|
3537
|
-
return /* @__PURE__ */ (0,
|
|
3538
|
-
children: /* @__PURE__ */ (0,
|
|
3539
|
-
children: /* @__PURE__ */ (0,
|
|
3540
|
-
children: /* @__PURE__ */ (0,
|
|
3667
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Toast.Root, {
|
|
3668
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes43.Card, {
|
|
3669
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Toast.Title, {
|
|
3670
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes43.Flex, {
|
|
3541
3671
|
children: [
|
|
3542
|
-
/* @__PURE__ */ (0,
|
|
3672
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes43.Flex, {
|
|
3543
3673
|
pr: "2",
|
|
3544
3674
|
height: "14px",
|
|
3545
3675
|
align: "center",
|
|
3546
|
-
children: toast.type === "success" ? /* @__PURE__ */ (0,
|
|
3676
|
+
children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons10.CheckCircledIcon, {
|
|
3547
3677
|
color: "var(--accent-9)"
|
|
3548
|
-
}) : /* @__PURE__ */ (0,
|
|
3678
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons10.CrossCircledIcon, {
|
|
3549
3679
|
color: "var(--red-9)"
|
|
3550
3680
|
})
|
|
3551
3681
|
}),
|
|
3552
|
-
/* @__PURE__ */ (0,
|
|
3682
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes43.Text, {
|
|
3553
3683
|
weight: "medium",
|
|
3554
3684
|
size: "1",
|
|
3555
3685
|
children: toast.message
|
|
@@ -3561,7 +3691,7 @@ var CustomToast = function(param) {
|
|
|
3561
3691
|
});
|
|
3562
3692
|
};
|
|
3563
3693
|
// src/components/toasts/ToastsProvider/index.tsx
|
|
3564
|
-
var
|
|
3694
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
3565
3695
|
var ToastsProvider = function(param) {
|
|
3566
3696
|
var children = param.children;
|
|
3567
3697
|
var _ref = _sliced_to_array((0, import_react44.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
|
|
@@ -3572,20 +3702,20 @@ var ToastsProvider = function(param) {
|
|
|
3572
3702
|
]);
|
|
3573
3703
|
});
|
|
3574
3704
|
}, []);
|
|
3575
|
-
return /* @__PURE__ */ (0,
|
|
3705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ToastsContext.Provider, {
|
|
3576
3706
|
value: {
|
|
3577
3707
|
toasts: toasts,
|
|
3578
3708
|
addToast: addToast
|
|
3579
3709
|
},
|
|
3580
|
-
children: /* @__PURE__ */ (0,
|
|
3710
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Toast2.Provider, {
|
|
3581
3711
|
children: [
|
|
3582
3712
|
children,
|
|
3583
3713
|
Array.from(toasts).map(function(toast, index) {
|
|
3584
|
-
return /* @__PURE__ */ (0,
|
|
3714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CustomToast, {
|
|
3585
3715
|
toast: toast
|
|
3586
3716
|
}, index);
|
|
3587
3717
|
}),
|
|
3588
|
-
/* @__PURE__ */ (0,
|
|
3718
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Toast2.Viewport, {
|
|
3589
3719
|
style: {
|
|
3590
3720
|
position: "absolute",
|
|
3591
3721
|
bottom: 0,
|
|
@@ -3607,34 +3737,34 @@ var ToastsProvider = function(param) {
|
|
|
3607
3737
|
});
|
|
3608
3738
|
};
|
|
3609
3739
|
// src/components/threads/ThreadDialog/Root/index.tsx
|
|
3610
|
-
var
|
|
3740
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
3611
3741
|
var Root9 = function(param) {
|
|
3612
3742
|
var children = param.children;
|
|
3613
|
-
return /* @__PURE__ */ (0,
|
|
3614
|
-
children: /* @__PURE__ */ (0,
|
|
3743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ToastsProvider, {
|
|
3744
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Provider3, {
|
|
3615
3745
|
children: children
|
|
3616
3746
|
})
|
|
3617
3747
|
});
|
|
3618
3748
|
};
|
|
3619
3749
|
// src/components/threads/ThreadDialog/Trigger/index.tsx
|
|
3620
|
-
var
|
|
3750
|
+
var import_themes45 = require("@radix-ui/themes");
|
|
3621
3751
|
// src/components/threads/ThreadDialog/Trigger/Button.tsx
|
|
3622
|
-
var
|
|
3752
|
+
var import_themes44 = require("@radix-ui/themes");
|
|
3623
3753
|
var import_react_icons11 = require("@radix-ui/react-icons");
|
|
3624
|
-
var
|
|
3754
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
3625
3755
|
var Button3 = function() {
|
|
3626
|
-
return /* @__PURE__ */ (0,
|
|
3756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.IconButton, {
|
|
3627
3757
|
size: "4",
|
|
3628
3758
|
radius: "full",
|
|
3629
|
-
children: /* @__PURE__ */ (0,
|
|
3759
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.ChatBubbleIcon, {})
|
|
3630
3760
|
});
|
|
3631
3761
|
};
|
|
3632
3762
|
// src/components/threads/ThreadDialog/Trigger/index.tsx
|
|
3633
|
-
var
|
|
3763
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3634
3764
|
var Root10 = function(param) {
|
|
3635
3765
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
3636
3766
|
var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
|
|
3637
|
-
return /* @__PURE__ */ (0,
|
|
3767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Flex, {
|
|
3638
3768
|
display: {
|
|
3639
3769
|
initial: isOpen ? "none" : "flex",
|
|
3640
3770
|
sm: "flex"
|
|
@@ -3658,21 +3788,21 @@ var Root10 = function(param) {
|
|
|
3658
3788
|
});
|
|
3659
3789
|
};
|
|
3660
3790
|
var Trigger = function(args) {
|
|
3661
|
-
return /* @__PURE__ */ (0,
|
|
3662
|
-
children: /* @__PURE__ */ (0,
|
|
3791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
|
|
3792
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button3, {})
|
|
3663
3793
|
}));
|
|
3664
3794
|
};
|
|
3665
3795
|
Trigger.Root = Root10;
|
|
3666
3796
|
Trigger.Button = Button3;
|
|
3667
3797
|
// src/components/threads/ThreadDialog/Content/index.tsx
|
|
3668
|
-
var
|
|
3798
|
+
var import_themes47 = require("@radix-ui/themes");
|
|
3669
3799
|
// src/components/threads/ThreadDialog/Close/index.tsx
|
|
3670
3800
|
var import_react_icons12 = require("@radix-ui/react-icons");
|
|
3671
|
-
var
|
|
3672
|
-
var
|
|
3801
|
+
var import_themes46 = require("@radix-ui/themes");
|
|
3802
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
3673
3803
|
var Close = function() {
|
|
3674
3804
|
var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
|
|
3675
|
-
return /* @__PURE__ */ (0,
|
|
3805
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes46.Flex, {
|
|
3676
3806
|
display: {
|
|
3677
3807
|
initial: isOpen ? "flex" : "none",
|
|
3678
3808
|
sm: "none"
|
|
@@ -3692,20 +3822,20 @@ var Close = function() {
|
|
|
3692
3822
|
style: {
|
|
3693
3823
|
zIndex: 9999999999
|
|
3694
3824
|
},
|
|
3695
|
-
children: /* @__PURE__ */ (0,
|
|
3825
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes46.IconButton, {
|
|
3696
3826
|
size: "2",
|
|
3697
3827
|
variant: "soft",
|
|
3698
|
-
children: /* @__PURE__ */ (0,
|
|
3828
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_icons12.Cross1Icon, {})
|
|
3699
3829
|
})
|
|
3700
3830
|
});
|
|
3701
3831
|
};
|
|
3702
3832
|
// src/components/threads/ThreadDialog/Content/index.tsx
|
|
3703
|
-
var
|
|
3833
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
3704
3834
|
var Root11 = function(param) {
|
|
3705
3835
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
3706
3836
|
var isOpen = useThreadDialogContext().isOpen;
|
|
3707
3837
|
if (!isOpen) return null;
|
|
3708
|
-
return /* @__PURE__ */ (0,
|
|
3838
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes47.Flex, {
|
|
3709
3839
|
direction: "column",
|
|
3710
3840
|
justify: "end",
|
|
3711
3841
|
position: "fixed",
|
|
@@ -3733,7 +3863,7 @@ var Root11 = function(param) {
|
|
|
3733
3863
|
style: _object_spread({
|
|
3734
3864
|
zIndex: 9999999999
|
|
3735
3865
|
}, style),
|
|
3736
|
-
children: /* @__PURE__ */ (0,
|
|
3866
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes47.Card, {
|
|
3737
3867
|
mb: {
|
|
3738
3868
|
initial: void 0,
|
|
3739
3869
|
sm: "3"
|
|
@@ -3744,7 +3874,7 @@ var Root11 = function(param) {
|
|
|
3744
3874
|
flexGrow: 1
|
|
3745
3875
|
},
|
|
3746
3876
|
children: [
|
|
3747
|
-
/* @__PURE__ */ (0,
|
|
3877
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes47.Inset, {
|
|
3748
3878
|
clip: "padding-box",
|
|
3749
3879
|
side: "all",
|
|
3750
3880
|
pb: "current",
|
|
@@ -3754,13 +3884,13 @@ var Root11 = function(param) {
|
|
|
3754
3884
|
},
|
|
3755
3885
|
children: children
|
|
3756
3886
|
}),
|
|
3757
|
-
/* @__PURE__ */ (0,
|
|
3887
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Close, {})
|
|
3758
3888
|
]
|
|
3759
3889
|
})
|
|
3760
3890
|
});
|
|
3761
3891
|
};
|
|
3762
3892
|
var Messages2 = function() {
|
|
3763
|
-
return /* @__PURE__ */ (0,
|
|
3893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Thread.Messages, {
|
|
3764
3894
|
style: {
|
|
3765
3895
|
paddingTop: "var(--space-5)",
|
|
3766
3896
|
paddingRight: "var(--space-5)",
|
|
@@ -3770,7 +3900,7 @@ var Messages2 = function() {
|
|
|
3770
3900
|
};
|
|
3771
3901
|
var FormContainer = function(param) {
|
|
3772
3902
|
var children = param.children;
|
|
3773
|
-
return /* @__PURE__ */ (0,
|
|
3903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes47.Flex, {
|
|
3774
3904
|
direction: "column",
|
|
3775
3905
|
pl: "5",
|
|
3776
3906
|
pr: "5",
|
|
@@ -3779,38 +3909,38 @@ var FormContainer = function(param) {
|
|
|
3779
3909
|
children: children
|
|
3780
3910
|
});
|
|
3781
3911
|
};
|
|
3782
|
-
var
|
|
3912
|
+
var Content5 = function(param) {
|
|
3783
3913
|
var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
3784
|
-
return /* @__PURE__ */ (0,
|
|
3914
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Root11, {
|
|
3785
3915
|
style: style,
|
|
3786
|
-
children: /* @__PURE__ */ (0,
|
|
3916
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Thread.Root, {
|
|
3787
3917
|
children: [
|
|
3788
|
-
/* @__PURE__ */ (0,
|
|
3789
|
-
/* @__PURE__ */ (0,
|
|
3790
|
-
children: /* @__PURE__ */ (0,
|
|
3918
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Messages2, {}),
|
|
3919
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(FormContainer, {
|
|
3920
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Thread.MessageForm, {})
|
|
3791
3921
|
})
|
|
3792
3922
|
]
|
|
3793
3923
|
})
|
|
3794
3924
|
});
|
|
3795
3925
|
};
|
|
3796
|
-
|
|
3797
|
-
|
|
3798
|
-
|
|
3926
|
+
Content5.Root = Root11;
|
|
3927
|
+
Content5.Messages = Messages2;
|
|
3928
|
+
Content5.FormContainer = FormContainer;
|
|
3799
3929
|
// src/components/threads/ThreadDialog/index.tsx
|
|
3800
|
-
var
|
|
3930
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3801
3931
|
var ThreadDialog = function() {
|
|
3802
|
-
return /* @__PURE__ */ (0,
|
|
3932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Root9, {
|
|
3803
3933
|
children: [
|
|
3804
|
-
/* @__PURE__ */ (0,
|
|
3805
|
-
/* @__PURE__ */ (0,
|
|
3934
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Content5, {}),
|
|
3935
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Trigger, {})
|
|
3806
3936
|
]
|
|
3807
3937
|
});
|
|
3808
3938
|
};
|
|
3809
3939
|
ThreadDialog.Root = Root9;
|
|
3810
3940
|
ThreadDialog.Trigger = Trigger;
|
|
3811
|
-
ThreadDialog.Content =
|
|
3941
|
+
ThreadDialog.Content = Content5;
|
|
3812
3942
|
// src/components/threads/AudioThread/Root/index.tsx
|
|
3813
|
-
var
|
|
3943
|
+
var import_themes48 = require("@radix-ui/themes");
|
|
3814
3944
|
// src/contexts/threads/AudioThreadContext/index.ts
|
|
3815
3945
|
var import_react45 = require("react");
|
|
3816
3946
|
var AudioThreadContext = (0, import_react45.createContext)({
|
|
@@ -4318,7 +4448,7 @@ var useMessageAudio = function(param) {
|
|
|
4318
4448
|
});
|
|
4319
4449
|
};
|
|
4320
4450
|
// src/components/threads/AudioThread/Root/index.tsx
|
|
4321
|
-
var
|
|
4451
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
4322
4452
|
var Root12 = function(param) {
|
|
4323
4453
|
var children = param.children;
|
|
4324
4454
|
var createMessageProps = useCreateMessage();
|
|
@@ -4376,13 +4506,13 @@ var Root12 = function(param) {
|
|
|
4376
4506
|
createMessageProps: createMessageProps,
|
|
4377
4507
|
messageAudioProps: messageAudioProps
|
|
4378
4508
|
}).status;
|
|
4379
|
-
return /* @__PURE__ */ (0,
|
|
4509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AudioThreadContext.Provider, {
|
|
4380
4510
|
value: {
|
|
4381
4511
|
status: status,
|
|
4382
4512
|
recorderProps: recorderProps,
|
|
4383
4513
|
messageAudioProps: messageAudioProps
|
|
4384
4514
|
},
|
|
4385
|
-
children: /* @__PURE__ */ (0,
|
|
4515
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes48.Flex, {
|
|
4386
4516
|
direction: "column",
|
|
4387
4517
|
flexGrow: "1",
|
|
4388
4518
|
p: "9",
|
|
@@ -4393,7 +4523,7 @@ var Root12 = function(param) {
|
|
|
4393
4523
|
// src/components/threads/AudioThread/Visualization/index.tsx
|
|
4394
4524
|
var import_react53 = require("react");
|
|
4395
4525
|
var import_lodash9 = __toESM(require("lodash"), 1);
|
|
4396
|
-
var
|
|
4526
|
+
var import_themes50 = require("@radix-ui/themes");
|
|
4397
4527
|
// src/hooks/threads/useAudioThreadContext/index.ts
|
|
4398
4528
|
var import_react51 = require("react");
|
|
4399
4529
|
var useAudioThreadContext = function() {
|
|
@@ -4401,10 +4531,10 @@ var useAudioThreadContext = function() {
|
|
|
4401
4531
|
};
|
|
4402
4532
|
// src/components/threads/AudioThread/BarsVisualizer/index.tsx
|
|
4403
4533
|
var import_lodash8 = __toESM(require("lodash"), 1);
|
|
4404
|
-
var
|
|
4534
|
+
var import_themes49 = require("@radix-ui/themes");
|
|
4405
4535
|
var import_react52 = require("react");
|
|
4406
4536
|
var import_radash16 = require("radash");
|
|
4407
|
-
var
|
|
4537
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
4408
4538
|
var barCount = 4;
|
|
4409
4539
|
var BarsVisualizer = function(param) {
|
|
4410
4540
|
var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
|
|
@@ -4435,7 +4565,7 @@ var BarsVisualizer = function(param) {
|
|
|
4435
4565
|
draw,
|
|
4436
4566
|
visualizationAnalyser
|
|
4437
4567
|
]);
|
|
4438
|
-
return /* @__PURE__ */ (0,
|
|
4568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes49.Grid, {
|
|
4439
4569
|
columns: "".concat(barCount),
|
|
4440
4570
|
gap: "1",
|
|
4441
4571
|
width: "auto",
|
|
@@ -4444,12 +4574,12 @@ var BarsVisualizer = function(param) {
|
|
|
4444
4574
|
gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
|
|
4445
4575
|
},
|
|
4446
4576
|
children: barHeights.map(function(barHeight, index) {
|
|
4447
|
-
return /* @__PURE__ */ (0,
|
|
4577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes49.Flex, {
|
|
4448
4578
|
direction: "column",
|
|
4449
4579
|
align: "center",
|
|
4450
4580
|
justify: "center",
|
|
4451
4581
|
height: height,
|
|
4452
|
-
children: /* @__PURE__ */ (0,
|
|
4582
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes49.Flex, {
|
|
4453
4583
|
minHeight: "50%",
|
|
4454
4584
|
maxHeight: "100%",
|
|
4455
4585
|
height: "".concat(barHeight + 20, "%"),
|
|
@@ -4464,7 +4594,7 @@ var BarsVisualizer = function(param) {
|
|
|
4464
4594
|
});
|
|
4465
4595
|
};
|
|
4466
4596
|
// src/components/threads/AudioThread/Visualization/index.tsx
|
|
4467
|
-
var
|
|
4597
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
4468
4598
|
var Visualization = function() {
|
|
4469
4599
|
var audioThreadContext = useAudioThreadContext();
|
|
4470
4600
|
var assistantNameContext = (0, import_react53.useContext)(AssistantNameContext);
|
|
@@ -4492,14 +4622,14 @@ var Visualization = function() {
|
|
|
4492
4622
|
draw,
|
|
4493
4623
|
audioThreadContext
|
|
4494
4624
|
]);
|
|
4495
|
-
return /* @__PURE__ */ (0,
|
|
4625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes50.Flex, {
|
|
4496
4626
|
direction: "column",
|
|
4497
4627
|
align: "center",
|
|
4498
4628
|
justify: "center",
|
|
4499
4629
|
mb: "3",
|
|
4500
4630
|
flexGrow: "1",
|
|
4501
4631
|
children: [
|
|
4502
|
-
/* @__PURE__ */ (0,
|
|
4632
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes50.Flex, {
|
|
4503
4633
|
align: "center",
|
|
4504
4634
|
justify: "center",
|
|
4505
4635
|
height: "200px",
|
|
@@ -4509,20 +4639,20 @@ var Visualization = function() {
|
|
|
4509
4639
|
borderRadius: "9999px",
|
|
4510
4640
|
scale: scale
|
|
4511
4641
|
},
|
|
4512
|
-
children: /* @__PURE__ */ (0,
|
|
4642
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(BarsVisualizer, {
|
|
4513
4643
|
visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
|
|
4514
4644
|
backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
|
|
4515
4645
|
height: "40px",
|
|
4516
4646
|
barWidth: "24px"
|
|
4517
4647
|
})
|
|
4518
4648
|
}),
|
|
4519
|
-
/* @__PURE__ */ (0,
|
|
4649
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes50.Flex, {
|
|
4520
4650
|
ml: "-22.5px",
|
|
4521
4651
|
gap: "3",
|
|
4522
4652
|
pt: "5",
|
|
4523
4653
|
children: [
|
|
4524
|
-
/* @__PURE__ */ (0,
|
|
4525
|
-
/* @__PURE__ */ (0,
|
|
4654
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(AssistantAvatar, {}),
|
|
4655
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Name, {
|
|
4526
4656
|
children: assistantNameContext
|
|
4527
4657
|
})
|
|
4528
4658
|
]
|
|
@@ -4531,8 +4661,8 @@ var Visualization = function() {
|
|
|
4531
4661
|
});
|
|
4532
4662
|
};
|
|
4533
4663
|
// src/components/threads/AudioThread/Status/StatusMessages.tsx
|
|
4534
|
-
var
|
|
4535
|
-
var
|
|
4664
|
+
var import_themes51 = require("@radix-ui/themes");
|
|
4665
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
4536
4666
|
var html = function(param) {
|
|
4537
4667
|
var texts = param.texts;
|
|
4538
4668
|
return "\n .status-messages-texts:after {\n content: '".concat(texts[0], "';\n animation: texts ").concat(texts.length * 5, "s linear infinite;\n }\n\n @keyframes texts {\n ").concat(texts.map(function(_10, i) {
|
|
@@ -4541,17 +4671,17 @@ var html = function(param) {
|
|
|
4541
4671
|
};
|
|
4542
4672
|
var StatusMessages = function(param) {
|
|
4543
4673
|
var texts = param.texts;
|
|
4544
|
-
return /* @__PURE__ */ (0,
|
|
4674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes51.Flex, {
|
|
4545
4675
|
justify: "center",
|
|
4546
4676
|
pb: "5",
|
|
4547
4677
|
children: [
|
|
4548
|
-
/* @__PURE__ */ (0,
|
|
4678
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes51.Text, {
|
|
4549
4679
|
size: "2",
|
|
4550
4680
|
weight: "regular",
|
|
4551
4681
|
color: "gray",
|
|
4552
4682
|
className: "status-messages-texts"
|
|
4553
4683
|
}),
|
|
4554
|
-
/* @__PURE__ */ (0,
|
|
4684
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("style", {
|
|
4555
4685
|
dangerouslySetInnerHTML: {
|
|
4556
4686
|
__html: html({
|
|
4557
4687
|
texts: texts
|
|
@@ -4562,11 +4692,11 @@ var StatusMessages = function(param) {
|
|
|
4562
4692
|
});
|
|
4563
4693
|
};
|
|
4564
4694
|
// src/components/threads/AudioThread/Status/index.tsx
|
|
4565
|
-
var
|
|
4695
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
4566
4696
|
var Status = function() {
|
|
4567
4697
|
var audioThreadContext = useAudioThreadContext();
|
|
4568
4698
|
if (audioThreadContext.status === "recording") {
|
|
4569
|
-
return /* @__PURE__ */ (0,
|
|
4699
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StatusMessages, {
|
|
4570
4700
|
texts: [
|
|
4571
4701
|
"Start speaking",
|
|
4572
4702
|
"Listening",
|
|
@@ -4580,31 +4710,31 @@ var Status = function() {
|
|
|
4580
4710
|
"idle",
|
|
4581
4711
|
"playerPaused"
|
|
4582
4712
|
].includes(audioThreadContext.status)) {
|
|
4583
|
-
return /* @__PURE__ */ (0,
|
|
4713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StatusMessages, {
|
|
4584
4714
|
texts: [
|
|
4585
4715
|
"Click the button below to activate"
|
|
4586
4716
|
]
|
|
4587
4717
|
});
|
|
4588
4718
|
}
|
|
4589
4719
|
if (audioThreadContext.status === "playing") {
|
|
4590
|
-
return /* @__PURE__ */ (0,
|
|
4720
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StatusMessages, {
|
|
4591
4721
|
texts: [
|
|
4592
4722
|
"Click the button below to interrupt"
|
|
4593
4723
|
]
|
|
4594
4724
|
});
|
|
4595
4725
|
}
|
|
4596
|
-
return /* @__PURE__ */ (0,
|
|
4726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StatusMessages, {
|
|
4597
4727
|
texts: [
|
|
4598
4728
|
"Thinking"
|
|
4599
4729
|
]
|
|
4600
4730
|
});
|
|
4601
4731
|
};
|
|
4602
4732
|
// src/components/threads/AudioThread/Form/index.tsx
|
|
4603
|
-
var
|
|
4733
|
+
var import_themes53 = require("@radix-ui/themes");
|
|
4604
4734
|
// src/components/threads/AudioThread/Form/MicIcon.tsx
|
|
4605
|
-
var
|
|
4735
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
4606
4736
|
var MicIcon = function(props) {
|
|
4607
|
-
return /* @__PURE__ */ (0,
|
|
4737
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("svg", _object_spread_props(_object_spread({
|
|
4608
4738
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4609
4739
|
fill: "currentColor",
|
|
4610
4740
|
stroke: "currentColor",
|
|
@@ -4613,54 +4743,54 @@ var MicIcon = function(props) {
|
|
|
4613
4743
|
height: "15",
|
|
4614
4744
|
width: "15"
|
|
4615
4745
|
}, props), {
|
|
4616
|
-
children: /* @__PURE__ */ (0,
|
|
4746
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", {
|
|
4617
4747
|
stroke: "none",
|
|
4618
4748
|
d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
|
|
4619
4749
|
})
|
|
4620
4750
|
}));
|
|
4621
4751
|
};
|
|
4622
4752
|
// src/components/threads/AudioThread/Form/ActionButton/index.tsx
|
|
4623
|
-
var
|
|
4753
|
+
var import_themes52 = require("@radix-ui/themes");
|
|
4624
4754
|
var import_react_icons13 = require("@radix-ui/react-icons");
|
|
4625
|
-
var
|
|
4755
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
4626
4756
|
var ActionButton = function() {
|
|
4627
4757
|
var audioThreadContext = useAudioThreadContext();
|
|
4628
4758
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
4629
4759
|
if (audioThreadContext.status === "recording") {
|
|
4630
|
-
return /* @__PURE__ */ (0,
|
|
4760
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_themes52.Flex, {
|
|
4631
4761
|
align: "center",
|
|
4632
4762
|
children: [
|
|
4633
|
-
/* @__PURE__ */ (0,
|
|
4763
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.Flex, {
|
|
4634
4764
|
mr: "3",
|
|
4635
4765
|
ml: "-7",
|
|
4636
|
-
children: /* @__PURE__ */ (0,
|
|
4766
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4637
4767
|
onClick: audioThreadContext.recorderProps.pause,
|
|
4638
4768
|
color: "gray",
|
|
4639
4769
|
variant: "soft",
|
|
4640
4770
|
size: "1",
|
|
4641
|
-
children: /* @__PURE__ */ (0,
|
|
4771
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.PauseIcon, {})
|
|
4642
4772
|
})
|
|
4643
4773
|
}),
|
|
4644
|
-
/* @__PURE__ */ (0,
|
|
4774
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4645
4775
|
onClick: audioThreadContext.recorderProps.stop,
|
|
4646
4776
|
highContrast: true,
|
|
4647
4777
|
variant: "soft",
|
|
4648
4778
|
size: "4",
|
|
4649
|
-
children: /* @__PURE__ */ (0,
|
|
4779
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.ArrowUpIcon, {})
|
|
4650
4780
|
})
|
|
4651
4781
|
]
|
|
4652
4782
|
});
|
|
4653
4783
|
}
|
|
4654
4784
|
if (audioThreadContext.status === "recorderPaused") {
|
|
4655
|
-
return /* @__PURE__ */ (0,
|
|
4785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4656
4786
|
onClick: audioThreadContext.recorderProps.resume,
|
|
4657
4787
|
color: "red",
|
|
4658
4788
|
size: "4",
|
|
4659
|
-
children: /* @__PURE__ */ (0,
|
|
4789
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.ResumeIcon, {})
|
|
4660
4790
|
});
|
|
4661
4791
|
}
|
|
4662
4792
|
if (audioThreadContext.status === "idle") {
|
|
4663
|
-
return /* @__PURE__ */ (0,
|
|
4793
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4664
4794
|
onClick: function() {
|
|
4665
4795
|
return audioThreadContext.recorderProps.start();
|
|
4666
4796
|
},
|
|
@@ -4669,7 +4799,7 @@ var ActionButton = function() {
|
|
|
4669
4799
|
});
|
|
4670
4800
|
}
|
|
4671
4801
|
if (audioThreadContext.status === "playing") {
|
|
4672
|
-
return /* @__PURE__ */ (0,
|
|
4802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4673
4803
|
onClick: function() {
|
|
4674
4804
|
var _superinterfaceContext_createMessageAbortControllerRef_current;
|
|
4675
4805
|
audioThreadContext.messageAudioProps.stop();
|
|
@@ -4679,54 +4809,54 @@ var ActionButton = function() {
|
|
|
4679
4809
|
size: "4",
|
|
4680
4810
|
color: "gray",
|
|
4681
4811
|
variant: "soft",
|
|
4682
|
-
children: /* @__PURE__ */ (0,
|
|
4812
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.StopIcon, {})
|
|
4683
4813
|
});
|
|
4684
4814
|
}
|
|
4685
4815
|
if (audioThreadContext.status === "playerPaused") {
|
|
4686
|
-
return /* @__PURE__ */ (0,
|
|
4816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4687
4817
|
onClick: function() {
|
|
4688
4818
|
return audioThreadContext.messageAudioProps.play();
|
|
4689
4819
|
},
|
|
4690
4820
|
size: "4",
|
|
4691
|
-
children: /* @__PURE__ */ (0,
|
|
4821
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.ResumeIcon, {})
|
|
4692
4822
|
});
|
|
4693
4823
|
}
|
|
4694
|
-
return /* @__PURE__ */ (0,
|
|
4824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4695
4825
|
size: "4",
|
|
4696
4826
|
variant: "soft",
|
|
4697
4827
|
disabled: true
|
|
4698
4828
|
});
|
|
4699
4829
|
};
|
|
4700
4830
|
// src/components/threads/AudioThread/Form/index.tsx
|
|
4701
|
-
var
|
|
4831
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
4702
4832
|
var Form = function() {
|
|
4703
4833
|
var audioThreadContext = useAudioThreadContext();
|
|
4704
|
-
return /* @__PURE__ */ (0,
|
|
4834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes53.Flex, {
|
|
4705
4835
|
direction: "column",
|
|
4706
4836
|
align: "center",
|
|
4707
4837
|
children: [
|
|
4708
|
-
/* @__PURE__ */ (0,
|
|
4838
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes53.Flex, {
|
|
4709
4839
|
pb: "3",
|
|
4710
4840
|
align: "center",
|
|
4711
4841
|
children: [
|
|
4712
|
-
/* @__PURE__ */ (0,
|
|
4842
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.Flex, {
|
|
4713
4843
|
ml: "-22.5px",
|
|
4714
4844
|
mr: "2",
|
|
4715
4845
|
align: "center",
|
|
4716
|
-
children: /* @__PURE__ */ (0,
|
|
4846
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MicIcon, {
|
|
4717
4847
|
style: {
|
|
4718
4848
|
color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
|
|
4719
4849
|
}
|
|
4720
4850
|
})
|
|
4721
4851
|
}),
|
|
4722
|
-
/* @__PURE__ */ (0,
|
|
4852
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.Flex, {
|
|
4723
4853
|
px: "2",
|
|
4724
4854
|
py: "1",
|
|
4725
4855
|
style: {
|
|
4726
4856
|
backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
|
|
4727
4857
|
borderRadius: "var(--radius-6)"
|
|
4728
4858
|
},
|
|
4729
|
-
children: /* @__PURE__ */ (0,
|
|
4859
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BarsVisualizer, {
|
|
4730
4860
|
visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
|
|
4731
4861
|
backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
|
|
4732
4862
|
height: "20px",
|
|
@@ -4735,18 +4865,18 @@ var Form = function() {
|
|
|
4735
4865
|
})
|
|
4736
4866
|
]
|
|
4737
4867
|
}),
|
|
4738
|
-
/* @__PURE__ */ (0,
|
|
4868
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ActionButton, {})
|
|
4739
4869
|
]
|
|
4740
4870
|
});
|
|
4741
4871
|
};
|
|
4742
4872
|
// src/components/threads/AudioThread/index.tsx
|
|
4743
|
-
var
|
|
4873
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
4744
4874
|
var AudioThread = function(props) {
|
|
4745
|
-
return /* @__PURE__ */ (0,
|
|
4875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
|
|
4746
4876
|
children: [
|
|
4747
|
-
/* @__PURE__ */ (0,
|
|
4748
|
-
/* @__PURE__ */ (0,
|
|
4749
|
-
/* @__PURE__ */ (0,
|
|
4877
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Visualization, {}),
|
|
4878
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Status, {}),
|
|
4879
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Form, {})
|
|
4750
4880
|
]
|
|
4751
4881
|
}));
|
|
4752
4882
|
};
|
|
@@ -4754,35 +4884,35 @@ AudioThread.Root = Root12;
|
|
|
4754
4884
|
AudioThread.Visualization = Visualization;
|
|
4755
4885
|
AudioThread.Form = Form;
|
|
4756
4886
|
// src/components/threads/AudioThreadDialog/index.tsx
|
|
4757
|
-
var
|
|
4887
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
4758
4888
|
var AudioThreadDialog = function() {
|
|
4759
|
-
return /* @__PURE__ */ (0,
|
|
4889
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Root9, {
|
|
4760
4890
|
children: [
|
|
4761
|
-
/* @__PURE__ */ (0,
|
|
4762
|
-
children: /* @__PURE__ */ (0,
|
|
4891
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Content5.Root, {
|
|
4892
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(AudioThread, {})
|
|
4763
4893
|
}),
|
|
4764
|
-
/* @__PURE__ */ (0,
|
|
4894
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Trigger, {})
|
|
4765
4895
|
]
|
|
4766
4896
|
});
|
|
4767
4897
|
};
|
|
4768
4898
|
AudioThreadDialog.Root = Root9;
|
|
4769
4899
|
AudioThreadDialog.Trigger = Trigger;
|
|
4770
|
-
AudioThreadDialog.Content =
|
|
4900
|
+
AudioThreadDialog.Content = Content5;
|
|
4771
4901
|
// src/components/suggestions/Suggestions/index.tsx
|
|
4772
4902
|
var import_react55 = require("react");
|
|
4773
4903
|
// src/components/suggestions/Suggestions/Content.tsx
|
|
4774
4904
|
var import_react54 = require("react");
|
|
4775
4905
|
var import_radash17 = require("radash");
|
|
4776
4906
|
var import_react_children_utilities = require("react-children-utilities");
|
|
4777
|
-
var
|
|
4907
|
+
var import_themes55 = require("@radix-ui/themes");
|
|
4778
4908
|
// src/components/suggestions/Suggestions/Item.tsx
|
|
4779
4909
|
var import_react_icons14 = require("@radix-ui/react-icons");
|
|
4780
|
-
var
|
|
4781
|
-
var
|
|
4910
|
+
var import_themes54 = require("@radix-ui/themes");
|
|
4911
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
4782
4912
|
var Item = function(param) {
|
|
4783
4913
|
var suggestion = param.suggestion, isDisabled = param.isDisabled;
|
|
4784
4914
|
var _useCreateMessage = useCreateMessage(), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
|
|
4785
|
-
return /* @__PURE__ */ (0,
|
|
4915
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Content6, {
|
|
4786
4916
|
onClick: function() {
|
|
4787
4917
|
createMessage({
|
|
4788
4918
|
// @ts-ignore-next-line
|
|
@@ -4794,9 +4924,9 @@ var Item = function(param) {
|
|
|
4794
4924
|
children: suggestion
|
|
4795
4925
|
});
|
|
4796
4926
|
};
|
|
4797
|
-
var
|
|
4927
|
+
var Content6 = function(param) {
|
|
4798
4928
|
var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
|
|
4799
|
-
return /* @__PURE__ */ (0,
|
|
4929
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_themes54.Button, {
|
|
4800
4930
|
variant: "soft",
|
|
4801
4931
|
onClick: onClick,
|
|
4802
4932
|
disabled: isDisabled,
|
|
@@ -4806,14 +4936,14 @@ var Content5 = function(param) {
|
|
|
4806
4936
|
flexShrink: 1
|
|
4807
4937
|
},
|
|
4808
4938
|
children: [
|
|
4809
|
-
/* @__PURE__ */ (0,
|
|
4939
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes54.Text, {
|
|
4810
4940
|
size: "1",
|
|
4811
4941
|
weight: "regular",
|
|
4812
4942
|
children: children
|
|
4813
4943
|
}),
|
|
4814
|
-
/* @__PURE__ */ (0,
|
|
4944
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes54.Spinner, {
|
|
4815
4945
|
loading: isPending,
|
|
4816
|
-
children: /* @__PURE__ */ (0,
|
|
4946
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_icons14.ArrowUpIcon, {
|
|
4817
4947
|
style: {
|
|
4818
4948
|
flexShrink: 0
|
|
4819
4949
|
}
|
|
@@ -4822,10 +4952,10 @@ var Content5 = function(param) {
|
|
|
4822
4952
|
]
|
|
4823
4953
|
});
|
|
4824
4954
|
};
|
|
4825
|
-
Item.Content =
|
|
4955
|
+
Item.Content = Content6;
|
|
4826
4956
|
// src/components/suggestions/Suggestions/Content.tsx
|
|
4827
|
-
var
|
|
4828
|
-
var
|
|
4957
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
4958
|
+
var Content7 = function(param) {
|
|
4829
4959
|
var children = param.children;
|
|
4830
4960
|
var isMutatingMessage = useIsMutatingMessage();
|
|
4831
4961
|
var suggestions = (0, import_react54.useMemo)(function() {
|
|
@@ -4838,12 +4968,12 @@ var Content6 = function(param) {
|
|
|
4838
4968
|
children
|
|
4839
4969
|
]);
|
|
4840
4970
|
if ((0, import_radash17.isEmpty)(suggestions)) return null;
|
|
4841
|
-
return /* @__PURE__ */ (0,
|
|
4971
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes55.Flex, {
|
|
4842
4972
|
gap: "2",
|
|
4843
4973
|
py: "2",
|
|
4844
4974
|
wrap: "wrap",
|
|
4845
4975
|
children: suggestions.map(function(suggestion) {
|
|
4846
|
-
return /* @__PURE__ */ (0,
|
|
4976
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Item, {
|
|
4847
4977
|
suggestion: suggestion,
|
|
4848
4978
|
isDisabled: isMutatingMessage
|
|
4849
4979
|
}, suggestion);
|
|
@@ -4851,7 +4981,7 @@ var Content6 = function(param) {
|
|
|
4851
4981
|
});
|
|
4852
4982
|
};
|
|
4853
4983
|
// src/components/suggestions/Suggestions/index.tsx
|
|
4854
|
-
var
|
|
4984
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
4855
4985
|
var Suggestions = function(param) {
|
|
4856
4986
|
var children = param.children;
|
|
4857
4987
|
var latestMessageProps = useLatestMessage();
|
|
@@ -4864,14 +4994,14 @@ var Suggestions = function(param) {
|
|
|
4864
4994
|
]);
|
|
4865
4995
|
if (latestMessageProps.isLoading) return null;
|
|
4866
4996
|
if (isDisabled) return null;
|
|
4867
|
-
return /* @__PURE__ */ (0,
|
|
4997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Content7, {
|
|
4868
4998
|
children: children
|
|
4869
4999
|
});
|
|
4870
5000
|
};
|
|
4871
5001
|
Suggestions.Item = Item;
|
|
4872
5002
|
// src/components/markdown/MarkdownProvider/index.tsx
|
|
4873
5003
|
var import_react56 = require("react");
|
|
4874
|
-
var
|
|
5004
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
4875
5005
|
var MarkdownProvider = function(_param) {
|
|
4876
5006
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
4877
5007
|
"children"
|
|
@@ -4883,15 +5013,15 @@ var MarkdownProvider = function(_param) {
|
|
|
4883
5013
|
rest,
|
|
4884
5014
|
prevMarkdownContext
|
|
4885
5015
|
]);
|
|
4886
|
-
return /* @__PURE__ */ (0,
|
|
5016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(MarkdownContext.Provider, {
|
|
4887
5017
|
value: value,
|
|
4888
5018
|
children: children
|
|
4889
5019
|
});
|
|
4890
5020
|
};
|
|
4891
5021
|
// src/components/avatars/Avatar.tsx
|
|
4892
|
-
var
|
|
5022
|
+
var import_themes58 = require("@radix-ui/themes");
|
|
4893
5023
|
// src/components/imageAvatars/ImageAvatar/index.tsx
|
|
4894
|
-
var
|
|
5024
|
+
var import_themes56 = require("@radix-ui/themes");
|
|
4895
5025
|
// src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
|
|
4896
5026
|
var width = function(param) {
|
|
4897
5027
|
var size = param.size;
|
|
@@ -4942,11 +5072,11 @@ var optimizedSrc = function(param) {
|
|
|
4942
5072
|
}));
|
|
4943
5073
|
};
|
|
4944
5074
|
// src/components/imageAvatars/ImageAvatar/index.tsx
|
|
4945
|
-
var
|
|
5075
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
4946
5076
|
var ImageAvatar = function(param) {
|
|
4947
5077
|
var imageAvatar = param.imageAvatar, size = param.size;
|
|
4948
5078
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
4949
|
-
return /* @__PURE__ */ (0,
|
|
5079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes56.Avatar, {
|
|
4950
5080
|
fallback: "",
|
|
4951
5081
|
src: optimizedSrc({
|
|
4952
5082
|
imageAvatar: imageAvatar,
|
|
@@ -4958,13 +5088,13 @@ var ImageAvatar = function(param) {
|
|
|
4958
5088
|
};
|
|
4959
5089
|
// src/components/iconAvatars/IconAvatar.tsx
|
|
4960
5090
|
var import_react57 = require("react");
|
|
4961
|
-
var
|
|
5091
|
+
var import_themes57 = require("@radix-ui/themes");
|
|
4962
5092
|
// src/lib/iconAvatars/iconAvatarComponents.ts
|
|
4963
5093
|
var import_react_icons15 = require("@radix-ui/react-icons");
|
|
4964
5094
|
var _obj;
|
|
4965
5095
|
var iconAvatarComponents = (_obj = {}, _define_property(_obj, "BACKPACK" /* BACKPACK */ , import_react_icons15.BackpackIcon), _define_property(_obj, "ROCKET" /* ROCKET */ , import_react_icons15.RocketIcon), _define_property(_obj, "MAGIC_WAND" /* MAGIC_WAND */ , import_react_icons15.MagicWandIcon), _define_property(_obj, "CUBE" /* CUBE */ , import_react_icons15.CubeIcon), _define_property(_obj, "TARGET" /* TARGET */ , import_react_icons15.TargetIcon), _define_property(_obj, "DISC" /* DISC */ , import_react_icons15.DiscIcon), _define_property(_obj, "GLOBE" /* GLOBE */ , import_react_icons15.GlobeIcon), _define_property(_obj, "STAR" /* STAR */ , import_react_icons15.StarIcon), _define_property(_obj, "LIGHTNING_BOLT" /* LIGHTNING_BOLT */ , import_react_icons15.LightningBoltIcon), _define_property(_obj, "FACE" /* FACE */ , import_react_icons15.FaceIcon), _define_property(_obj, "PERSON" /* PERSON */ , import_react_icons15.PersonIcon), _define_property(_obj, "HEART" /* HEART */ , import_react_icons15.HeartIcon), _obj);
|
|
4966
5096
|
// src/components/iconAvatars/IconAvatar.tsx
|
|
4967
|
-
var
|
|
5097
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
4968
5098
|
var IconAvatar = function(param) {
|
|
4969
5099
|
var iconAvatar = param.iconAvatar, size = param.size;
|
|
4970
5100
|
var Component = (0, import_react57.useMemo)(function() {
|
|
@@ -4972,30 +5102,30 @@ var IconAvatar = function(param) {
|
|
|
4972
5102
|
}, [
|
|
4973
5103
|
iconAvatar
|
|
4974
5104
|
]);
|
|
4975
|
-
return /* @__PURE__ */ (0,
|
|
5105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes57.Avatar, {
|
|
4976
5106
|
size: size,
|
|
4977
|
-
fallback: Component ? /* @__PURE__ */ (0,
|
|
5107
|
+
fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Component, {}) : ""
|
|
4978
5108
|
});
|
|
4979
5109
|
};
|
|
4980
5110
|
// src/components/avatars/Avatar.tsx
|
|
4981
|
-
var
|
|
5111
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
4982
5112
|
var Avatar6 = function(param) {
|
|
4983
5113
|
var avatar = param.avatar, _param_size = param.size, size = _param_size === void 0 ? "1" : _param_size;
|
|
4984
5114
|
if (avatar) {
|
|
4985
5115
|
if (avatar.type === "IMAGE" /* IMAGE */ && avatar.imageAvatar) {
|
|
4986
|
-
return /* @__PURE__ */ (0,
|
|
5116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ImageAvatar, {
|
|
4987
5117
|
imageAvatar: avatar.imageAvatar,
|
|
4988
5118
|
size: size
|
|
4989
5119
|
});
|
|
4990
5120
|
}
|
|
4991
5121
|
if (avatar.type === "ICON" /* ICON */ && avatar.iconAvatar) {
|
|
4992
|
-
return /* @__PURE__ */ (0,
|
|
5122
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(IconAvatar, {
|
|
4993
5123
|
iconAvatar: avatar.iconAvatar,
|
|
4994
5124
|
size: size
|
|
4995
5125
|
});
|
|
4996
5126
|
}
|
|
4997
5127
|
}
|
|
4998
|
-
return /* @__PURE__ */ (0,
|
|
5128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes58.Avatar, {
|
|
4999
5129
|
fallback: "",
|
|
5000
5130
|
size: size
|
|
5001
5131
|
});
|
|
@@ -5008,7 +5138,7 @@ var useComponents = function() {
|
|
|
5008
5138
|
return (0, import_react58.useContext)(ComponentsContext);
|
|
5009
5139
|
};
|
|
5010
5140
|
// src/components/components/ComponentsProvider.tsx
|
|
5011
|
-
var
|
|
5141
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
5012
5142
|
var ComponentsProvider = function(_param) {
|
|
5013
5143
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
5014
5144
|
"children"
|
|
@@ -5020,7 +5150,7 @@ var ComponentsProvider = function(_param) {
|
|
|
5020
5150
|
rest,
|
|
5021
5151
|
prevComponents
|
|
5022
5152
|
]);
|
|
5023
|
-
return /* @__PURE__ */ (0,
|
|
5153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ComponentsContext.Provider, {
|
|
5024
5154
|
value: value,
|
|
5025
5155
|
children: children
|
|
5026
5156
|
});
|