@superinterface/react 2.19.3 → 2.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +488 -402
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -4
- package/dist/index.d.ts +6 -4
- package/dist/index.js +483 -397
- 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
|
})
|
|
@@ -1328,15 +1369,15 @@ var import_react23 = require("react");
|
|
|
1328
1369
|
// src/contexts/markdown/MarkdownContext/index.ts
|
|
1329
1370
|
var import_react22 = require("react");
|
|
1330
1371
|
// src/contexts/markdown/MarkdownContext/lib/components/index.tsx
|
|
1331
|
-
var
|
|
1372
|
+
var import_themes28 = require("@radix-ui/themes");
|
|
1332
1373
|
// src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
|
|
1333
|
-
var
|
|
1334
|
-
var
|
|
1374
|
+
var import_themes18 = require("@radix-ui/themes");
|
|
1375
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1335
1376
|
var Paragraph = function(param) {
|
|
1336
1377
|
var children = param.children;
|
|
1337
|
-
return /* @__PURE__ */ (0,
|
|
1378
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Box, {
|
|
1338
1379
|
pb: "3",
|
|
1339
|
-
children: /* @__PURE__ */ (0,
|
|
1380
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Text, {
|
|
1340
1381
|
size: "3",
|
|
1341
1382
|
style: {
|
|
1342
1383
|
whiteSpace: "pre-line",
|
|
@@ -1347,24 +1388,26 @@ var Paragraph = function(param) {
|
|
|
1347
1388
|
});
|
|
1348
1389
|
};
|
|
1349
1390
|
// src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
|
|
1350
|
-
var
|
|
1351
|
-
var
|
|
1391
|
+
var import_themes19 = require("@radix-ui/themes");
|
|
1392
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
1352
1393
|
var Link = function(param) {
|
|
1353
|
-
var children = param.children, href = param.href;
|
|
1354
|
-
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, {
|
|
1355
1396
|
href: href,
|
|
1397
|
+
target: target,
|
|
1398
|
+
download: download,
|
|
1356
1399
|
children: children
|
|
1357
1400
|
});
|
|
1358
1401
|
};
|
|
1359
1402
|
// src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
|
|
1360
|
-
var
|
|
1361
|
-
var
|
|
1403
|
+
var import_themes20 = require("@radix-ui/themes");
|
|
1404
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
1362
1405
|
var UnorderedList = function(param) {
|
|
1363
1406
|
var children = param.children;
|
|
1364
|
-
return /* @__PURE__ */ (0,
|
|
1407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes20.Box, {
|
|
1365
1408
|
pb: "3",
|
|
1366
1409
|
asChild: true,
|
|
1367
|
-
children: /* @__PURE__ */ (0,
|
|
1410
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", {
|
|
1368
1411
|
style: {
|
|
1369
1412
|
listStylePosition: "inside"
|
|
1370
1413
|
},
|
|
@@ -1373,14 +1416,14 @@ var UnorderedList = function(param) {
|
|
|
1373
1416
|
});
|
|
1374
1417
|
};
|
|
1375
1418
|
// src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
|
|
1376
|
-
var
|
|
1377
|
-
var
|
|
1419
|
+
var import_themes21 = require("@radix-ui/themes");
|
|
1420
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
1378
1421
|
var OrderedList = function(param) {
|
|
1379
1422
|
var children = param.children;
|
|
1380
|
-
return /* @__PURE__ */ (0,
|
|
1423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes21.Box, {
|
|
1381
1424
|
pb: "3",
|
|
1382
1425
|
asChild: true,
|
|
1383
|
-
children: /* @__PURE__ */ (0,
|
|
1426
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ol", {
|
|
1384
1427
|
style: {
|
|
1385
1428
|
listStylePosition: "inside"
|
|
1386
1429
|
},
|
|
@@ -1389,32 +1432,32 @@ var OrderedList = function(param) {
|
|
|
1389
1432
|
});
|
|
1390
1433
|
};
|
|
1391
1434
|
// src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
|
|
1392
|
-
var
|
|
1393
|
-
var
|
|
1435
|
+
var import_themes22 = require("@radix-ui/themes");
|
|
1436
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
1394
1437
|
var ListItem = function(param) {
|
|
1395
1438
|
var children = param.children;
|
|
1396
|
-
return /* @__PURE__ */ (0,
|
|
1439
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes22.Box, {
|
|
1397
1440
|
pb: "1",
|
|
1398
|
-
children: /* @__PURE__ */ (0,
|
|
1441
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", {
|
|
1399
1442
|
children: children
|
|
1400
1443
|
})
|
|
1401
1444
|
});
|
|
1402
1445
|
};
|
|
1403
1446
|
// src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
|
|
1404
|
-
var
|
|
1405
|
-
var
|
|
1447
|
+
var import_themes23 = require("@radix-ui/themes");
|
|
1448
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
1406
1449
|
var Strong = function(param) {
|
|
1407
1450
|
var children = param.children;
|
|
1408
|
-
return /* @__PURE__ */ (0,
|
|
1451
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes23.Strong, {
|
|
1409
1452
|
children: children
|
|
1410
1453
|
});
|
|
1411
1454
|
};
|
|
1412
1455
|
// src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
|
|
1413
|
-
var
|
|
1414
|
-
var
|
|
1456
|
+
var import_themes24 = require("@radix-ui/themes");
|
|
1457
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
1415
1458
|
var Pre = function(param) {
|
|
1416
1459
|
var children = param.children;
|
|
1417
|
-
return /* @__PURE__ */ (0,
|
|
1460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes24.Box, {
|
|
1418
1461
|
style: {
|
|
1419
1462
|
whiteSpace: "pre-wrap",
|
|
1420
1463
|
wordBreak: "break-word"
|
|
@@ -1423,21 +1466,21 @@ var Pre = function(param) {
|
|
|
1423
1466
|
});
|
|
1424
1467
|
};
|
|
1425
1468
|
// src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
|
|
1426
|
-
var
|
|
1427
|
-
var
|
|
1428
|
-
var
|
|
1469
|
+
var import_themes25 = require("@radix-ui/themes");
|
|
1470
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1471
|
+
var Code3 = function(param) {
|
|
1429
1472
|
var children = param.children;
|
|
1430
|
-
return /* @__PURE__ */ (0,
|
|
1473
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes25.Code, {
|
|
1431
1474
|
children: children
|
|
1432
1475
|
});
|
|
1433
1476
|
};
|
|
1434
1477
|
// src/contexts/markdown/MarkdownContext/lib/components/Img.tsx
|
|
1435
|
-
var
|
|
1436
|
-
var
|
|
1478
|
+
var import_themes26 = require("@radix-ui/themes");
|
|
1479
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1437
1480
|
var Img = function(props) {
|
|
1438
|
-
return /* @__PURE__ */ (0,
|
|
1481
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes26.Box, {
|
|
1439
1482
|
pb: "3",
|
|
1440
|
-
children: /* @__PURE__ */ (0,
|
|
1483
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", _object_spread_props(_object_spread({}, props), {
|
|
1441
1484
|
style: {
|
|
1442
1485
|
maxWidth: "100%",
|
|
1443
1486
|
height: "auto"
|
|
@@ -1448,25 +1491,25 @@ var Img = function(props) {
|
|
|
1448
1491
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
|
|
1449
1492
|
var import_react_icons5 = require("@radix-ui/react-icons");
|
|
1450
1493
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
|
|
1451
|
-
var
|
|
1452
|
-
var
|
|
1494
|
+
var import_themes27 = require("@radix-ui/themes");
|
|
1495
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1453
1496
|
var AnnotationBase = function(param) {
|
|
1454
1497
|
var icon = param.icon, content = param.content;
|
|
1455
|
-
return /* @__PURE__ */ (0,
|
|
1498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes27.Popover.Root, {
|
|
1456
1499
|
children: [
|
|
1457
|
-
/* @__PURE__ */ (0,
|
|
1458
|
-
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, {
|
|
1459
1502
|
variant: "soft",
|
|
1460
1503
|
color: "gray",
|
|
1461
1504
|
size: "1",
|
|
1462
1505
|
children: icon
|
|
1463
1506
|
})
|
|
1464
1507
|
}),
|
|
1465
|
-
/* @__PURE__ */ (0,
|
|
1508
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Popover.Content, {
|
|
1466
1509
|
size: "1",
|
|
1467
|
-
children: /* @__PURE__ */ (0,
|
|
1510
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Flex, {
|
|
1468
1511
|
direction: "column",
|
|
1469
|
-
children: /* @__PURE__ */ (0,
|
|
1512
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Text, {
|
|
1470
1513
|
size: "1",
|
|
1471
1514
|
color: "gray",
|
|
1472
1515
|
children: content
|
|
@@ -1476,25 +1519,38 @@ var AnnotationBase = function(param) {
|
|
|
1476
1519
|
]
|
|
1477
1520
|
});
|
|
1478
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
|
+
};
|
|
1479
1535
|
// src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
|
|
1480
|
-
var
|
|
1536
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1481
1537
|
var Annotation = function(param) {
|
|
1482
|
-
var annotation = param.annotation;
|
|
1538
|
+
var annotation = param.annotation, children = param.children;
|
|
1483
1539
|
if (annotation.type === "file_citation") {
|
|
1484
|
-
return /* @__PURE__ */ (0,
|
|
1485
|
-
icon: /* @__PURE__ */ (0,
|
|
1540
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AnnotationBase, {
|
|
1541
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons5.QuoteIcon, {}),
|
|
1486
1542
|
content: "File cited."
|
|
1487
1543
|
});
|
|
1488
1544
|
} else if (annotation.type === "file_path") {
|
|
1489
|
-
return /* @__PURE__ */ (0,
|
|
1490
|
-
|
|
1491
|
-
|
|
1545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FilePathAnnotation, {
|
|
1546
|
+
annotation: annotation,
|
|
1547
|
+
children: children
|
|
1492
1548
|
});
|
|
1493
1549
|
}
|
|
1494
1550
|
return null;
|
|
1495
1551
|
};
|
|
1496
1552
|
// src/contexts/markdown/MarkdownContext/lib/components/index.tsx
|
|
1497
|
-
var
|
|
1553
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1498
1554
|
var components = {
|
|
1499
1555
|
p: Paragraph,
|
|
1500
1556
|
a: Link,
|
|
@@ -1503,45 +1559,45 @@ var components = {
|
|
|
1503
1559
|
ol: OrderedList,
|
|
1504
1560
|
li: ListItem,
|
|
1505
1561
|
pre: Pre,
|
|
1506
|
-
code:
|
|
1562
|
+
code: Code3,
|
|
1507
1563
|
img: Img,
|
|
1508
1564
|
annotation: Annotation,
|
|
1509
1565
|
h1: function(props) {
|
|
1510
|
-
return /* @__PURE__ */ (0,
|
|
1566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1511
1567
|
as: "h1",
|
|
1512
1568
|
children: props.children
|
|
1513
1569
|
});
|
|
1514
1570
|
},
|
|
1515
1571
|
h2: function(props) {
|
|
1516
|
-
return /* @__PURE__ */ (0,
|
|
1572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1517
1573
|
as: "h2",
|
|
1518
1574
|
size: "5",
|
|
1519
1575
|
children: props.children
|
|
1520
1576
|
});
|
|
1521
1577
|
},
|
|
1522
1578
|
h3: function(props) {
|
|
1523
|
-
return /* @__PURE__ */ (0,
|
|
1579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1524
1580
|
as: "h3",
|
|
1525
1581
|
size: "4",
|
|
1526
1582
|
children: props.children
|
|
1527
1583
|
});
|
|
1528
1584
|
},
|
|
1529
1585
|
h4: function(props) {
|
|
1530
|
-
return /* @__PURE__ */ (0,
|
|
1586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1531
1587
|
as: "h4",
|
|
1532
1588
|
size: "3",
|
|
1533
1589
|
children: props.children
|
|
1534
1590
|
});
|
|
1535
1591
|
},
|
|
1536
1592
|
h5: function(props) {
|
|
1537
|
-
return /* @__PURE__ */ (0,
|
|
1593
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1538
1594
|
as: "h5",
|
|
1539
1595
|
size: "3",
|
|
1540
1596
|
children: props.children
|
|
1541
1597
|
});
|
|
1542
1598
|
},
|
|
1543
1599
|
h6: function(props) {
|
|
1544
|
-
return /* @__PURE__ */ (0,
|
|
1600
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes28.Heading, {
|
|
1545
1601
|
as: "h6",
|
|
1546
1602
|
size: "3",
|
|
1547
1603
|
children: props.children
|
|
@@ -1551,13 +1607,22 @@ var components = {
|
|
|
1551
1607
|
// src/lib/remark/remarkAnnotation.ts
|
|
1552
1608
|
var import_radash3 = require("radash");
|
|
1553
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
|
+
};
|
|
1554
1616
|
var remarkAnnotation = function(param) {
|
|
1555
1617
|
var content = param.content;
|
|
1556
1618
|
return function() {
|
|
1557
1619
|
return function(tree) {
|
|
1558
1620
|
(0, import_unist_util_flatmap.default)(tree, function(node) {
|
|
1559
1621
|
var _content_text_annotations, _content_text;
|
|
1560
|
-
if (
|
|
1622
|
+
if (![
|
|
1623
|
+
"text",
|
|
1624
|
+
"link"
|
|
1625
|
+
].includes(node.type)) {
|
|
1561
1626
|
return [
|
|
1562
1627
|
node
|
|
1563
1628
|
];
|
|
@@ -1585,16 +1650,35 @@ var remarkAnnotation = function(param) {
|
|
|
1585
1650
|
];
|
|
1586
1651
|
}
|
|
1587
1652
|
var newNodes = [];
|
|
1588
|
-
var sortedAnnotations = content.text.annotations.sort(function(a, b) {
|
|
1589
|
-
return a.start_index - b.start_index;
|
|
1590
|
-
});
|
|
1591
1653
|
var lastProcessedIndex = nodeStart;
|
|
1592
|
-
sortedAnnotations
|
|
1654
|
+
sortedAnnotations({
|
|
1655
|
+
content: content
|
|
1656
|
+
}).forEach(function(annotation) {
|
|
1593
1657
|
var annotationStart = annotation.start_index;
|
|
1594
1658
|
var annotationEnd = annotation.end_index;
|
|
1595
1659
|
if (nodeEnd < annotationStart || nodeStart > annotationEnd) {
|
|
1596
1660
|
return;
|
|
1597
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
|
+
}
|
|
1598
1682
|
var startIndex = Math.max(nodeStart, annotationStart);
|
|
1599
1683
|
var endIndex = Math.min(nodeEnd, annotationEnd);
|
|
1600
1684
|
if (lastProcessedIndex < startIndex) {
|
|
@@ -1639,23 +1723,25 @@ var remarkAnnotation = function(param) {
|
|
|
1639
1723
|
});
|
|
1640
1724
|
lastProcessedIndex = endIndex;
|
|
1641
1725
|
});
|
|
1642
|
-
if (
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
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
|
+
}
|
|
1656
1742
|
}
|
|
1657
|
-
}
|
|
1658
|
-
}
|
|
1743
|
+
});
|
|
1744
|
+
}
|
|
1659
1745
|
}
|
|
1660
1746
|
return newNodes;
|
|
1661
1747
|
});
|
|
@@ -1681,13 +1767,13 @@ var useMarkdownContext = function() {
|
|
|
1681
1767
|
return (0, import_react23.useContext)(MarkdownContext);
|
|
1682
1768
|
};
|
|
1683
1769
|
// src/components/threads/Thread/Message/TextContent.tsx
|
|
1684
|
-
var
|
|
1770
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1685
1771
|
var TextContent = function(param) {
|
|
1686
1772
|
var content = param.content;
|
|
1687
1773
|
var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
|
|
1688
1774
|
"getRemarkPlugins"
|
|
1689
1775
|
]);
|
|
1690
|
-
return /* @__PURE__ */ (0,
|
|
1776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
|
|
1691
1777
|
remarkPlugins: getRemarkPlugins2({
|
|
1692
1778
|
content: content
|
|
1693
1779
|
}),
|
|
@@ -1695,21 +1781,21 @@ var TextContent = function(param) {
|
|
|
1695
1781
|
}));
|
|
1696
1782
|
};
|
|
1697
1783
|
// src/components/threads/Thread/Message/Attachments/index.tsx
|
|
1698
|
-
var
|
|
1784
|
+
var import_themes29 = require("@radix-ui/themes");
|
|
1699
1785
|
var import_react_icons6 = require("@radix-ui/react-icons");
|
|
1700
|
-
var
|
|
1786
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1701
1787
|
var Attachments = function(param) {
|
|
1702
1788
|
var message = param.message;
|
|
1703
1789
|
var _message_attachments;
|
|
1704
1790
|
if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
|
|
1705
|
-
return /* @__PURE__ */ (0,
|
|
1791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Flex, {
|
|
1706
1792
|
align: "start",
|
|
1707
1793
|
pb: "1",
|
|
1708
|
-
children: /* @__PURE__ */ (0,
|
|
1794
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Badge, {
|
|
1709
1795
|
color: "gray",
|
|
1710
1796
|
variant: "surface",
|
|
1711
1797
|
children: [
|
|
1712
|
-
/* @__PURE__ */ (0,
|
|
1798
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons6.FileIcon, {}),
|
|
1713
1799
|
message.attachments.length,
|
|
1714
1800
|
" file",
|
|
1715
1801
|
message.attachments.length > 1 ? "s" : ""
|
|
@@ -1718,7 +1804,7 @@ var Attachments = function(param) {
|
|
|
1718
1804
|
});
|
|
1719
1805
|
};
|
|
1720
1806
|
// src/components/threads/Thread/Message/index.tsx
|
|
1721
|
-
var
|
|
1807
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1722
1808
|
var Message = function(param) {
|
|
1723
1809
|
var message = param.message;
|
|
1724
1810
|
var _ref = _sliced_to_array((0, import_react24.useMemo)(function() {
|
|
@@ -1763,68 +1849,68 @@ var Message = function(param) {
|
|
|
1763
1849
|
}, [
|
|
1764
1850
|
message
|
|
1765
1851
|
]);
|
|
1766
|
-
return /* @__PURE__ */ (0,
|
|
1852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Provider, {
|
|
1767
1853
|
value: {
|
|
1768
1854
|
message: message
|
|
1769
1855
|
},
|
|
1770
|
-
children: /* @__PURE__ */ (0,
|
|
1856
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes30.Box, {
|
|
1771
1857
|
children: [
|
|
1772
|
-
/* @__PURE__ */ (0,
|
|
1858
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RunSteps, {
|
|
1773
1859
|
runSteps: olderRunSteps
|
|
1774
1860
|
}),
|
|
1775
|
-
/* @__PURE__ */ (0,
|
|
1861
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes30.Box, {
|
|
1776
1862
|
children: [
|
|
1777
|
-
/* @__PURE__ */ (0,
|
|
1863
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Attachments, {
|
|
1778
1864
|
message: message
|
|
1779
1865
|
}),
|
|
1780
1866
|
message.content.map(function(content, index) {
|
|
1781
|
-
return /* @__PURE__ */ (0,
|
|
1782
|
-
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, {
|
|
1783
1869
|
content: content
|
|
1784
1870
|
})
|
|
1785
1871
|
}, index);
|
|
1786
1872
|
}),
|
|
1787
|
-
isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0,
|
|
1873
|
+
isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StartingContentSkeleton, {})
|
|
1788
1874
|
]
|
|
1789
1875
|
}),
|
|
1790
|
-
/* @__PURE__ */ (0,
|
|
1876
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RunSteps, {
|
|
1791
1877
|
runSteps: laterRunSteps
|
|
1792
1878
|
}),
|
|
1793
|
-
isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0,
|
|
1794
|
-
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, {})
|
|
1795
1881
|
})
|
|
1796
1882
|
]
|
|
1797
1883
|
})
|
|
1798
1884
|
});
|
|
1799
1885
|
};
|
|
1800
1886
|
// src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
|
|
1801
|
-
var
|
|
1802
|
-
var
|
|
1887
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1888
|
+
var Content3 = function(param) {
|
|
1803
1889
|
var messageGroup = param.messageGroup;
|
|
1804
|
-
return /* @__PURE__ */ (0,
|
|
1890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes31.Flex, {
|
|
1805
1891
|
direction: "column-reverse",
|
|
1806
1892
|
children: messageGroup.messages.map(function(message) {
|
|
1807
|
-
return /* @__PURE__ */ (0,
|
|
1893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, {
|
|
1808
1894
|
message: message
|
|
1809
1895
|
}, message.id);
|
|
1810
1896
|
})
|
|
1811
1897
|
});
|
|
1812
1898
|
};
|
|
1813
1899
|
// src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
|
|
1814
|
-
var
|
|
1900
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1815
1901
|
var MessageGroup = function(param) {
|
|
1816
1902
|
var messageGroup = param.messageGroup;
|
|
1817
1903
|
var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
|
|
1818
|
-
return /* @__PURE__ */ (0,
|
|
1904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(MessageGroupBase, {
|
|
1819
1905
|
children: [
|
|
1820
|
-
messageGroup.role === "user" ? /* @__PURE__ */ (0,
|
|
1821
|
-
/* @__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, {
|
|
1822
1908
|
flexGrow: "1",
|
|
1823
1909
|
children: [
|
|
1824
|
-
/* @__PURE__ */ (0,
|
|
1910
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Name, {
|
|
1825
1911
|
children: messageGroup.role === "user" ? "You" : assistantNameContext
|
|
1826
1912
|
}),
|
|
1827
|
-
/* @__PURE__ */ (0,
|
|
1913
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Content3, {
|
|
1828
1914
|
messageGroup: messageGroup
|
|
1829
1915
|
})
|
|
1830
1916
|
]
|
|
@@ -1833,8 +1919,8 @@ var MessageGroup = function(param) {
|
|
|
1833
1919
|
});
|
|
1834
1920
|
};
|
|
1835
1921
|
// src/components/threads/Thread/Messages/Content/index.tsx
|
|
1836
|
-
var
|
|
1837
|
-
var
|
|
1922
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1923
|
+
var Content4 = function() {
|
|
1838
1924
|
var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
|
|
1839
1925
|
var addToast = useToasts().addToast;
|
|
1840
1926
|
var _useMessageGroups = useMessageGroups({
|
|
@@ -1852,11 +1938,11 @@ var Content3 = function() {
|
|
|
1852
1938
|
addToast
|
|
1853
1939
|
]);
|
|
1854
1940
|
if (isLoading || isLoadingError) {
|
|
1855
|
-
return /* @__PURE__ */ (0,
|
|
1941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MessagesSkeleton, {});
|
|
1856
1942
|
}
|
|
1857
|
-
return /* @__PURE__ */ (0,
|
|
1943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, {
|
|
1858
1944
|
children: messageGroups2.map(function(messageGroup) {
|
|
1859
|
-
return /* @__PURE__ */ (0,
|
|
1945
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MessageGroup, {
|
|
1860
1946
|
messageGroup: messageGroup
|
|
1861
1947
|
}, messageGroup.id);
|
|
1862
1948
|
})
|
|
@@ -1866,21 +1952,21 @@ var Content3 = function() {
|
|
|
1866
1952
|
var import_react29 = require("react");
|
|
1867
1953
|
// src/components/skeletons/StartingSkeleton/index.tsx
|
|
1868
1954
|
var import_react27 = require("react");
|
|
1869
|
-
var
|
|
1870
|
-
var
|
|
1955
|
+
var import_themes33 = require("@radix-ui/themes");
|
|
1956
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1871
1957
|
var StartingSkeleton = function(param) {
|
|
1872
1958
|
var children = param.children;
|
|
1873
1959
|
var assistantNameContext = (0, import_react27.useContext)(AssistantNameContext);
|
|
1874
|
-
return /* @__PURE__ */ (0,
|
|
1960
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(MessageGroupBase, {
|
|
1875
1961
|
children: [
|
|
1876
|
-
/* @__PURE__ */ (0,
|
|
1877
|
-
/* @__PURE__ */ (0,
|
|
1962
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AssistantAvatar, {}),
|
|
1963
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_themes33.Box, {
|
|
1878
1964
|
children: [
|
|
1879
|
-
/* @__PURE__ */ (0,
|
|
1965
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Name, {
|
|
1880
1966
|
children: assistantNameContext
|
|
1881
1967
|
}),
|
|
1882
1968
|
children,
|
|
1883
|
-
/* @__PURE__ */ (0,
|
|
1969
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StartingContentSkeleton, {})
|
|
1884
1970
|
]
|
|
1885
1971
|
})
|
|
1886
1972
|
]
|
|
@@ -1905,7 +1991,7 @@ var isOptimistic = function(param) {
|
|
|
1905
1991
|
return import_lodash4.default.startsWith(id, "-");
|
|
1906
1992
|
};
|
|
1907
1993
|
// src/components/threads/Thread/Messages/Progress/index.tsx
|
|
1908
|
-
var
|
|
1994
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1909
1995
|
var Progress = function() {
|
|
1910
1996
|
var latestMessage = useLatestMessage().latestMessage;
|
|
1911
1997
|
var isMutatingMessage = useIsMutatingMessage();
|
|
@@ -1923,10 +2009,10 @@ var Progress = function() {
|
|
|
1923
2009
|
isMutatingMessage
|
|
1924
2010
|
]);
|
|
1925
2011
|
if (!isVisible) return null;
|
|
1926
|
-
return /* @__PURE__ */ (0,
|
|
2012
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(StartingSkeleton, {});
|
|
1927
2013
|
};
|
|
1928
2014
|
// src/components/threads/Thread/Messages/Root/index.tsx
|
|
1929
|
-
var
|
|
2015
|
+
var import_themes34 = require("@radix-ui/themes");
|
|
1930
2016
|
// src/hooks/misc/useInfiniteScroll/index.tsx
|
|
1931
2017
|
var import_react31 = require("react");
|
|
1932
2018
|
var import_react_intersection_observer = require("react-intersection-observer");
|
|
@@ -1981,7 +2067,7 @@ var useInfiniteScroll = function(param) {
|
|
|
1981
2067
|
};
|
|
1982
2068
|
};
|
|
1983
2069
|
// src/components/threads/Thread/Messages/Root/index.tsx
|
|
1984
|
-
var
|
|
2070
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1985
2071
|
var Root2 = function(param) {
|
|
1986
2072
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
1987
2073
|
var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
|
|
@@ -1990,7 +2076,7 @@ var Root2 = function(param) {
|
|
|
1990
2076
|
hasNextPage: hasNextPage,
|
|
1991
2077
|
fetchNextPage: fetchNextPage
|
|
1992
2078
|
}), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
|
|
1993
|
-
return /* @__PURE__ */ (0,
|
|
2079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes34.Flex, {
|
|
1994
2080
|
ref: containerRef,
|
|
1995
2081
|
direction: "column-reverse",
|
|
1996
2082
|
flexGrow: "1",
|
|
@@ -1999,10 +2085,10 @@ var Root2 = function(param) {
|
|
|
1999
2085
|
}),
|
|
2000
2086
|
children: [
|
|
2001
2087
|
children,
|
|
2002
|
-
hasNextPage && /* @__PURE__ */ (0,
|
|
2088
|
+
hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes34.Flex, {
|
|
2003
2089
|
ref: loaderRef
|
|
2004
2090
|
}),
|
|
2005
|
-
/* @__PURE__ */ (0,
|
|
2091
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes34.Flex, {
|
|
2006
2092
|
flexShrink: "0",
|
|
2007
2093
|
flexGrow: "1"
|
|
2008
2094
|
})
|
|
@@ -2010,30 +2096,30 @@ var Root2 = function(param) {
|
|
|
2010
2096
|
});
|
|
2011
2097
|
};
|
|
2012
2098
|
// src/components/threads/Thread/Messages/NextPageSkeleton.tsx
|
|
2013
|
-
var
|
|
2099
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2014
2100
|
var NextPageSkeleton = function() {
|
|
2015
2101
|
var hasNextPage = useMessages().hasNextPage;
|
|
2016
2102
|
if (!hasNextPage) {
|
|
2017
2103
|
return null;
|
|
2018
2104
|
}
|
|
2019
|
-
return /* @__PURE__ */ (0,
|
|
2105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessagesSkeleton, {});
|
|
2020
2106
|
};
|
|
2021
2107
|
// src/components/threads/Thread/Messages/index.tsx
|
|
2022
|
-
var
|
|
2108
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2023
2109
|
var Messages = function(param) {
|
|
2024
2110
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
2025
|
-
return /* @__PURE__ */ (0,
|
|
2111
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Root2, {
|
|
2026
2112
|
style: style,
|
|
2027
2113
|
children: [
|
|
2028
|
-
/* @__PURE__ */ (0,
|
|
2114
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
|
|
2029
2115
|
flexShrink: "0",
|
|
2030
2116
|
height: "var(--space-3)"
|
|
2031
2117
|
}),
|
|
2032
|
-
/* @__PURE__ */ (0,
|
|
2118
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Progress, {}),
|
|
2033
2119
|
children,
|
|
2034
|
-
/* @__PURE__ */ (0,
|
|
2035
|
-
/* @__PURE__ */ (0,
|
|
2036
|
-
/* @__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, {
|
|
2037
2123
|
flexShrink: "0",
|
|
2038
2124
|
flexGrow: "1",
|
|
2039
2125
|
minHeight: "var(--space-5)"
|
|
@@ -2046,7 +2132,7 @@ Messages.Message = Message;
|
|
|
2046
2132
|
Messages.NextPageSkeleton = NextPageSkeleton;
|
|
2047
2133
|
// src/components/threads/Thread/MessageForm/Submit/index.tsx
|
|
2048
2134
|
var import_react_icons7 = require("@radix-ui/react-icons");
|
|
2049
|
-
var
|
|
2135
|
+
var import_themes36 = require("@radix-ui/themes");
|
|
2050
2136
|
// src/hooks/messages/useMessageFormContext/index.ts
|
|
2051
2137
|
var import_react33 = require("react");
|
|
2052
2138
|
// src/contexts/messages/MessageFormContext/index.ts
|
|
@@ -2064,10 +2150,10 @@ var useMessageFormContext = function() {
|
|
|
2064
2150
|
return (0, import_react33.useContext)(MessageFormContext);
|
|
2065
2151
|
};
|
|
2066
2152
|
// src/components/threads/Thread/MessageForm/Submit/index.tsx
|
|
2067
|
-
var
|
|
2153
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2068
2154
|
var Root3 = function(param) {
|
|
2069
2155
|
var children = param.children;
|
|
2070
|
-
return /* @__PURE__ */ (0,
|
|
2156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Flex, {
|
|
2071
2157
|
flexShrink: "0",
|
|
2072
2158
|
align: "end",
|
|
2073
2159
|
children: children
|
|
@@ -2077,24 +2163,24 @@ var Button2 = function() {
|
|
|
2077
2163
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
2078
2164
|
var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
|
|
2079
2165
|
if (isLoading) {
|
|
2080
|
-
return /* @__PURE__ */ (0,
|
|
2166
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.IconButton, {
|
|
2081
2167
|
type: "button",
|
|
2082
2168
|
onClick: function() {
|
|
2083
2169
|
var _superinterfaceContext_createMessageAbortControllerRef_current;
|
|
2084
2170
|
return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
|
|
2085
2171
|
},
|
|
2086
|
-
children: /* @__PURE__ */ (0,
|
|
2172
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons7.StopIcon, {})
|
|
2087
2173
|
});
|
|
2088
2174
|
}
|
|
2089
|
-
return /* @__PURE__ */ (0,
|
|
2175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.IconButton, {
|
|
2090
2176
|
type: "submit",
|
|
2091
2177
|
disabled: isDisabled || isFileLoading,
|
|
2092
|
-
children: /* @__PURE__ */ (0,
|
|
2178
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons7.ArrowUpIcon, {})
|
|
2093
2179
|
});
|
|
2094
2180
|
};
|
|
2095
2181
|
var Submit = function() {
|
|
2096
|
-
return /* @__PURE__ */ (0,
|
|
2097
|
-
children: /* @__PURE__ */ (0,
|
|
2182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Root3, {
|
|
2183
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button2, {})
|
|
2098
2184
|
});
|
|
2099
2185
|
};
|
|
2100
2186
|
Submit.Root = Root3;
|
|
@@ -2103,7 +2189,7 @@ Submit.Button = Button2;
|
|
|
2103
2189
|
var import_react_query5 = require("@tanstack/react-query");
|
|
2104
2190
|
var import_react34 = require("react");
|
|
2105
2191
|
var import_react_hook_form = require("react-hook-form");
|
|
2106
|
-
var
|
|
2192
|
+
var import_themes37 = require("@radix-ui/themes");
|
|
2107
2193
|
// src/hooks/messages/useCreateMessage/index.ts
|
|
2108
2194
|
var import_radash12 = require("radash");
|
|
2109
2195
|
var import_react_query4 = require("@tanstack/react-query");
|
|
@@ -2726,7 +2812,7 @@ var formOptions = {
|
|
|
2726
2812
|
};
|
|
2727
2813
|
// src/components/threads/Thread/MessageForm/Root/index.tsx
|
|
2728
2814
|
var import_radash13 = require("radash");
|
|
2729
|
-
var
|
|
2815
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2730
2816
|
var Root4 = function(param) {
|
|
2731
2817
|
var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled;
|
|
2732
2818
|
var _ref = _sliced_to_array((0, import_react34.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
|
|
@@ -2835,7 +2921,7 @@ var Root4 = function(param) {
|
|
|
2835
2921
|
};
|
|
2836
2922
|
}();
|
|
2837
2923
|
var content = watch("content");
|
|
2838
|
-
return /* @__PURE__ */ (0,
|
|
2924
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MessageFormContext.Provider, {
|
|
2839
2925
|
value: {
|
|
2840
2926
|
isDisabled: isDisabled,
|
|
2841
2927
|
isLoading: isLoading,
|
|
@@ -2844,11 +2930,11 @@ var Root4 = function(param) {
|
|
|
2844
2930
|
isFileLoading: isFileLoading,
|
|
2845
2931
|
content: content
|
|
2846
2932
|
},
|
|
2847
|
-
children: /* @__PURE__ */ (0,
|
|
2848
|
-
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, {
|
|
2849
2935
|
asChild: true,
|
|
2850
2936
|
flexShrink: "0",
|
|
2851
|
-
children: /* @__PURE__ */ (0,
|
|
2937
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("form", {
|
|
2852
2938
|
onSubmit: handleSubmit(onSubmit),
|
|
2853
2939
|
children: children
|
|
2854
2940
|
})
|
|
@@ -2858,9 +2944,9 @@ var Root4 = function(param) {
|
|
|
2858
2944
|
};
|
|
2859
2945
|
// src/components/threads/Thread/MessageForm/Field/index.tsx
|
|
2860
2946
|
var import_react_hook_form3 = require("react-hook-form");
|
|
2861
|
-
var
|
|
2947
|
+
var import_themes41 = require("@radix-ui/themes");
|
|
2862
2948
|
// src/components/threads/Thread/MessageForm/Field/Control.tsx
|
|
2863
|
-
var
|
|
2949
|
+
var import_themes38 = require("@radix-ui/themes");
|
|
2864
2950
|
var import_react_hook_form2 = require("react-hook-form");
|
|
2865
2951
|
// src/hooks/misc/usePrevious.ts
|
|
2866
2952
|
var import_react35 = require("react");
|
|
@@ -2876,14 +2962,14 @@ var import_react37 = require("react");
|
|
|
2876
2962
|
// src/components/textareas/TextareaBase/index.tsx
|
|
2877
2963
|
var import_react36 = require("react");
|
|
2878
2964
|
var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
|
|
2879
|
-
var
|
|
2965
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2880
2966
|
var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props, ref) {
|
|
2881
|
-
return /* @__PURE__ */ (0,
|
|
2967
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, {
|
|
2882
2968
|
children: [
|
|
2883
|
-
/* @__PURE__ */ (0,
|
|
2969
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("style", {
|
|
2884
2970
|
children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
|
|
2885
2971
|
}),
|
|
2886
|
-
/* @__PURE__ */ (0,
|
|
2972
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_textarea_autosize.default, _object_spread({
|
|
2887
2973
|
ref: ref,
|
|
2888
2974
|
className: "rt-reset superinterface-textarea",
|
|
2889
2975
|
style: {
|
|
@@ -2900,10 +2986,10 @@ var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props,
|
|
|
2900
2986
|
});
|
|
2901
2987
|
});
|
|
2902
2988
|
// src/components/threads/Thread/MessageForm/Field/Control.tsx
|
|
2903
|
-
var
|
|
2989
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2904
2990
|
var Root5 = function(param) {
|
|
2905
2991
|
var children = param.children;
|
|
2906
|
-
return /* @__PURE__ */ (0,
|
|
2992
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
|
|
2907
2993
|
flexGrow: "1",
|
|
2908
2994
|
pt: "4px",
|
|
2909
2995
|
children: children
|
|
@@ -2932,7 +3018,7 @@ var Input = function() {
|
|
|
2932
3018
|
isDisabledPrevious,
|
|
2933
3019
|
textareaProps
|
|
2934
3020
|
]);
|
|
2935
|
-
return /* @__PURE__ */ (0,
|
|
3021
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TextareaBase, _object_spread_props(_object_spread({
|
|
2936
3022
|
minRows: 1,
|
|
2937
3023
|
placeholder: "Message ".concat(assistantNameContext, "..."),
|
|
2938
3024
|
disabled: isDisabled,
|
|
@@ -2952,51 +3038,51 @@ var Input = function() {
|
|
|
2952
3038
|
}));
|
|
2953
3039
|
};
|
|
2954
3040
|
var Control = function() {
|
|
2955
|
-
return /* @__PURE__ */ (0,
|
|
2956
|
-
children: /* @__PURE__ */ (0,
|
|
3041
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Root5, {
|
|
3042
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, {})
|
|
2957
3043
|
});
|
|
2958
3044
|
};
|
|
2959
3045
|
Control.Root = Root5;
|
|
2960
3046
|
Control.Input = Input;
|
|
2961
3047
|
// src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
|
|
2962
|
-
var
|
|
3048
|
+
var import_themes39 = require("@radix-ui/themes");
|
|
2963
3049
|
var import_react_icons8 = require("@radix-ui/react-icons");
|
|
2964
|
-
var
|
|
3050
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2965
3051
|
var Preview = function() {
|
|
2966
3052
|
var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
|
|
2967
3053
|
if (!files.length) {
|
|
2968
3054
|
return null;
|
|
2969
3055
|
}
|
|
2970
|
-
return /* @__PURE__ */ (0,
|
|
3056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
|
|
2971
3057
|
flexBasis: "100%",
|
|
2972
3058
|
direction: "column",
|
|
2973
3059
|
pb: "2",
|
|
2974
3060
|
gap: "1",
|
|
2975
3061
|
children: files.map(function(file) {
|
|
2976
|
-
return /* @__PURE__ */ (0,
|
|
3062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Card, {
|
|
2977
3063
|
variant: "ghost",
|
|
2978
|
-
children: /* @__PURE__ */ (0,
|
|
3064
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_themes39.Flex, {
|
|
2979
3065
|
align: "center",
|
|
2980
3066
|
justify: "between",
|
|
2981
3067
|
gap: "1",
|
|
2982
3068
|
children: [
|
|
2983
|
-
/* @__PURE__ */ (0,
|
|
3069
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_themes39.Flex, {
|
|
2984
3070
|
align: "center",
|
|
2985
3071
|
gap: "1",
|
|
2986
3072
|
flexShrink: "1",
|
|
2987
3073
|
minWidth: "0",
|
|
2988
3074
|
maxWidth: "250px",
|
|
2989
3075
|
children: [
|
|
2990
|
-
/* @__PURE__ */ (0,
|
|
3076
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
|
|
2991
3077
|
flexShrink: "0",
|
|
2992
|
-
children: /* @__PURE__ */ (0,
|
|
3078
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Spinner, {
|
|
2993
3079
|
loading: isOptimistic({
|
|
2994
3080
|
id: file.id
|
|
2995
3081
|
}),
|
|
2996
|
-
children: /* @__PURE__ */ (0,
|
|
3082
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons8.FileIcon, {})
|
|
2997
3083
|
})
|
|
2998
3084
|
}),
|
|
2999
|
-
/* @__PURE__ */ (0,
|
|
3085
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Text, {
|
|
3000
3086
|
size: "2",
|
|
3001
3087
|
truncate: true,
|
|
3002
3088
|
wrap: "nowrap",
|
|
@@ -3004,9 +3090,9 @@ var Preview = function() {
|
|
|
3004
3090
|
})
|
|
3005
3091
|
]
|
|
3006
3092
|
}),
|
|
3007
|
-
/* @__PURE__ */ (0,
|
|
3093
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
|
|
3008
3094
|
flexShrink: "0",
|
|
3009
|
-
children: /* @__PURE__ */ (0,
|
|
3095
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.IconButton, {
|
|
3010
3096
|
onClick: function() {
|
|
3011
3097
|
return setFiles(function(prev) {
|
|
3012
3098
|
return prev.filter(function(prevFile) {
|
|
@@ -3017,7 +3103,7 @@ var Preview = function() {
|
|
|
3017
3103
|
color: "gray",
|
|
3018
3104
|
variant: "ghost",
|
|
3019
3105
|
size: "1",
|
|
3020
|
-
children: /* @__PURE__ */ (0,
|
|
3106
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons8.Cross2Icon, {})
|
|
3021
3107
|
})
|
|
3022
3108
|
})
|
|
3023
3109
|
]
|
|
@@ -3031,7 +3117,7 @@ var import_react38 = require("react");
|
|
|
3031
3117
|
var import_radash14 = require("radash");
|
|
3032
3118
|
var import_dayjs2 = __toESM(require("dayjs"), 1);
|
|
3033
3119
|
var import_react_icons9 = require("@radix-ui/react-icons");
|
|
3034
|
-
var
|
|
3120
|
+
var import_themes40 = require("@radix-ui/themes");
|
|
3035
3121
|
// src/hooks/files/useCreateFile/index.ts
|
|
3036
3122
|
var import_react_query6 = require("@tanstack/react-query");
|
|
3037
3123
|
// src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
|
|
@@ -3142,7 +3228,7 @@ var useCreateFile = function() {
|
|
|
3142
3228
|
});
|
|
3143
3229
|
};
|
|
3144
3230
|
// src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
|
|
3145
|
-
var
|
|
3231
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
3146
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";
|
|
3147
3233
|
var Control2 = function() {
|
|
3148
3234
|
var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
|
|
@@ -3316,11 +3402,11 @@ var Control2 = function() {
|
|
|
3316
3402
|
createFile,
|
|
3317
3403
|
setFiles
|
|
3318
3404
|
]);
|
|
3319
|
-
return /* @__PURE__ */ (0,
|
|
3405
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
|
|
3320
3406
|
pt: "2",
|
|
3321
3407
|
pr: "2",
|
|
3322
3408
|
flexGrow: "0",
|
|
3323
|
-
children: /* @__PURE__ */ (0,
|
|
3409
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes40.IconButton, {
|
|
3324
3410
|
type: "button",
|
|
3325
3411
|
variant: "ghost",
|
|
3326
3412
|
color: "gray",
|
|
@@ -3330,8 +3416,8 @@ var Control2 = function() {
|
|
|
3330
3416
|
overflow: "hidden"
|
|
3331
3417
|
},
|
|
3332
3418
|
children: [
|
|
3333
|
-
/* @__PURE__ */ (0,
|
|
3334
|
-
/* @__PURE__ */ (0,
|
|
3419
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_icons9.FilePlusIcon, {}),
|
|
3420
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("input", {
|
|
3335
3421
|
type: "file",
|
|
3336
3422
|
multiple: true,
|
|
3337
3423
|
accept: accept,
|
|
@@ -3356,20 +3442,20 @@ var Files = {
|
|
|
3356
3442
|
Control: Control2
|
|
3357
3443
|
};
|
|
3358
3444
|
// src/components/threads/Thread/MessageForm/Field/index.tsx
|
|
3359
|
-
var
|
|
3445
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
3360
3446
|
var Root6 = function(param) {
|
|
3361
3447
|
var children = param.children;
|
|
3362
3448
|
var _ref = (0, import_react_hook_form3.useFormContext)(), errors = _ref.formState.errors;
|
|
3363
|
-
return /* @__PURE__ */ (0,
|
|
3449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Container, {
|
|
3364
3450
|
size: "2",
|
|
3365
3451
|
flexGrow: "0",
|
|
3366
|
-
children: /* @__PURE__ */ (0,
|
|
3452
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
|
|
3367
3453
|
direction: "column",
|
|
3368
3454
|
flexShrink: "0",
|
|
3369
|
-
children: /* @__PURE__ */ (0,
|
|
3455
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
|
|
3370
3456
|
direction: "column",
|
|
3371
3457
|
flexShrink: "0",
|
|
3372
|
-
children: /* @__PURE__ */ (0,
|
|
3458
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
|
|
3373
3459
|
style: _object_spread({
|
|
3374
3460
|
borderRadius: "var(--radius-2)",
|
|
3375
3461
|
borderWidth: "1px",
|
|
@@ -3393,13 +3479,13 @@ var Field = {
|
|
|
3393
3479
|
Files: Files
|
|
3394
3480
|
};
|
|
3395
3481
|
// src/components/threads/Thread/MessageForm/index.tsx
|
|
3396
|
-
var
|
|
3482
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
3397
3483
|
var MessageForm = function() {
|
|
3398
|
-
return /* @__PURE__ */ (0,
|
|
3399
|
-
children: /* @__PURE__ */ (0,
|
|
3484
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Root4, {
|
|
3485
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Field.Root, {
|
|
3400
3486
|
children: [
|
|
3401
|
-
/* @__PURE__ */ (0,
|
|
3402
|
-
/* @__PURE__ */ (0,
|
|
3487
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Field.Control, {}),
|
|
3488
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Submit, {})
|
|
3403
3489
|
]
|
|
3404
3490
|
})
|
|
3405
3491
|
});
|
|
@@ -3408,17 +3494,17 @@ MessageForm.Root = Root4;
|
|
|
3408
3494
|
MessageForm.Field = Field;
|
|
3409
3495
|
MessageForm.Submit = Submit;
|
|
3410
3496
|
// src/components/threads/Thread/Root/index.tsx
|
|
3411
|
-
var
|
|
3497
|
+
var import_themes42 = require("@radix-ui/themes");
|
|
3412
3498
|
// src/components/threads/Thread/Provider/index.tsx
|
|
3413
3499
|
var Provider2 = SuperinterfaceProvider;
|
|
3414
3500
|
// src/components/threads/Thread/Root/index.tsx
|
|
3415
|
-
var
|
|
3501
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
3416
3502
|
var Root7 = function(_param) {
|
|
3417
3503
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
3418
3504
|
"children"
|
|
3419
3505
|
]);
|
|
3420
|
-
return /* @__PURE__ */ (0,
|
|
3421
|
-
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, {
|
|
3422
3508
|
direction: "column",
|
|
3423
3509
|
flexGrow: "1",
|
|
3424
3510
|
children: children
|
|
@@ -3426,12 +3512,12 @@ var Root7 = function(_param) {
|
|
|
3426
3512
|
}));
|
|
3427
3513
|
};
|
|
3428
3514
|
// src/components/threads/Thread/index.tsx
|
|
3429
|
-
var
|
|
3515
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
3430
3516
|
var Thread = function(props) {
|
|
3431
|
-
return /* @__PURE__ */ (0,
|
|
3517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Root7, _object_spread_props(_object_spread({}, props), {
|
|
3432
3518
|
children: [
|
|
3433
|
-
/* @__PURE__ */ (0,
|
|
3434
|
-
/* @__PURE__ */ (0,
|
|
3519
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Messages, {}),
|
|
3520
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MessageForm, {})
|
|
3435
3521
|
]
|
|
3436
3522
|
}));
|
|
3437
3523
|
};
|
|
@@ -3555,12 +3641,12 @@ var useThreadDialogContext = function() {
|
|
|
3555
3641
|
return (0, import_react42.useContext)(ThreadDialogContext);
|
|
3556
3642
|
};
|
|
3557
3643
|
// src/components/threads/ThreadDialog/Provider/index.tsx
|
|
3558
|
-
var
|
|
3644
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
3559
3645
|
var Provider3 = function(param) {
|
|
3560
3646
|
var children = param.children;
|
|
3561
3647
|
var threadDialogContext = useThreadDialogContext();
|
|
3562
3648
|
var _ref = _sliced_to_array((0, import_react43.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
|
|
3563
|
-
return /* @__PURE__ */ (0,
|
|
3649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ThreadDialogContext.Provider, {
|
|
3564
3650
|
value: {
|
|
3565
3651
|
isOpen: isOpen,
|
|
3566
3652
|
setIsOpen: setIsOpen
|
|
@@ -3573,27 +3659,27 @@ var import_react44 = require("react");
|
|
|
3573
3659
|
var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
|
|
3574
3660
|
// src/components/toasts/ToastsProvider/CustomToast.tsx
|
|
3575
3661
|
var Toast = __toESM(require("@radix-ui/react-toast"), 1);
|
|
3576
|
-
var
|
|
3662
|
+
var import_themes43 = require("@radix-ui/themes");
|
|
3577
3663
|
var import_react_icons10 = require("@radix-ui/react-icons");
|
|
3578
|
-
var
|
|
3664
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
3579
3665
|
var CustomToast = function(param) {
|
|
3580
3666
|
var toast = param.toast;
|
|
3581
|
-
return /* @__PURE__ */ (0,
|
|
3582
|
-
children: /* @__PURE__ */ (0,
|
|
3583
|
-
children: /* @__PURE__ */ (0,
|
|
3584
|
-
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, {
|
|
3585
3671
|
children: [
|
|
3586
|
-
/* @__PURE__ */ (0,
|
|
3672
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes43.Flex, {
|
|
3587
3673
|
pr: "2",
|
|
3588
3674
|
height: "14px",
|
|
3589
3675
|
align: "center",
|
|
3590
|
-
children: toast.type === "success" ? /* @__PURE__ */ (0,
|
|
3676
|
+
children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons10.CheckCircledIcon, {
|
|
3591
3677
|
color: "var(--accent-9)"
|
|
3592
|
-
}) : /* @__PURE__ */ (0,
|
|
3678
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons10.CrossCircledIcon, {
|
|
3593
3679
|
color: "var(--red-9)"
|
|
3594
3680
|
})
|
|
3595
3681
|
}),
|
|
3596
|
-
/* @__PURE__ */ (0,
|
|
3682
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes43.Text, {
|
|
3597
3683
|
weight: "medium",
|
|
3598
3684
|
size: "1",
|
|
3599
3685
|
children: toast.message
|
|
@@ -3605,7 +3691,7 @@ var CustomToast = function(param) {
|
|
|
3605
3691
|
});
|
|
3606
3692
|
};
|
|
3607
3693
|
// src/components/toasts/ToastsProvider/index.tsx
|
|
3608
|
-
var
|
|
3694
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
3609
3695
|
var ToastsProvider = function(param) {
|
|
3610
3696
|
var children = param.children;
|
|
3611
3697
|
var _ref = _sliced_to_array((0, import_react44.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
|
|
@@ -3616,20 +3702,20 @@ var ToastsProvider = function(param) {
|
|
|
3616
3702
|
]);
|
|
3617
3703
|
});
|
|
3618
3704
|
}, []);
|
|
3619
|
-
return /* @__PURE__ */ (0,
|
|
3705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ToastsContext.Provider, {
|
|
3620
3706
|
value: {
|
|
3621
3707
|
toasts: toasts,
|
|
3622
3708
|
addToast: addToast
|
|
3623
3709
|
},
|
|
3624
|
-
children: /* @__PURE__ */ (0,
|
|
3710
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Toast2.Provider, {
|
|
3625
3711
|
children: [
|
|
3626
3712
|
children,
|
|
3627
3713
|
Array.from(toasts).map(function(toast, index) {
|
|
3628
|
-
return /* @__PURE__ */ (0,
|
|
3714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CustomToast, {
|
|
3629
3715
|
toast: toast
|
|
3630
3716
|
}, index);
|
|
3631
3717
|
}),
|
|
3632
|
-
/* @__PURE__ */ (0,
|
|
3718
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Toast2.Viewport, {
|
|
3633
3719
|
style: {
|
|
3634
3720
|
position: "absolute",
|
|
3635
3721
|
bottom: 0,
|
|
@@ -3651,34 +3737,34 @@ var ToastsProvider = function(param) {
|
|
|
3651
3737
|
});
|
|
3652
3738
|
};
|
|
3653
3739
|
// src/components/threads/ThreadDialog/Root/index.tsx
|
|
3654
|
-
var
|
|
3740
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
3655
3741
|
var Root9 = function(param) {
|
|
3656
3742
|
var children = param.children;
|
|
3657
|
-
return /* @__PURE__ */ (0,
|
|
3658
|
-
children: /* @__PURE__ */ (0,
|
|
3743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ToastsProvider, {
|
|
3744
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Provider3, {
|
|
3659
3745
|
children: children
|
|
3660
3746
|
})
|
|
3661
3747
|
});
|
|
3662
3748
|
};
|
|
3663
3749
|
// src/components/threads/ThreadDialog/Trigger/index.tsx
|
|
3664
|
-
var
|
|
3750
|
+
var import_themes45 = require("@radix-ui/themes");
|
|
3665
3751
|
// src/components/threads/ThreadDialog/Trigger/Button.tsx
|
|
3666
|
-
var
|
|
3752
|
+
var import_themes44 = require("@radix-ui/themes");
|
|
3667
3753
|
var import_react_icons11 = require("@radix-ui/react-icons");
|
|
3668
|
-
var
|
|
3754
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
3669
3755
|
var Button3 = function() {
|
|
3670
|
-
return /* @__PURE__ */ (0,
|
|
3756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.IconButton, {
|
|
3671
3757
|
size: "4",
|
|
3672
3758
|
radius: "full",
|
|
3673
|
-
children: /* @__PURE__ */ (0,
|
|
3759
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.ChatBubbleIcon, {})
|
|
3674
3760
|
});
|
|
3675
3761
|
};
|
|
3676
3762
|
// src/components/threads/ThreadDialog/Trigger/index.tsx
|
|
3677
|
-
var
|
|
3763
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3678
3764
|
var Root10 = function(param) {
|
|
3679
3765
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
3680
3766
|
var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
|
|
3681
|
-
return /* @__PURE__ */ (0,
|
|
3767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Flex, {
|
|
3682
3768
|
display: {
|
|
3683
3769
|
initial: isOpen ? "none" : "flex",
|
|
3684
3770
|
sm: "flex"
|
|
@@ -3702,21 +3788,21 @@ var Root10 = function(param) {
|
|
|
3702
3788
|
});
|
|
3703
3789
|
};
|
|
3704
3790
|
var Trigger = function(args) {
|
|
3705
|
-
return /* @__PURE__ */ (0,
|
|
3706
|
-
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, {})
|
|
3707
3793
|
}));
|
|
3708
3794
|
};
|
|
3709
3795
|
Trigger.Root = Root10;
|
|
3710
3796
|
Trigger.Button = Button3;
|
|
3711
3797
|
// src/components/threads/ThreadDialog/Content/index.tsx
|
|
3712
|
-
var
|
|
3798
|
+
var import_themes47 = require("@radix-ui/themes");
|
|
3713
3799
|
// src/components/threads/ThreadDialog/Close/index.tsx
|
|
3714
3800
|
var import_react_icons12 = require("@radix-ui/react-icons");
|
|
3715
|
-
var
|
|
3716
|
-
var
|
|
3801
|
+
var import_themes46 = require("@radix-ui/themes");
|
|
3802
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
3717
3803
|
var Close = function() {
|
|
3718
3804
|
var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
|
|
3719
|
-
return /* @__PURE__ */ (0,
|
|
3805
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes46.Flex, {
|
|
3720
3806
|
display: {
|
|
3721
3807
|
initial: isOpen ? "flex" : "none",
|
|
3722
3808
|
sm: "none"
|
|
@@ -3736,20 +3822,20 @@ var Close = function() {
|
|
|
3736
3822
|
style: {
|
|
3737
3823
|
zIndex: 9999999999
|
|
3738
3824
|
},
|
|
3739
|
-
children: /* @__PURE__ */ (0,
|
|
3825
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes46.IconButton, {
|
|
3740
3826
|
size: "2",
|
|
3741
3827
|
variant: "soft",
|
|
3742
|
-
children: /* @__PURE__ */ (0,
|
|
3828
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_icons12.Cross1Icon, {})
|
|
3743
3829
|
})
|
|
3744
3830
|
});
|
|
3745
3831
|
};
|
|
3746
3832
|
// src/components/threads/ThreadDialog/Content/index.tsx
|
|
3747
|
-
var
|
|
3833
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
3748
3834
|
var Root11 = function(param) {
|
|
3749
3835
|
var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
3750
3836
|
var isOpen = useThreadDialogContext().isOpen;
|
|
3751
3837
|
if (!isOpen) return null;
|
|
3752
|
-
return /* @__PURE__ */ (0,
|
|
3838
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes47.Flex, {
|
|
3753
3839
|
direction: "column",
|
|
3754
3840
|
justify: "end",
|
|
3755
3841
|
position: "fixed",
|
|
@@ -3761,10 +3847,6 @@ var Root11 = function(param) {
|
|
|
3761
3847
|
initial: "0",
|
|
3762
3848
|
sm: "24px"
|
|
3763
3849
|
},
|
|
3764
|
-
top: {
|
|
3765
|
-
initial: "0",
|
|
3766
|
-
sm: "24px"
|
|
3767
|
-
},
|
|
3768
3850
|
maxHeight: {
|
|
3769
3851
|
initial: void 0,
|
|
3770
3852
|
sm: "720px"
|
|
@@ -3774,10 +3856,14 @@ var Root11 = function(param) {
|
|
|
3774
3856
|
sm: "400px"
|
|
3775
3857
|
},
|
|
3776
3858
|
width: "100%",
|
|
3859
|
+
height: {
|
|
3860
|
+
initial: "100dvh",
|
|
3861
|
+
sm: "calc(100dvh - 96px)"
|
|
3862
|
+
},
|
|
3777
3863
|
style: _object_spread({
|
|
3778
3864
|
zIndex: 9999999999
|
|
3779
3865
|
}, style),
|
|
3780
|
-
children: /* @__PURE__ */ (0,
|
|
3866
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes47.Card, {
|
|
3781
3867
|
mb: {
|
|
3782
3868
|
initial: void 0,
|
|
3783
3869
|
sm: "3"
|
|
@@ -3788,7 +3874,7 @@ var Root11 = function(param) {
|
|
|
3788
3874
|
flexGrow: 1
|
|
3789
3875
|
},
|
|
3790
3876
|
children: [
|
|
3791
|
-
/* @__PURE__ */ (0,
|
|
3877
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes47.Inset, {
|
|
3792
3878
|
clip: "padding-box",
|
|
3793
3879
|
side: "all",
|
|
3794
3880
|
pb: "current",
|
|
@@ -3798,13 +3884,13 @@ var Root11 = function(param) {
|
|
|
3798
3884
|
},
|
|
3799
3885
|
children: children
|
|
3800
3886
|
}),
|
|
3801
|
-
/* @__PURE__ */ (0,
|
|
3887
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Close, {})
|
|
3802
3888
|
]
|
|
3803
3889
|
})
|
|
3804
3890
|
});
|
|
3805
3891
|
};
|
|
3806
3892
|
var Messages2 = function() {
|
|
3807
|
-
return /* @__PURE__ */ (0,
|
|
3893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Thread.Messages, {
|
|
3808
3894
|
style: {
|
|
3809
3895
|
paddingTop: "var(--space-5)",
|
|
3810
3896
|
paddingRight: "var(--space-5)",
|
|
@@ -3814,7 +3900,7 @@ var Messages2 = function() {
|
|
|
3814
3900
|
};
|
|
3815
3901
|
var FormContainer = function(param) {
|
|
3816
3902
|
var children = param.children;
|
|
3817
|
-
return /* @__PURE__ */ (0,
|
|
3903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes47.Flex, {
|
|
3818
3904
|
direction: "column",
|
|
3819
3905
|
pl: "5",
|
|
3820
3906
|
pr: "5",
|
|
@@ -3823,38 +3909,38 @@ var FormContainer = function(param) {
|
|
|
3823
3909
|
children: children
|
|
3824
3910
|
});
|
|
3825
3911
|
};
|
|
3826
|
-
var
|
|
3912
|
+
var Content5 = function(param) {
|
|
3827
3913
|
var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
|
|
3828
|
-
return /* @__PURE__ */ (0,
|
|
3914
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Root11, {
|
|
3829
3915
|
style: style,
|
|
3830
|
-
children: /* @__PURE__ */ (0,
|
|
3916
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Thread.Root, {
|
|
3831
3917
|
children: [
|
|
3832
|
-
/* @__PURE__ */ (0,
|
|
3833
|
-
/* @__PURE__ */ (0,
|
|
3834
|
-
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, {})
|
|
3835
3921
|
})
|
|
3836
3922
|
]
|
|
3837
3923
|
})
|
|
3838
3924
|
});
|
|
3839
3925
|
};
|
|
3840
|
-
|
|
3841
|
-
|
|
3842
|
-
|
|
3926
|
+
Content5.Root = Root11;
|
|
3927
|
+
Content5.Messages = Messages2;
|
|
3928
|
+
Content5.FormContainer = FormContainer;
|
|
3843
3929
|
// src/components/threads/ThreadDialog/index.tsx
|
|
3844
|
-
var
|
|
3930
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3845
3931
|
var ThreadDialog = function() {
|
|
3846
|
-
return /* @__PURE__ */ (0,
|
|
3932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Root9, {
|
|
3847
3933
|
children: [
|
|
3848
|
-
/* @__PURE__ */ (0,
|
|
3849
|
-
/* @__PURE__ */ (0,
|
|
3934
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Content5, {}),
|
|
3935
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Trigger, {})
|
|
3850
3936
|
]
|
|
3851
3937
|
});
|
|
3852
3938
|
};
|
|
3853
3939
|
ThreadDialog.Root = Root9;
|
|
3854
3940
|
ThreadDialog.Trigger = Trigger;
|
|
3855
|
-
ThreadDialog.Content =
|
|
3941
|
+
ThreadDialog.Content = Content5;
|
|
3856
3942
|
// src/components/threads/AudioThread/Root/index.tsx
|
|
3857
|
-
var
|
|
3943
|
+
var import_themes48 = require("@radix-ui/themes");
|
|
3858
3944
|
// src/contexts/threads/AudioThreadContext/index.ts
|
|
3859
3945
|
var import_react45 = require("react");
|
|
3860
3946
|
var AudioThreadContext = (0, import_react45.createContext)({
|
|
@@ -4362,7 +4448,7 @@ var useMessageAudio = function(param) {
|
|
|
4362
4448
|
});
|
|
4363
4449
|
};
|
|
4364
4450
|
// src/components/threads/AudioThread/Root/index.tsx
|
|
4365
|
-
var
|
|
4451
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
4366
4452
|
var Root12 = function(param) {
|
|
4367
4453
|
var children = param.children;
|
|
4368
4454
|
var createMessageProps = useCreateMessage();
|
|
@@ -4420,13 +4506,13 @@ var Root12 = function(param) {
|
|
|
4420
4506
|
createMessageProps: createMessageProps,
|
|
4421
4507
|
messageAudioProps: messageAudioProps
|
|
4422
4508
|
}).status;
|
|
4423
|
-
return /* @__PURE__ */ (0,
|
|
4509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AudioThreadContext.Provider, {
|
|
4424
4510
|
value: {
|
|
4425
4511
|
status: status,
|
|
4426
4512
|
recorderProps: recorderProps,
|
|
4427
4513
|
messageAudioProps: messageAudioProps
|
|
4428
4514
|
},
|
|
4429
|
-
children: /* @__PURE__ */ (0,
|
|
4515
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes48.Flex, {
|
|
4430
4516
|
direction: "column",
|
|
4431
4517
|
flexGrow: "1",
|
|
4432
4518
|
p: "9",
|
|
@@ -4437,7 +4523,7 @@ var Root12 = function(param) {
|
|
|
4437
4523
|
// src/components/threads/AudioThread/Visualization/index.tsx
|
|
4438
4524
|
var import_react53 = require("react");
|
|
4439
4525
|
var import_lodash9 = __toESM(require("lodash"), 1);
|
|
4440
|
-
var
|
|
4526
|
+
var import_themes50 = require("@radix-ui/themes");
|
|
4441
4527
|
// src/hooks/threads/useAudioThreadContext/index.ts
|
|
4442
4528
|
var import_react51 = require("react");
|
|
4443
4529
|
var useAudioThreadContext = function() {
|
|
@@ -4445,10 +4531,10 @@ var useAudioThreadContext = function() {
|
|
|
4445
4531
|
};
|
|
4446
4532
|
// src/components/threads/AudioThread/BarsVisualizer/index.tsx
|
|
4447
4533
|
var import_lodash8 = __toESM(require("lodash"), 1);
|
|
4448
|
-
var
|
|
4534
|
+
var import_themes49 = require("@radix-ui/themes");
|
|
4449
4535
|
var import_react52 = require("react");
|
|
4450
4536
|
var import_radash16 = require("radash");
|
|
4451
|
-
var
|
|
4537
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
4452
4538
|
var barCount = 4;
|
|
4453
4539
|
var BarsVisualizer = function(param) {
|
|
4454
4540
|
var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
|
|
@@ -4479,7 +4565,7 @@ var BarsVisualizer = function(param) {
|
|
|
4479
4565
|
draw,
|
|
4480
4566
|
visualizationAnalyser
|
|
4481
4567
|
]);
|
|
4482
|
-
return /* @__PURE__ */ (0,
|
|
4568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes49.Grid, {
|
|
4483
4569
|
columns: "".concat(barCount),
|
|
4484
4570
|
gap: "1",
|
|
4485
4571
|
width: "auto",
|
|
@@ -4488,12 +4574,12 @@ var BarsVisualizer = function(param) {
|
|
|
4488
4574
|
gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
|
|
4489
4575
|
},
|
|
4490
4576
|
children: barHeights.map(function(barHeight, index) {
|
|
4491
|
-
return /* @__PURE__ */ (0,
|
|
4577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes49.Flex, {
|
|
4492
4578
|
direction: "column",
|
|
4493
4579
|
align: "center",
|
|
4494
4580
|
justify: "center",
|
|
4495
4581
|
height: height,
|
|
4496
|
-
children: /* @__PURE__ */ (0,
|
|
4582
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes49.Flex, {
|
|
4497
4583
|
minHeight: "50%",
|
|
4498
4584
|
maxHeight: "100%",
|
|
4499
4585
|
height: "".concat(barHeight + 20, "%"),
|
|
@@ -4508,7 +4594,7 @@ var BarsVisualizer = function(param) {
|
|
|
4508
4594
|
});
|
|
4509
4595
|
};
|
|
4510
4596
|
// src/components/threads/AudioThread/Visualization/index.tsx
|
|
4511
|
-
var
|
|
4597
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
4512
4598
|
var Visualization = function() {
|
|
4513
4599
|
var audioThreadContext = useAudioThreadContext();
|
|
4514
4600
|
var assistantNameContext = (0, import_react53.useContext)(AssistantNameContext);
|
|
@@ -4536,14 +4622,14 @@ var Visualization = function() {
|
|
|
4536
4622
|
draw,
|
|
4537
4623
|
audioThreadContext
|
|
4538
4624
|
]);
|
|
4539
|
-
return /* @__PURE__ */ (0,
|
|
4625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes50.Flex, {
|
|
4540
4626
|
direction: "column",
|
|
4541
4627
|
align: "center",
|
|
4542
4628
|
justify: "center",
|
|
4543
4629
|
mb: "3",
|
|
4544
4630
|
flexGrow: "1",
|
|
4545
4631
|
children: [
|
|
4546
|
-
/* @__PURE__ */ (0,
|
|
4632
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes50.Flex, {
|
|
4547
4633
|
align: "center",
|
|
4548
4634
|
justify: "center",
|
|
4549
4635
|
height: "200px",
|
|
@@ -4553,20 +4639,20 @@ var Visualization = function() {
|
|
|
4553
4639
|
borderRadius: "9999px",
|
|
4554
4640
|
scale: scale
|
|
4555
4641
|
},
|
|
4556
|
-
children: /* @__PURE__ */ (0,
|
|
4642
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(BarsVisualizer, {
|
|
4557
4643
|
visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
|
|
4558
4644
|
backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
|
|
4559
4645
|
height: "40px",
|
|
4560
4646
|
barWidth: "24px"
|
|
4561
4647
|
})
|
|
4562
4648
|
}),
|
|
4563
|
-
/* @__PURE__ */ (0,
|
|
4649
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes50.Flex, {
|
|
4564
4650
|
ml: "-22.5px",
|
|
4565
4651
|
gap: "3",
|
|
4566
4652
|
pt: "5",
|
|
4567
4653
|
children: [
|
|
4568
|
-
/* @__PURE__ */ (0,
|
|
4569
|
-
/* @__PURE__ */ (0,
|
|
4654
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(AssistantAvatar, {}),
|
|
4655
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Name, {
|
|
4570
4656
|
children: assistantNameContext
|
|
4571
4657
|
})
|
|
4572
4658
|
]
|
|
@@ -4575,8 +4661,8 @@ var Visualization = function() {
|
|
|
4575
4661
|
});
|
|
4576
4662
|
};
|
|
4577
4663
|
// src/components/threads/AudioThread/Status/StatusMessages.tsx
|
|
4578
|
-
var
|
|
4579
|
-
var
|
|
4664
|
+
var import_themes51 = require("@radix-ui/themes");
|
|
4665
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
4580
4666
|
var html = function(param) {
|
|
4581
4667
|
var texts = param.texts;
|
|
4582
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) {
|
|
@@ -4585,17 +4671,17 @@ var html = function(param) {
|
|
|
4585
4671
|
};
|
|
4586
4672
|
var StatusMessages = function(param) {
|
|
4587
4673
|
var texts = param.texts;
|
|
4588
|
-
return /* @__PURE__ */ (0,
|
|
4674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes51.Flex, {
|
|
4589
4675
|
justify: "center",
|
|
4590
4676
|
pb: "5",
|
|
4591
4677
|
children: [
|
|
4592
|
-
/* @__PURE__ */ (0,
|
|
4678
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes51.Text, {
|
|
4593
4679
|
size: "2",
|
|
4594
4680
|
weight: "regular",
|
|
4595
4681
|
color: "gray",
|
|
4596
4682
|
className: "status-messages-texts"
|
|
4597
4683
|
}),
|
|
4598
|
-
/* @__PURE__ */ (0,
|
|
4684
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("style", {
|
|
4599
4685
|
dangerouslySetInnerHTML: {
|
|
4600
4686
|
__html: html({
|
|
4601
4687
|
texts: texts
|
|
@@ -4606,11 +4692,11 @@ var StatusMessages = function(param) {
|
|
|
4606
4692
|
});
|
|
4607
4693
|
};
|
|
4608
4694
|
// src/components/threads/AudioThread/Status/index.tsx
|
|
4609
|
-
var
|
|
4695
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
4610
4696
|
var Status = function() {
|
|
4611
4697
|
var audioThreadContext = useAudioThreadContext();
|
|
4612
4698
|
if (audioThreadContext.status === "recording") {
|
|
4613
|
-
return /* @__PURE__ */ (0,
|
|
4699
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StatusMessages, {
|
|
4614
4700
|
texts: [
|
|
4615
4701
|
"Start speaking",
|
|
4616
4702
|
"Listening",
|
|
@@ -4624,31 +4710,31 @@ var Status = function() {
|
|
|
4624
4710
|
"idle",
|
|
4625
4711
|
"playerPaused"
|
|
4626
4712
|
].includes(audioThreadContext.status)) {
|
|
4627
|
-
return /* @__PURE__ */ (0,
|
|
4713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StatusMessages, {
|
|
4628
4714
|
texts: [
|
|
4629
4715
|
"Click the button below to activate"
|
|
4630
4716
|
]
|
|
4631
4717
|
});
|
|
4632
4718
|
}
|
|
4633
4719
|
if (audioThreadContext.status === "playing") {
|
|
4634
|
-
return /* @__PURE__ */ (0,
|
|
4720
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StatusMessages, {
|
|
4635
4721
|
texts: [
|
|
4636
4722
|
"Click the button below to interrupt"
|
|
4637
4723
|
]
|
|
4638
4724
|
});
|
|
4639
4725
|
}
|
|
4640
|
-
return /* @__PURE__ */ (0,
|
|
4726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StatusMessages, {
|
|
4641
4727
|
texts: [
|
|
4642
4728
|
"Thinking"
|
|
4643
4729
|
]
|
|
4644
4730
|
});
|
|
4645
4731
|
};
|
|
4646
4732
|
// src/components/threads/AudioThread/Form/index.tsx
|
|
4647
|
-
var
|
|
4733
|
+
var import_themes53 = require("@radix-ui/themes");
|
|
4648
4734
|
// src/components/threads/AudioThread/Form/MicIcon.tsx
|
|
4649
|
-
var
|
|
4735
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
4650
4736
|
var MicIcon = function(props) {
|
|
4651
|
-
return /* @__PURE__ */ (0,
|
|
4737
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("svg", _object_spread_props(_object_spread({
|
|
4652
4738
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4653
4739
|
fill: "currentColor",
|
|
4654
4740
|
stroke: "currentColor",
|
|
@@ -4657,54 +4743,54 @@ var MicIcon = function(props) {
|
|
|
4657
4743
|
height: "15",
|
|
4658
4744
|
width: "15"
|
|
4659
4745
|
}, props), {
|
|
4660
|
-
children: /* @__PURE__ */ (0,
|
|
4746
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", {
|
|
4661
4747
|
stroke: "none",
|
|
4662
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"
|
|
4663
4749
|
})
|
|
4664
4750
|
}));
|
|
4665
4751
|
};
|
|
4666
4752
|
// src/components/threads/AudioThread/Form/ActionButton/index.tsx
|
|
4667
|
-
var
|
|
4753
|
+
var import_themes52 = require("@radix-ui/themes");
|
|
4668
4754
|
var import_react_icons13 = require("@radix-ui/react-icons");
|
|
4669
|
-
var
|
|
4755
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
4670
4756
|
var ActionButton = function() {
|
|
4671
4757
|
var audioThreadContext = useAudioThreadContext();
|
|
4672
4758
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
4673
4759
|
if (audioThreadContext.status === "recording") {
|
|
4674
|
-
return /* @__PURE__ */ (0,
|
|
4760
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_themes52.Flex, {
|
|
4675
4761
|
align: "center",
|
|
4676
4762
|
children: [
|
|
4677
|
-
/* @__PURE__ */ (0,
|
|
4763
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.Flex, {
|
|
4678
4764
|
mr: "3",
|
|
4679
4765
|
ml: "-7",
|
|
4680
|
-
children: /* @__PURE__ */ (0,
|
|
4766
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4681
4767
|
onClick: audioThreadContext.recorderProps.pause,
|
|
4682
4768
|
color: "gray",
|
|
4683
4769
|
variant: "soft",
|
|
4684
4770
|
size: "1",
|
|
4685
|
-
children: /* @__PURE__ */ (0,
|
|
4771
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.PauseIcon, {})
|
|
4686
4772
|
})
|
|
4687
4773
|
}),
|
|
4688
|
-
/* @__PURE__ */ (0,
|
|
4774
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4689
4775
|
onClick: audioThreadContext.recorderProps.stop,
|
|
4690
4776
|
highContrast: true,
|
|
4691
4777
|
variant: "soft",
|
|
4692
4778
|
size: "4",
|
|
4693
|
-
children: /* @__PURE__ */ (0,
|
|
4779
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.ArrowUpIcon, {})
|
|
4694
4780
|
})
|
|
4695
4781
|
]
|
|
4696
4782
|
});
|
|
4697
4783
|
}
|
|
4698
4784
|
if (audioThreadContext.status === "recorderPaused") {
|
|
4699
|
-
return /* @__PURE__ */ (0,
|
|
4785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4700
4786
|
onClick: audioThreadContext.recorderProps.resume,
|
|
4701
4787
|
color: "red",
|
|
4702
4788
|
size: "4",
|
|
4703
|
-
children: /* @__PURE__ */ (0,
|
|
4789
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.ResumeIcon, {})
|
|
4704
4790
|
});
|
|
4705
4791
|
}
|
|
4706
4792
|
if (audioThreadContext.status === "idle") {
|
|
4707
|
-
return /* @__PURE__ */ (0,
|
|
4793
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4708
4794
|
onClick: function() {
|
|
4709
4795
|
return audioThreadContext.recorderProps.start();
|
|
4710
4796
|
},
|
|
@@ -4713,7 +4799,7 @@ var ActionButton = function() {
|
|
|
4713
4799
|
});
|
|
4714
4800
|
}
|
|
4715
4801
|
if (audioThreadContext.status === "playing") {
|
|
4716
|
-
return /* @__PURE__ */ (0,
|
|
4802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4717
4803
|
onClick: function() {
|
|
4718
4804
|
var _superinterfaceContext_createMessageAbortControllerRef_current;
|
|
4719
4805
|
audioThreadContext.messageAudioProps.stop();
|
|
@@ -4723,54 +4809,54 @@ var ActionButton = function() {
|
|
|
4723
4809
|
size: "4",
|
|
4724
4810
|
color: "gray",
|
|
4725
4811
|
variant: "soft",
|
|
4726
|
-
children: /* @__PURE__ */ (0,
|
|
4812
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.StopIcon, {})
|
|
4727
4813
|
});
|
|
4728
4814
|
}
|
|
4729
4815
|
if (audioThreadContext.status === "playerPaused") {
|
|
4730
|
-
return /* @__PURE__ */ (0,
|
|
4816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4731
4817
|
onClick: function() {
|
|
4732
4818
|
return audioThreadContext.messageAudioProps.play();
|
|
4733
4819
|
},
|
|
4734
4820
|
size: "4",
|
|
4735
|
-
children: /* @__PURE__ */ (0,
|
|
4821
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons13.ResumeIcon, {})
|
|
4736
4822
|
});
|
|
4737
4823
|
}
|
|
4738
|
-
return /* @__PURE__ */ (0,
|
|
4824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.IconButton, {
|
|
4739
4825
|
size: "4",
|
|
4740
4826
|
variant: "soft",
|
|
4741
4827
|
disabled: true
|
|
4742
4828
|
});
|
|
4743
4829
|
};
|
|
4744
4830
|
// src/components/threads/AudioThread/Form/index.tsx
|
|
4745
|
-
var
|
|
4831
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
4746
4832
|
var Form = function() {
|
|
4747
4833
|
var audioThreadContext = useAudioThreadContext();
|
|
4748
|
-
return /* @__PURE__ */ (0,
|
|
4834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes53.Flex, {
|
|
4749
4835
|
direction: "column",
|
|
4750
4836
|
align: "center",
|
|
4751
4837
|
children: [
|
|
4752
|
-
/* @__PURE__ */ (0,
|
|
4838
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes53.Flex, {
|
|
4753
4839
|
pb: "3",
|
|
4754
4840
|
align: "center",
|
|
4755
4841
|
children: [
|
|
4756
|
-
/* @__PURE__ */ (0,
|
|
4842
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.Flex, {
|
|
4757
4843
|
ml: "-22.5px",
|
|
4758
4844
|
mr: "2",
|
|
4759
4845
|
align: "center",
|
|
4760
|
-
children: /* @__PURE__ */ (0,
|
|
4846
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MicIcon, {
|
|
4761
4847
|
style: {
|
|
4762
4848
|
color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
|
|
4763
4849
|
}
|
|
4764
4850
|
})
|
|
4765
4851
|
}),
|
|
4766
|
-
/* @__PURE__ */ (0,
|
|
4852
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.Flex, {
|
|
4767
4853
|
px: "2",
|
|
4768
4854
|
py: "1",
|
|
4769
4855
|
style: {
|
|
4770
4856
|
backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
|
|
4771
4857
|
borderRadius: "var(--radius-6)"
|
|
4772
4858
|
},
|
|
4773
|
-
children: /* @__PURE__ */ (0,
|
|
4859
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BarsVisualizer, {
|
|
4774
4860
|
visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
|
|
4775
4861
|
backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
|
|
4776
4862
|
height: "20px",
|
|
@@ -4779,18 +4865,18 @@ var Form = function() {
|
|
|
4779
4865
|
})
|
|
4780
4866
|
]
|
|
4781
4867
|
}),
|
|
4782
|
-
/* @__PURE__ */ (0,
|
|
4868
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ActionButton, {})
|
|
4783
4869
|
]
|
|
4784
4870
|
});
|
|
4785
4871
|
};
|
|
4786
4872
|
// src/components/threads/AudioThread/index.tsx
|
|
4787
|
-
var
|
|
4873
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
4788
4874
|
var AudioThread = function(props) {
|
|
4789
|
-
return /* @__PURE__ */ (0,
|
|
4875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
|
|
4790
4876
|
children: [
|
|
4791
|
-
/* @__PURE__ */ (0,
|
|
4792
|
-
/* @__PURE__ */ (0,
|
|
4793
|
-
/* @__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, {})
|
|
4794
4880
|
]
|
|
4795
4881
|
}));
|
|
4796
4882
|
};
|
|
@@ -4798,35 +4884,35 @@ AudioThread.Root = Root12;
|
|
|
4798
4884
|
AudioThread.Visualization = Visualization;
|
|
4799
4885
|
AudioThread.Form = Form;
|
|
4800
4886
|
// src/components/threads/AudioThreadDialog/index.tsx
|
|
4801
|
-
var
|
|
4887
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
4802
4888
|
var AudioThreadDialog = function() {
|
|
4803
|
-
return /* @__PURE__ */ (0,
|
|
4889
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Root9, {
|
|
4804
4890
|
children: [
|
|
4805
|
-
/* @__PURE__ */ (0,
|
|
4806
|
-
children: /* @__PURE__ */ (0,
|
|
4891
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Content5.Root, {
|
|
4892
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(AudioThread, {})
|
|
4807
4893
|
}),
|
|
4808
|
-
/* @__PURE__ */ (0,
|
|
4894
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Trigger, {})
|
|
4809
4895
|
]
|
|
4810
4896
|
});
|
|
4811
4897
|
};
|
|
4812
4898
|
AudioThreadDialog.Root = Root9;
|
|
4813
4899
|
AudioThreadDialog.Trigger = Trigger;
|
|
4814
|
-
AudioThreadDialog.Content =
|
|
4900
|
+
AudioThreadDialog.Content = Content5;
|
|
4815
4901
|
// src/components/suggestions/Suggestions/index.tsx
|
|
4816
4902
|
var import_react55 = require("react");
|
|
4817
4903
|
// src/components/suggestions/Suggestions/Content.tsx
|
|
4818
4904
|
var import_react54 = require("react");
|
|
4819
4905
|
var import_radash17 = require("radash");
|
|
4820
4906
|
var import_react_children_utilities = require("react-children-utilities");
|
|
4821
|
-
var
|
|
4907
|
+
var import_themes55 = require("@radix-ui/themes");
|
|
4822
4908
|
// src/components/suggestions/Suggestions/Item.tsx
|
|
4823
4909
|
var import_react_icons14 = require("@radix-ui/react-icons");
|
|
4824
|
-
var
|
|
4825
|
-
var
|
|
4910
|
+
var import_themes54 = require("@radix-ui/themes");
|
|
4911
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
4826
4912
|
var Item = function(param) {
|
|
4827
4913
|
var suggestion = param.suggestion, isDisabled = param.isDisabled;
|
|
4828
4914
|
var _useCreateMessage = useCreateMessage(), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
|
|
4829
|
-
return /* @__PURE__ */ (0,
|
|
4915
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Content6, {
|
|
4830
4916
|
onClick: function() {
|
|
4831
4917
|
createMessage({
|
|
4832
4918
|
// @ts-ignore-next-line
|
|
@@ -4838,9 +4924,9 @@ var Item = function(param) {
|
|
|
4838
4924
|
children: suggestion
|
|
4839
4925
|
});
|
|
4840
4926
|
};
|
|
4841
|
-
var
|
|
4927
|
+
var Content6 = function(param) {
|
|
4842
4928
|
var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
|
|
4843
|
-
return /* @__PURE__ */ (0,
|
|
4929
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_themes54.Button, {
|
|
4844
4930
|
variant: "soft",
|
|
4845
4931
|
onClick: onClick,
|
|
4846
4932
|
disabled: isDisabled,
|
|
@@ -4850,14 +4936,14 @@ var Content5 = function(param) {
|
|
|
4850
4936
|
flexShrink: 1
|
|
4851
4937
|
},
|
|
4852
4938
|
children: [
|
|
4853
|
-
/* @__PURE__ */ (0,
|
|
4939
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes54.Text, {
|
|
4854
4940
|
size: "1",
|
|
4855
4941
|
weight: "regular",
|
|
4856
4942
|
children: children
|
|
4857
4943
|
}),
|
|
4858
|
-
/* @__PURE__ */ (0,
|
|
4944
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes54.Spinner, {
|
|
4859
4945
|
loading: isPending,
|
|
4860
|
-
children: /* @__PURE__ */ (0,
|
|
4946
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_icons14.ArrowUpIcon, {
|
|
4861
4947
|
style: {
|
|
4862
4948
|
flexShrink: 0
|
|
4863
4949
|
}
|
|
@@ -4866,10 +4952,10 @@ var Content5 = function(param) {
|
|
|
4866
4952
|
]
|
|
4867
4953
|
});
|
|
4868
4954
|
};
|
|
4869
|
-
Item.Content =
|
|
4955
|
+
Item.Content = Content6;
|
|
4870
4956
|
// src/components/suggestions/Suggestions/Content.tsx
|
|
4871
|
-
var
|
|
4872
|
-
var
|
|
4957
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
4958
|
+
var Content7 = function(param) {
|
|
4873
4959
|
var children = param.children;
|
|
4874
4960
|
var isMutatingMessage = useIsMutatingMessage();
|
|
4875
4961
|
var suggestions = (0, import_react54.useMemo)(function() {
|
|
@@ -4882,12 +4968,12 @@ var Content6 = function(param) {
|
|
|
4882
4968
|
children
|
|
4883
4969
|
]);
|
|
4884
4970
|
if ((0, import_radash17.isEmpty)(suggestions)) return null;
|
|
4885
|
-
return /* @__PURE__ */ (0,
|
|
4971
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes55.Flex, {
|
|
4886
4972
|
gap: "2",
|
|
4887
4973
|
py: "2",
|
|
4888
4974
|
wrap: "wrap",
|
|
4889
4975
|
children: suggestions.map(function(suggestion) {
|
|
4890
|
-
return /* @__PURE__ */ (0,
|
|
4976
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Item, {
|
|
4891
4977
|
suggestion: suggestion,
|
|
4892
4978
|
isDisabled: isMutatingMessage
|
|
4893
4979
|
}, suggestion);
|
|
@@ -4895,7 +4981,7 @@ var Content6 = function(param) {
|
|
|
4895
4981
|
});
|
|
4896
4982
|
};
|
|
4897
4983
|
// src/components/suggestions/Suggestions/index.tsx
|
|
4898
|
-
var
|
|
4984
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
4899
4985
|
var Suggestions = function(param) {
|
|
4900
4986
|
var children = param.children;
|
|
4901
4987
|
var latestMessageProps = useLatestMessage();
|
|
@@ -4908,14 +4994,14 @@ var Suggestions = function(param) {
|
|
|
4908
4994
|
]);
|
|
4909
4995
|
if (latestMessageProps.isLoading) return null;
|
|
4910
4996
|
if (isDisabled) return null;
|
|
4911
|
-
return /* @__PURE__ */ (0,
|
|
4997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Content7, {
|
|
4912
4998
|
children: children
|
|
4913
4999
|
});
|
|
4914
5000
|
};
|
|
4915
5001
|
Suggestions.Item = Item;
|
|
4916
5002
|
// src/components/markdown/MarkdownProvider/index.tsx
|
|
4917
5003
|
var import_react56 = require("react");
|
|
4918
|
-
var
|
|
5004
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
4919
5005
|
var MarkdownProvider = function(_param) {
|
|
4920
5006
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
4921
5007
|
"children"
|
|
@@ -4927,15 +5013,15 @@ var MarkdownProvider = function(_param) {
|
|
|
4927
5013
|
rest,
|
|
4928
5014
|
prevMarkdownContext
|
|
4929
5015
|
]);
|
|
4930
|
-
return /* @__PURE__ */ (0,
|
|
5016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(MarkdownContext.Provider, {
|
|
4931
5017
|
value: value,
|
|
4932
5018
|
children: children
|
|
4933
5019
|
});
|
|
4934
5020
|
};
|
|
4935
5021
|
// src/components/avatars/Avatar.tsx
|
|
4936
|
-
var
|
|
5022
|
+
var import_themes58 = require("@radix-ui/themes");
|
|
4937
5023
|
// src/components/imageAvatars/ImageAvatar/index.tsx
|
|
4938
|
-
var
|
|
5024
|
+
var import_themes56 = require("@radix-ui/themes");
|
|
4939
5025
|
// src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
|
|
4940
5026
|
var width = function(param) {
|
|
4941
5027
|
var size = param.size;
|
|
@@ -4986,11 +5072,11 @@ var optimizedSrc = function(param) {
|
|
|
4986
5072
|
}));
|
|
4987
5073
|
};
|
|
4988
5074
|
// src/components/imageAvatars/ImageAvatar/index.tsx
|
|
4989
|
-
var
|
|
5075
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
4990
5076
|
var ImageAvatar = function(param) {
|
|
4991
5077
|
var imageAvatar = param.imageAvatar, size = param.size;
|
|
4992
5078
|
var superinterfaceContext = useSuperinterfaceContext();
|
|
4993
|
-
return /* @__PURE__ */ (0,
|
|
5079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes56.Avatar, {
|
|
4994
5080
|
fallback: "",
|
|
4995
5081
|
src: optimizedSrc({
|
|
4996
5082
|
imageAvatar: imageAvatar,
|
|
@@ -5002,13 +5088,13 @@ var ImageAvatar = function(param) {
|
|
|
5002
5088
|
};
|
|
5003
5089
|
// src/components/iconAvatars/IconAvatar.tsx
|
|
5004
5090
|
var import_react57 = require("react");
|
|
5005
|
-
var
|
|
5091
|
+
var import_themes57 = require("@radix-ui/themes");
|
|
5006
5092
|
// src/lib/iconAvatars/iconAvatarComponents.ts
|
|
5007
5093
|
var import_react_icons15 = require("@radix-ui/react-icons");
|
|
5008
5094
|
var _obj;
|
|
5009
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);
|
|
5010
5096
|
// src/components/iconAvatars/IconAvatar.tsx
|
|
5011
|
-
var
|
|
5097
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
5012
5098
|
var IconAvatar = function(param) {
|
|
5013
5099
|
var iconAvatar = param.iconAvatar, size = param.size;
|
|
5014
5100
|
var Component = (0, import_react57.useMemo)(function() {
|
|
@@ -5016,30 +5102,30 @@ var IconAvatar = function(param) {
|
|
|
5016
5102
|
}, [
|
|
5017
5103
|
iconAvatar
|
|
5018
5104
|
]);
|
|
5019
|
-
return /* @__PURE__ */ (0,
|
|
5105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes57.Avatar, {
|
|
5020
5106
|
size: size,
|
|
5021
|
-
fallback: Component ? /* @__PURE__ */ (0,
|
|
5107
|
+
fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Component, {}) : ""
|
|
5022
5108
|
});
|
|
5023
5109
|
};
|
|
5024
5110
|
// src/components/avatars/Avatar.tsx
|
|
5025
|
-
var
|
|
5111
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
5026
5112
|
var Avatar6 = function(param) {
|
|
5027
5113
|
var avatar = param.avatar, _param_size = param.size, size = _param_size === void 0 ? "1" : _param_size;
|
|
5028
5114
|
if (avatar) {
|
|
5029
5115
|
if (avatar.type === "IMAGE" /* IMAGE */ && avatar.imageAvatar) {
|
|
5030
|
-
return /* @__PURE__ */ (0,
|
|
5116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ImageAvatar, {
|
|
5031
5117
|
imageAvatar: avatar.imageAvatar,
|
|
5032
5118
|
size: size
|
|
5033
5119
|
});
|
|
5034
5120
|
}
|
|
5035
5121
|
if (avatar.type === "ICON" /* ICON */ && avatar.iconAvatar) {
|
|
5036
|
-
return /* @__PURE__ */ (0,
|
|
5122
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(IconAvatar, {
|
|
5037
5123
|
iconAvatar: avatar.iconAvatar,
|
|
5038
5124
|
size: size
|
|
5039
5125
|
});
|
|
5040
5126
|
}
|
|
5041
5127
|
}
|
|
5042
|
-
return /* @__PURE__ */ (0,
|
|
5128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes58.Avatar, {
|
|
5043
5129
|
fallback: "",
|
|
5044
5130
|
size: size
|
|
5045
5131
|
});
|
|
@@ -5052,7 +5138,7 @@ var useComponents = function() {
|
|
|
5052
5138
|
return (0, import_react58.useContext)(ComponentsContext);
|
|
5053
5139
|
};
|
|
5054
5140
|
// src/components/components/ComponentsProvider.tsx
|
|
5055
|
-
var
|
|
5141
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
5056
5142
|
var ComponentsProvider = function(_param) {
|
|
5057
5143
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
5058
5144
|
"children"
|
|
@@ -5064,7 +5150,7 @@ var ComponentsProvider = function(_param) {
|
|
|
5064
5150
|
rest,
|
|
5065
5151
|
prevComponents
|
|
5066
5152
|
]);
|
|
5067
|
-
return /* @__PURE__ */ (0,
|
|
5153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ComponentsContext.Provider, {
|
|
5068
5154
|
value: value,
|
|
5069
5155
|
children: children
|
|
5070
5156
|
});
|