@copilotkit/react-textarea 0.19.0-alpha.0 → 0.19.0-alpha.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/.turbo/turbo-build.log +154 -154
- package/CHANGELOG.md +8 -0
- package/dist/{chunk-MA4NHL3H.mjs → chunk-5SL5L4VS.mjs} +5 -5
- package/dist/{chunk-4T72ROFJ.mjs → chunk-ITZHK3YV.mjs} +17 -9
- package/dist/chunk-ITZHK3YV.mjs.map +1 -0
- package/dist/{chunk-VHIS7RTM.mjs → chunk-KDFCAQGV.mjs} +2 -2
- package/dist/{chunk-ASPOPGV7.mjs → chunk-OM5WQQOU.mjs} +2 -2
- package/dist/chunk-OM5WQQOU.mjs.map +1 -0
- package/dist/{chunk-CIFH63LP.mjs → chunk-RPDVSCLO.mjs} +2 -2
- package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs +8 -8
- package/dist/components/copilot-textarea/copilot-textarea.mjs +9 -9
- package/dist/components/hovering-toolbar/hovering-toolbar.mjs +3 -3
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.mjs +2 -2
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/index.mjs +2 -2
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.d.ts +1 -1
- package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.mjs +1 -1
- package/dist/components/index.mjs +9 -9
- package/dist/components/manual-ui/chip-with-icon.mjs +5 -1
- package/dist/components/manual-ui/chip-with-icon.mjs.map +1 -1
- package/dist/components/source-search-box/source-search-box.d.ts +1 -1
- package/dist/components/source-search-box/source-search-box.mjs +1 -1
- package/dist/index.mjs +10 -10
- package/package.json +3 -3
- package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx +4 -1
- package/src/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.tsx +60 -49
- package/src/components/manual-ui/chip-with-icon.tsx +7 -8
- package/src/components/source-search-box/source-search-box.tsx +17 -11
- package/dist/chunk-4T72ROFJ.mjs.map +0 -1
- package/dist/chunk-ASPOPGV7.mjs.map +0 -1
- /package/dist/{chunk-MA4NHL3H.mjs.map → chunk-5SL5L4VS.mjs.map} +0 -0
- /package/dist/{chunk-VHIS7RTM.mjs.map → chunk-KDFCAQGV.mjs.map} +0 -0
- /package/dist/{chunk-CIFH63LP.mjs.map → chunk-RPDVSCLO.mjs.map} +0 -0
package/src/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.tsx
CHANGED
|
@@ -13,9 +13,8 @@ import { Button } from "../../ui/button";
|
|
|
13
13
|
import { Label } from "../../ui/label";
|
|
14
14
|
import React, { useEffect, useRef, useState } from "react";
|
|
15
15
|
|
|
16
|
-
import Chip from
|
|
17
|
-
import Avatar from
|
|
18
|
-
|
|
16
|
+
import Chip from "@mui/material/Chip";
|
|
17
|
+
import Avatar from "@mui/material/Avatar";
|
|
19
18
|
|
|
20
19
|
export type State_SuggestionAppearing = {
|
|
21
20
|
type: "suggestion-appearing";
|
|
@@ -234,8 +233,11 @@ export const SuggestionAppearing: React.FC<SuggestionAppearingProps> = ({
|
|
|
234
233
|
return (
|
|
235
234
|
<div className="w-full flex flex-col items-start relative gap-2">
|
|
236
235
|
{AdjustmentPromptComponent}
|
|
237
|
-
{
|
|
238
|
-
<IncludedFilesPreview
|
|
236
|
+
{filePointers.length > 0 && (
|
|
237
|
+
<IncludedFilesPreview
|
|
238
|
+
includedFiles={filePointers}
|
|
239
|
+
setIncludedFiles={setFilePointers}
|
|
240
|
+
/>
|
|
239
241
|
)}
|
|
240
242
|
{sourceSearchWord !== undefined && (
|
|
241
243
|
<SourceSearchBox
|
|
@@ -243,10 +245,7 @@ export const SuggestionAppearing: React.FC<SuggestionAppearingProps> = ({
|
|
|
243
245
|
recentFiles={mockFiles}
|
|
244
246
|
onSelectedFile={(filePointer) => {
|
|
245
247
|
setAdjustmentPrompt(
|
|
246
|
-
adjustmentPrompt.replace(
|
|
247
|
-
new RegExp(`@${sourceSearchWord}$`),
|
|
248
|
-
""
|
|
249
|
-
)
|
|
248
|
+
adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), "")
|
|
250
249
|
);
|
|
251
250
|
setFilePointers((prev) => [...prev, filePointer]);
|
|
252
251
|
|
|
@@ -261,13 +260,15 @@ export const SuggestionAppearing: React.FC<SuggestionAppearingProps> = ({
|
|
|
261
260
|
);
|
|
262
261
|
};
|
|
263
262
|
|
|
264
|
-
|
|
265
263
|
interface IncludedFilesPreviewProps {
|
|
266
264
|
includedFiles: FilePointer[];
|
|
267
265
|
setIncludedFiles: React.Dispatch<React.SetStateAction<FilePointer[]>>;
|
|
268
266
|
}
|
|
269
267
|
|
|
270
|
-
export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({
|
|
268
|
+
export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({
|
|
269
|
+
includedFiles,
|
|
270
|
+
setIncludedFiles,
|
|
271
|
+
}) => {
|
|
271
272
|
return (
|
|
272
273
|
<div className="flex flex-col gap-2">
|
|
273
274
|
<div className="flex flex-wrap gap-2">
|
|
@@ -277,7 +278,9 @@ export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({ incl
|
|
|
277
278
|
key={`file-${filePointer.sourceApplication}.${filePointer.name}`}
|
|
278
279
|
filePointer={filePointer}
|
|
279
280
|
onDelete={() => {
|
|
280
|
-
setIncludedFiles((prev) =>
|
|
281
|
+
setIncludedFiles((prev) =>
|
|
282
|
+
prev.filter((fp) => fp !== filePointer)
|
|
283
|
+
);
|
|
281
284
|
}}
|
|
282
285
|
/>
|
|
283
286
|
);
|
|
@@ -301,58 +304,66 @@ export const FileChipPreview: React.FC<FileChipPreviewProp> = ({
|
|
|
301
304
|
label={filePointer.name}
|
|
302
305
|
onDelete={onDelete}
|
|
303
306
|
avatar={
|
|
304
|
-
<Avatar sx={{ backgroundColor:
|
|
305
|
-
<IconForFilePointer
|
|
307
|
+
<Avatar sx={{ backgroundColor: "transparent" }}>
|
|
308
|
+
<IconForFilePointer
|
|
309
|
+
filePointer={filePointer}
|
|
310
|
+
className="w-4 h-4 object-contain"
|
|
311
|
+
/>
|
|
306
312
|
</Avatar>
|
|
307
313
|
}
|
|
308
314
|
/>
|
|
309
315
|
);
|
|
310
|
-
}
|
|
316
|
+
};
|
|
311
317
|
|
|
312
|
-
export function IconForFilePointer({
|
|
313
|
-
|
|
314
|
-
|
|
318
|
+
export function IconForFilePointer({
|
|
319
|
+
filePointer,
|
|
320
|
+
className,
|
|
321
|
+
}: {
|
|
322
|
+
filePointer: FilePointer;
|
|
323
|
+
className: string;
|
|
324
|
+
}): JSX.Element {
|
|
325
|
+
if (filePointer.sourceApplication === "Salesforce") {
|
|
326
|
+
return <IconSalesforce className={className} />;
|
|
315
327
|
} else {
|
|
316
|
-
return <IconSalesforce className={className}
|
|
328
|
+
return <IconSalesforce className={className} />;
|
|
317
329
|
}
|
|
318
330
|
}
|
|
319
331
|
|
|
320
332
|
function IconSalesforce({ className, ...props }: React.ComponentProps<"svg">) {
|
|
321
333
|
return (
|
|
322
334
|
<svg
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
335
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
336
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
337
|
+
preserveAspectRatio="xMidYMid meet"
|
|
338
|
+
viewBox="0 0 273 191"
|
|
339
|
+
{...props}
|
|
340
|
+
>
|
|
341
|
+
<title>{"Salesforce.com logo"}</title>
|
|
342
|
+
<defs>
|
|
343
|
+
<path id="a" d="M.06.5h272v190H.06z" />
|
|
344
|
+
</defs>
|
|
345
|
+
<g fillRule="evenodd">
|
|
346
|
+
<mask id="b" fill="#fff">
|
|
347
|
+
<use xlinkHref="#a" />
|
|
348
|
+
</mask>
|
|
349
|
+
<path
|
|
350
|
+
fill="#00A1E0"
|
|
351
|
+
d="M113 21.3c8.78-9.14 21-14.8 34.5-14.8 18 0 33.6 10 42 24.9a58 58 0 0 1 23.7-5.05c32.4 0 58.7 26.5 58.7 59.2s-26.3 59.2-58.7 59.2c-3.96 0-7.82-.398-11.6-1.15-7.35 13.1-21.4 22-37.4 22a42.7 42.7 0 0 1-18.8-4.32c-7.45 17.5-24.8 29.8-45 29.8-21.1 0-39-13.3-45.9-32a45.1 45.1 0 0 1-9.34.972c-25.1 0-45.4-20.6-45.4-45.9 0-17 9.14-31.8 22.7-39.8a52.6 52.6 0 0 1-4.35-21c0-29.2 23.7-52.8 52.9-52.8 17.1 0 32.4 8.15 42 20.8"
|
|
352
|
+
mask="url(#b)"
|
|
353
|
+
/>
|
|
354
|
+
<path
|
|
355
|
+
fill="#FFFFFE"
|
|
356
|
+
d="M39.4 99.3c-.171.446.061.539.116.618.511.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.92-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.26.799 7.09 1.81 0 0 .542.35.739-.173.107-.283 1.04-2.78 1.14-3.06.106-.293-.08-.514-.271-.628-2.1-1.28-5-2.15-8-2.15l-.557.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.592.184c2.68.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.941 0-3.94-.016-7.19-2.07-.393-.229-.617-.394-.92-.579-.16-.097-.56-.272-.734.252l-1.1 3.06m81.7 0c-.171.446.061.539.118.618.509.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.91-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.25.799 7.09 1.81 0 0 .542.35.74-.173.106-.283 1.04-2.78 1.13-3.06.107-.293-.08-.514-.27-.628-2.1-1.28-5-2.15-8-2.15l-.558.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.591.184c2.69.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.943 0-3.95-.016-7.19-2.07-.393-.229-.623-.387-.921-.579-.101-.064-.572-.248-.733.252l-1.1 3.06m55.8-9.36c0 2.7-.504 4.83-1.49 6.34-.984 1.49-2.47 2.22-4.54 2.22s-3.55-.724-4.52-2.21c-.977-1.5-1.47-3.64-1.47-6.34 0-2.7.496-4.82 1.47-6.31.968-1.48 2.44-2.19 4.52-2.19s3.56.717 4.54 2.19c.992 1.49 1.49 3.61 1.49 6.31m4.66-5.01c-.459-1.55-1.17-2.91-2.12-4.05a10.151 10.151 0 0 0-3.58-2.72c-1.42-.665-3.1-1-5-1s-3.57.337-5 1c-1.42.664-2.63 1.58-3.58 2.72-.948 1.14-1.66 2.5-2.12 4.05-.455 1.54-.686 3.22-.686 5.01 0 1.79.231 3.47.686 5.01.457 1.55 1.17 2.91 2.12 4.05.951 1.14 2.16 2.05 3.58 2.7 1.43.648 3.11.978 5 .978 1.89 0 3.57-.33 4.99-.978 1.42-.648 2.63-1.56 3.58-2.7.949-1.14 1.66-2.5 2.12-4.05.454-1.54.685-3.22.685-5.01 0-1.78-.231-3.47-.685-5.01m38.3 12.8c-.153-.453-.595-.282-.595-.282-.677.259-1.4.499-2.17.619-.776.122-1.64.183-2.55.183-2.25 0-4.05-.671-5.33-2-1.29-1.33-2.01-3.47-2-6.37.007-2.64.645-4.62 1.79-6.14 1.13-1.5 2.87-2.28 5.17-2.28 1.92 0 3.39.223 4.93.705 0 0 .365.159.54-.322.409-1.13.711-1.94 1.15-3.18.124-.355-.18-.505-.291-.548-.604-.236-2.03-.623-3.11-.786-1.01-.154-2.18-.234-3.5-.234-1.96 0-3.7.335-5.19.999-1.49.663-2.75 1.58-3.75 2.72-1 1.14-1.76 2.5-2.27 4.05-.505 1.54-.76 3.23-.76 5.02 0 3.86 1.04 6.99 3.1 9.28 2.06 2.3 5.16 3.46 9.2 3.46 2.39 0 4.84-.483 6.6-1.18 0 0 .336-.162.19-.554l-1.15-3.16m8.15-10.4c.223-1.5.634-2.75 1.28-3.72.967-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.65.975.934 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.397-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.959 1.16-1.68 2.53-2.14 4.1-.46 1.55-.692 3.25-.692 5.03 0 1.82.241 3.51.715 5.04.479 1.54 1.25 2.89 2.29 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.52.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.175-.098.34-.267.134-.754l-1.03-2.89c-.158-.431-.594-.275-.594-.275-1.13.422-2.73 1.18-6.48 1.17-2.45-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.471-6.79zm-142 3.3c.223-1.5.635-2.75 1.28-3.72.968-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.649.975.933 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.396-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.957 1.16-1.68 2.53-2.14 4.1-.459 1.55-.69 3.25-.69 5.03 0 1.82.239 3.51.716 5.04.478 1.54 1.25 2.89 2.28 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.51.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.174-.098.34-.267.133-.754l-1.03-2.89c-.159-.431-.595-.275-.595-.275-1.13.422-2.73 1.18-6.48 1.17-2.44-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.472-6.79zm-49.8 13.6c-.619-.494-.705-.615-.91-.936-.313-.483-.473-1.17-.473-2.05 0-1.38.46-2.38 1.41-3.05-.01.002 1.36-1.18 4.58-1.14a32 32 0 0 1 4.28.365v7.17h.002s-2 .431-4.26.567c-3.21.193-4.63-.924-4.62-.921zm6.28-11.1c-.64-.047-1.47-.07-2.46-.07-1.35 0-2.66.168-3.88.498-1.23.332-2.34.846-3.29 1.53a7.63 7.63 0 0 0-2.29 2.6c-.559 1.04-.844 2.26-.844 3.64 0 1.4.243 2.61.723 3.6a6.54 6.54 0 0 0 2.06 2.47c.877.638 1.96 1.11 3.21 1.39 1.24.283 2.64.426 4.18.426 1.62 0 3.23-.136 4.79-.399a95.1 95.1 0 0 0 3.97-.772c.526-.121 1.11-.28 1.11-.28.39-.099.36-.516.36-.516l-.009-14.4c0-3.16-.844-5.51-2.51-6.96-1.66-1.45-4.09-2.18-7.24-2.18-1.18 0-3.09.16-4.23.389 0 0-3.44.668-4.86 1.78 0 0-.312.192-.142.627l1.12 3c.139.389.518.256.518.256s.119-.047.259-.13c3.03-1.65 6.87-1.6 6.87-1.6 1.7 0 3.02.345 3.9 1.02.861.661 1.3 1.66 1.3 3.76v.667c-1.35-.196-2.6-.309-2.6-.309zm127-8.13a.428.428 0 0 0-.237-.568c-.269-.102-1.61-.385-2.64-.449-1.98-.124-3.08.21-4.07.654-.978.441-2.06 1.15-2.66 1.97l-.002-1.92c0-.264-.187-.477-.453-.477h-4.04c-.262 0-.452.213-.452.477v23.5a.48.48 0 0 0 .479.479h4.14a.479.479 0 0 0 .478-.479v-11.8c0-1.58.174-3.15.521-4.14.342-.979.807-1.76 1.38-2.32a4.79 4.79 0 0 1 1.95-1.17 7.68 7.68 0 0 1 2.12-.298c.825 0 1.73.212 1.73.212.304.034.473-.152.576-.426.271-.721 1.04-2.88 1.19-3.31"
|
|
357
|
+
/>
|
|
358
|
+
<path
|
|
359
|
+
fill="#FFFFFE"
|
|
360
|
+
d="M162.201 67.548a13.258 13.258 0 0 0-1.559-.37 12.217 12.217 0 0 0-2.144-.166c-2.853 0-5.102.806-6.681 2.398-1.568 1.58-2.635 3.987-3.17 7.154l-.193 1.069h-3.581s-.437-.018-.529.459l-.588 3.28c-.041.314.094.51.514.508h3.486l-3.537 19.743c-.277 1.59-.594 2.898-.945 3.889-.346.978-.684 1.711-1.1 2.243-.403.515-.785.894-1.444 1.115-.544.183-1.17.267-1.856.267-.382 0-.89-.064-1.265-.139-.375-.074-.57-.158-.851-.276 0 0-.409-.156-.57.254-.131.335-1.06 2.89-1.17 3.206-.112.312.045.558.243.629.464.166.809.272 1.441.421.878.207 1.618.22 2.311.22 1.452 0 2.775-.204 3.872-.6 1.104-.399 2.065-1.094 2.915-2.035.919-1.015 1.497-2.078 2.05-3.528.547-1.437 1.013-3.221 1.386-5.3l3.554-20.109h5.196s.438.016.529-.459l.588-3.28c.041-.314-.093-.51-.515-.508h-5.043c.025-.114.254-1.888.833-3.558.247-.713.712-1.288 1.106-1.683a3.273 3.273 0 0 1 1.321-.822 5.48 5.48 0 0 1 1.693-.244c.475 0 .941.057 1.296.131.489.104.679.159.807.197.514.157.583.005.684-.244l1.206-3.312c.124-.356-.178-.506-.29-.55m-70.474 34.117c0 .264-.188.479-.452.479h-4.183c-.265 0-.453-.215-.453-.479V67.997c0-.263.188-.476.453-.476h4.183c.264 0 .452.213.452.476v33.668"
|
|
361
|
+
/>
|
|
362
|
+
</g>
|
|
363
|
+
</svg>
|
|
352
364
|
);
|
|
353
365
|
}
|
|
354
366
|
|
|
355
|
-
|
|
356
367
|
const mockFiles: FilePointer[] = [
|
|
357
368
|
{
|
|
358
369
|
name: "prospecting call transcript",
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
|
|
1
|
+
import React from "react";
|
|
3
2
|
|
|
4
3
|
export interface ChipWithIconProps {
|
|
5
4
|
label: string;
|
|
@@ -7,15 +6,15 @@ export interface ChipWithIconProps {
|
|
|
7
6
|
iconUrl: string;
|
|
8
7
|
}
|
|
9
8
|
|
|
10
|
-
export const ChipWithIcon: React.FC<ChipWithIconProps> = ({
|
|
9
|
+
export const ChipWithIcon: React.FC<ChipWithIconProps> = ({
|
|
10
|
+
label,
|
|
11
|
+
onDelete,
|
|
12
|
+
iconUrl,
|
|
13
|
+
}) => {
|
|
11
14
|
return (
|
|
12
15
|
<span className="inline-flex items-center px-3 py-1 rounded-full bg-slate-200 text-sm font-medium text-white">
|
|
13
16
|
{iconUrl && (
|
|
14
|
-
<img
|
|
15
|
-
src={iconUrl}
|
|
16
|
-
alt="icon"
|
|
17
|
-
className="w-4 h-4 rounded-full mr-2"
|
|
18
|
-
/>
|
|
17
|
+
<img src={iconUrl} alt="icon" className="w-4 h-4 rounded-full mr-2" />
|
|
19
18
|
)}
|
|
20
19
|
{label}
|
|
21
20
|
<button
|
|
@@ -34,7 +34,6 @@ export interface SourceSearchBoxProps {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
export function SourceSearchBox(props: SourceSearchBoxProps) {
|
|
37
|
-
|
|
38
37
|
const [selectedValue, setSelectedValue] = useState<string>("");
|
|
39
38
|
|
|
40
39
|
return (
|
|
@@ -70,15 +69,18 @@ export function SourceSearchBox(props: SourceSearchBoxProps) {
|
|
|
70
69
|
key={`word-${filePointer.sourceApplication}.${filePointer.name}`}
|
|
71
70
|
value={filePointer.name}
|
|
72
71
|
onSelect={(value) => {
|
|
73
|
-
console.log(filePointer.name)
|
|
72
|
+
console.log(filePointer.name);
|
|
74
73
|
props.onSelectedFile(filePointer);
|
|
75
74
|
}}
|
|
76
75
|
>
|
|
77
76
|
<div className="flex flex-row gap-3 items-center bg-slate-400 ">
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
77
|
+
<Logo size="40px">
|
|
78
|
+
<IconForFilePointer
|
|
79
|
+
filePointer={filePointer}
|
|
80
|
+
className="mx-auto my-auto"
|
|
81
|
+
/>
|
|
82
|
+
</Logo>
|
|
83
|
+
{filePointer.name}
|
|
82
84
|
</div>
|
|
83
85
|
</CommandItem>
|
|
84
86
|
);
|
|
@@ -110,7 +112,13 @@ export function SourceSearchBox(props: SourceSearchBoxProps) {
|
|
|
110
112
|
);
|
|
111
113
|
}
|
|
112
114
|
|
|
113
|
-
export function Logo({
|
|
115
|
+
export function Logo({
|
|
116
|
+
children,
|
|
117
|
+
size = "20px",
|
|
118
|
+
}: {
|
|
119
|
+
children: React.ReactNode;
|
|
120
|
+
size?: string;
|
|
121
|
+
}) {
|
|
114
122
|
return (
|
|
115
123
|
<div
|
|
116
124
|
className={""}
|
|
@@ -119,9 +127,7 @@ export function Logo({ children, size = '20px' }: { children: React.ReactNode; s
|
|
|
119
127
|
height: size,
|
|
120
128
|
}}
|
|
121
129
|
>
|
|
122
|
-
<div className={""}>
|
|
123
|
-
{children}
|
|
124
|
-
</div>
|
|
130
|
+
<div className={""}>{children}</div>
|
|
125
131
|
</div>
|
|
126
|
-
)
|
|
132
|
+
);
|
|
127
133
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/source-search-box/source-search-box.tsx","../src/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.tsx"],"names":["useState","jsx","jsxs"],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n} from \"../ui/command\";\n\nimport {\n Calculator,\n Calendar,\n CreditCard,\n Settings,\n Smile,\n User,\n} from \"lucide-react\";\nimport { IconForFilePointer } from \"../hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing\";\n\nexport interface FilePointer {\n name: string;\n sourceApplication: string;\n getContents: () => Promise<string>;\n}\n\nexport interface SourceSearchBoxProps {\n searchTerm: string;\n recentFiles: FilePointer[];\n onSelectedFile: (filePointer: FilePointer) => void;\n}\n\nexport function SourceSearchBox(props: SourceSearchBoxProps) {\n\n const [selectedValue, setSelectedValue] = useState<string>(\"\");\n\n return (\n <Command\n className=\"rounded-lg border shadow-md\"\n value={selectedValue}\n onValueChange={(value) => {\n setSelectedValue(value);\n }}\n filter={(value, search) => {\n // if the search term is empty, show all commands\n if (props.searchTerm === \"\") return 1;\n\n // if the search term is a prefix of the command, show it\n if (value.startsWith(props.searchTerm)) return 1;\n\n // otherwise, don't show it\n return 0;\n }}\n >\n <CommandInput\n value={props.searchTerm}\n className=\"rounded-t-lg hidden\"\n placeholder=\"Search for a command...\"\n />\n <CommandList>\n <CommandEmpty>No results found.</CommandEmpty>\n\n <CommandGroup heading=\"Recents\">\n {props.recentFiles.map((filePointer) => {\n return (\n <CommandItem\n key={`word-${filePointer.sourceApplication}.${filePointer.name}`}\n value={filePointer.name}\n onSelect={(value) => {\n console.log(filePointer.name)\n props.onSelectedFile(filePointer);\n }}\n >\n <div className=\"flex flex-row gap-3 items-center bg-slate-400 \">\n <Logo size=\"40px\">\n <IconForFilePointer filePointer={filePointer} className=\"mx-auto my-auto\" />\n </Logo>\n {filePointer.name}\n </div>\n </CommandItem>\n );\n })}\n </CommandGroup>\n\n <CommandGroup heading=\"Suggestions\">\n <CommandItem\n onSelect={(value) => {\n console.log(value);\n console.log(value);\n }}\n >\n <Calendar className=\"mr-2 h-4 w-4\" />\n <span>Calendar</span>\n </CommandItem>\n <CommandItem>\n <Smile className=\"mr-2 h-4 w-4\" />\n <span>Search Emoji</span>\n </CommandItem>\n <CommandItem>\n <Calculator className=\"mr-2 h-4 w-4\" />\n <span>Calculator</span>\n </CommandItem>\n </CommandGroup>\n <CommandSeparator />\n </CommandList>\n </Command>\n );\n}\n\nexport function Logo({ children, size = '20px' }: { children: React.ReactNode; size?: string }) {\n return (\n <div\n className={\"\"}\n style={{\n width: size,\n height: size,\n }}\n >\n <div className={\"\"}>\n {children}\n </div>\n </div>\n )\n}\n","import useAutosizeTextArea from \"../../../hooks/misc/use-autosize-textarea\";\nimport { MinimalChatGPTMessage } from \"../../../types\";\nimport {\n EditingEditorState,\n Generator_InsertionOrEditingSuggestion,\n} from \"../../../types/base/autosuggestions-bare-function\";\nimport { ChipWithIcon } from \"../../manual-ui/chip-with-icon\";\nimport {\n FilePointer,\n SourceSearchBox,\n} from \"../../source-search-box/source-search-box\";\nimport { Button } from \"../../ui/button\";\nimport { Label } from \"../../ui/label\";\nimport React, { useEffect, useRef, useState } from \"react\";\n\nimport Chip from '@mui/material/Chip';\nimport Avatar from '@mui/material/Avatar';\n\n\nexport type State_SuggestionAppearing = {\n type: \"suggestion-appearing\";\n initialSuggestion: SuggestionSnapshot;\n};\n\ntype SuggestionSnapshot = {\n adjustmentPrompt: string;\n generatingSuggestion: ReadableStream<string>;\n editorState: EditingEditorState;\n};\n\nexport interface SuggestionAppearingProps {\n state: State_SuggestionAppearing;\n performInsertion: (insertedText: string) => void;\n goBack: () => void;\n insertionOrEditingFunction: Generator_InsertionOrEditingSuggestion;\n onGeneratedText: (generatedText: ReadableStream<string>) => void;\n}\n\nexport const SuggestionAppearing: React.FC<SuggestionAppearingProps> = ({\n performInsertion,\n state,\n goBack,\n insertionOrEditingFunction,\n onGeneratedText,\n}) => {\n const [adjustmentHistory, setAdjustmentHistory] = useState<\n SuggestionSnapshot[]\n >([state.initialSuggestion]);\n\n const [editSuggestion, setEditSuggestion] = useState<string>(\"\");\n const [suggestionIsLoading, setSuggestionIsLoading] =\n useState<boolean>(false);\n\n const [adjustmentPrompt, setAdjustmentPrompt] = useState<string>(\"\");\n const [adjustmentLoading, setAdjustmentLoading] = useState<boolean>(false);\n\n const suggestionTextAreaRef = useRef<HTMLTextAreaElement>(null);\n const adjustmentTextAreaRef = useRef<HTMLTextAreaElement>(null);\n\n const [filePointers, setFilePointers] = useState<FilePointer[]>([]);\n\n useAutosizeTextArea(suggestionTextAreaRef, editSuggestion || \"\");\n useAutosizeTextArea(adjustmentTextAreaRef, adjustmentPrompt || \"\");\n\n // initially focus on the end of the suggestion text area\n useEffect(() => {\n suggestionTextAreaRef.current?.focus();\n suggestionTextAreaRef.current?.setSelectionRange(\n editSuggestion.length,\n editSuggestion.length\n );\n }, []);\n\n useEffect(() => {\n // Check if the stream is already locked\n if (state.initialSuggestion.generatingSuggestion.locked) {\n return;\n }\n // reset the edit suggestion\n setEditSuggestion(\"\");\n\n // read the generating suggestion stream and continuously update the edit suggestion\n const reader = state.initialSuggestion.generatingSuggestion.getReader();\n\n const read = async () => {\n setSuggestionIsLoading(true);\n while (true) {\n const { done, value } = await reader.read();\n if (done) {\n break;\n }\n setEditSuggestion((prev) => {\n const newSuggestion = prev + value;\n // Scroll to the bottom of the textarea. We call this here to make sure scroll-to-bottom is synchronous with the state update.\n if (suggestionTextAreaRef.current) {\n suggestionTextAreaRef.current.scrollTop =\n suggestionTextAreaRef.current.scrollHeight;\n }\n return newSuggestion;\n });\n }\n\n setSuggestionIsLoading(false);\n };\n read();\n\n return () => {\n const releaseLockIfNotClosed = async () => {\n try {\n await reader.closed;\n } catch {\n reader.releaseLock();\n }\n };\n\n releaseLockIfNotClosed();\n };\n }, [state]);\n\n const generateAdjustment = async () => {\n // don't generate text if the prompt is empty\n if (!adjustmentPrompt.trim()) {\n return;\n }\n\n setAdjustmentLoading(true);\n // use insertionOrEditingFunction\n const adjustmentSuggestionTextStream = await insertionOrEditingFunction(\n {\n ...state.initialSuggestion.editorState,\n selectedText: editSuggestion,\n },\n adjustmentPrompt,\n new AbortController().signal\n );\n setAdjustmentLoading(false);\n onGeneratedText(adjustmentSuggestionTextStream);\n };\n\n const showLoading = suggestionIsLoading || adjustmentLoading;\n\n const AdjustmentPromptComponent = (\n <>\n <Label className=\"\">Describe adjustments to the suggested text:</Label>\n <div className=\"relative w-full flex items-center\">\n <textarea\n disabled={suggestionIsLoading}\n ref={adjustmentTextAreaRef}\n value={adjustmentPrompt}\n onChange={(e) => setAdjustmentPrompt(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && e.shiftKey) {\n e.preventDefault();\n setAdjustmentPrompt(adjustmentPrompt + \"\\n\");\n } else if (e.key === \"Enter\") {\n e.preventDefault();\n generateAdjustment();\n }\n }}\n placeholder={'\"make it more formal\", \"be more specific\", ...'}\n style={{ minHeight: \"3rem\" }}\n className=\"w-full bg-slate-100 h-auto h-min-14 text-sm p-2 rounded-md resize-none overflow-visible focus:outline-none focus:ring-0 focus:border-non pr-[3rem]\"\n rows={1}\n />\n <button\n onClick={generateAdjustment}\n className=\"absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center\"\n >\n <i className=\"material-icons\">arrow_forward</i>\n </button>\n </div>\n </>\n );\n\n const SuggestionComponent = (\n <>\n <div className=\"flex justify-between items-end w-full\">\n <Label className=\"mt-4\">Suggested:</Label>\n <div className=\"ml-auto\">\n {showLoading && (\n <div className=\"flex justify-center items-center\">\n <div\n className=\"inline-block h-4 w-4 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\"\n role=\"status\"\n >\n <span className=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n Loading...\n </span>\n </div>\n </div>\n )}\n </div>\n </div>\n <textarea\n ref={suggestionTextAreaRef}\n value={editSuggestion}\n disabled={adjustmentLoading}\n onChange={(e) => setEditSuggestion(e.target.value)}\n className=\"w-full text-base p-2 border border-gray-300 rounded-md resize-none bg-green-50\"\n style={{ overflow: \"auto\", maxHeight: \"10em\" }}\n />\n </>\n );\n\n const SubmitComponent = (\n <div className=\"flex w-full gap-4 justify-start\">\n <Button\n className=\" bg-gray-300\"\n onClick={() => {\n goBack();\n }}\n >\n <i className=\"material-icons\">arrow_back</i> Back\n </Button>\n\n <Button\n className=\" bg-green-700 text-white\"\n onClick={() => {\n performInsertion(editSuggestion);\n }}\n >\n Insert <i className=\"material-icons\">check</i>\n </Button>\n </div>\n );\n\n // show source search if the last word in the adjustment prompt BEGINS with an @\n const sourceSearchCandidate = adjustmentPrompt.split(\" \").pop();\n // if the candidate is @someCandidate, then 'someCandidate', otherwise undefined\n const sourceSearchWord = sourceSearchCandidate?.startsWith(\"@\")\n ? sourceSearchCandidate.slice(1)\n : undefined;\n\n return (\n <div className=\"w-full flex flex-col items-start relative gap-2\">\n {AdjustmentPromptComponent}\n { filePointers.length > 0 && (\n <IncludedFilesPreview includedFiles={filePointers} setIncludedFiles={setFilePointers} />\n )}\n {sourceSearchWord !== undefined && (\n <SourceSearchBox\n searchTerm={sourceSearchWord}\n recentFiles={mockFiles}\n onSelectedFile={(filePointer) => {\n setAdjustmentPrompt(\n adjustmentPrompt.replace(\n new RegExp(`@${sourceSearchWord}$`),\n \"\"\n )\n );\n setFilePointers((prev) => [...prev, filePointer]);\n\n // focus back on the adjustment prompt, and move the cursor to the end\n adjustmentTextAreaRef.current?.focus();\n }}\n />\n )}\n {SuggestionComponent}\n {SubmitComponent}\n </div>\n );\n};\n\n\ninterface IncludedFilesPreviewProps {\n includedFiles: FilePointer[];\n setIncludedFiles: React.Dispatch<React.SetStateAction<FilePointer[]>>;\n}\n\nexport const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({ includedFiles, setIncludedFiles }) => {\n return (\n <div className=\"flex flex-col gap-2\">\n <div className=\"flex flex-wrap gap-2\">\n {includedFiles.map((filePointer, index) => {\n return (\n <FileChipPreview\n key={`file-${filePointer.sourceApplication}.${filePointer.name}`}\n filePointer={filePointer}\n onDelete={() => {\n setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));\n }}\n />\n );\n })}\n </div>\n </div>\n );\n};\n\nexport interface FileChipPreviewProp {\n filePointer: FilePointer;\n onDelete: () => void;\n}\n\nexport const FileChipPreview: React.FC<FileChipPreviewProp> = ({\n filePointer,\n onDelete,\n}) => {\n return (\n <Chip\n label={filePointer.name}\n onDelete={onDelete}\n avatar={\n <Avatar sx={{ backgroundColor: 'transparent' }}>\n <IconForFilePointer filePointer={filePointer} className=\"w-4 h-4 object-contain\" />\n </Avatar>\n }\n />\n );\n}\n\nexport function IconForFilePointer({filePointer, className}: {filePointer: FilePointer, className: string}): JSX.Element {\n if(filePointer.sourceApplication === \"Salesforce\") {\n return <IconSalesforce className={className} />\n } else {\n return <IconSalesforce className={className} />\n }\n}\n\nfunction IconSalesforce({ className, ...props }: React.ComponentProps<\"svg\">) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 273 191\"\n {...props}\n >\n <title>{\"Salesforce.com logo\"}</title>\n <defs>\n <path id=\"a\" d=\"M.06.5h272v190H.06z\" />\n </defs>\n <g fillRule=\"evenodd\">\n <mask id=\"b\" fill=\"#fff\">\n <use xlinkHref=\"#a\" />\n </mask>\n <path\n fill=\"#00A1E0\"\n d=\"M113 21.3c8.78-9.14 21-14.8 34.5-14.8 18 0 33.6 10 42 24.9a58 58 0 0 1 23.7-5.05c32.4 0 58.7 26.5 58.7 59.2s-26.3 59.2-58.7 59.2c-3.96 0-7.82-.398-11.6-1.15-7.35 13.1-21.4 22-37.4 22a42.7 42.7 0 0 1-18.8-4.32c-7.45 17.5-24.8 29.8-45 29.8-21.1 0-39-13.3-45.9-32a45.1 45.1 0 0 1-9.34.972c-25.1 0-45.4-20.6-45.4-45.9 0-17 9.14-31.8 22.7-39.8a52.6 52.6 0 0 1-4.35-21c0-29.2 23.7-52.8 52.9-52.8 17.1 0 32.4 8.15 42 20.8\"\n mask=\"url(#b)\"\n />\n <path\n fill=\"#FFFFFE\"\n d=\"M39.4 99.3c-.171.446.061.539.116.618.511.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.92-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.26.799 7.09 1.81 0 0 .542.35.739-.173.107-.283 1.04-2.78 1.14-3.06.106-.293-.08-.514-.271-.628-2.1-1.28-5-2.15-8-2.15l-.557.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.592.184c2.68.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.941 0-3.94-.016-7.19-2.07-.393-.229-.617-.394-.92-.579-.16-.097-.56-.272-.734.252l-1.1 3.06m81.7 0c-.171.446.061.539.118.618.509.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.91-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.25.799 7.09 1.81 0 0 .542.35.74-.173.106-.283 1.04-2.78 1.13-3.06.107-.293-.08-.514-.27-.628-2.1-1.28-5-2.15-8-2.15l-.558.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.591.184c2.69.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.943 0-3.95-.016-7.19-2.07-.393-.229-.623-.387-.921-.579-.101-.064-.572-.248-.733.252l-1.1 3.06m55.8-9.36c0 2.7-.504 4.83-1.49 6.34-.984 1.49-2.47 2.22-4.54 2.22s-3.55-.724-4.52-2.21c-.977-1.5-1.47-3.64-1.47-6.34 0-2.7.496-4.82 1.47-6.31.968-1.48 2.44-2.19 4.52-2.19s3.56.717 4.54 2.19c.992 1.49 1.49 3.61 1.49 6.31m4.66-5.01c-.459-1.55-1.17-2.91-2.12-4.05a10.151 10.151 0 0 0-3.58-2.72c-1.42-.665-3.1-1-5-1s-3.57.337-5 1c-1.42.664-2.63 1.58-3.58 2.72-.948 1.14-1.66 2.5-2.12 4.05-.455 1.54-.686 3.22-.686 5.01 0 1.79.231 3.47.686 5.01.457 1.55 1.17 2.91 2.12 4.05.951 1.14 2.16 2.05 3.58 2.7 1.43.648 3.11.978 5 .978 1.89 0 3.57-.33 4.99-.978 1.42-.648 2.63-1.56 3.58-2.7.949-1.14 1.66-2.5 2.12-4.05.454-1.54.685-3.22.685-5.01 0-1.78-.231-3.47-.685-5.01m38.3 12.8c-.153-.453-.595-.282-.595-.282-.677.259-1.4.499-2.17.619-.776.122-1.64.183-2.55.183-2.25 0-4.05-.671-5.33-2-1.29-1.33-2.01-3.47-2-6.37.007-2.64.645-4.62 1.79-6.14 1.13-1.5 2.87-2.28 5.17-2.28 1.92 0 3.39.223 4.93.705 0 0 .365.159.54-.322.409-1.13.711-1.94 1.15-3.18.124-.355-.18-.505-.291-.548-.604-.236-2.03-.623-3.11-.786-1.01-.154-2.18-.234-3.5-.234-1.96 0-3.7.335-5.19.999-1.49.663-2.75 1.58-3.75 2.72-1 1.14-1.76 2.5-2.27 4.05-.505 1.54-.76 3.23-.76 5.02 0 3.86 1.04 6.99 3.1 9.28 2.06 2.3 5.16 3.46 9.2 3.46 2.39 0 4.84-.483 6.6-1.18 0 0 .336-.162.19-.554l-1.15-3.16m8.15-10.4c.223-1.5.634-2.75 1.28-3.72.967-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.65.975.934 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.397-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.959 1.16-1.68 2.53-2.14 4.1-.46 1.55-.692 3.25-.692 5.03 0 1.82.241 3.51.715 5.04.479 1.54 1.25 2.89 2.29 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.52.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.175-.098.34-.267.134-.754l-1.03-2.89c-.158-.431-.594-.275-.594-.275-1.13.422-2.73 1.18-6.48 1.17-2.45-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.471-6.79zm-142 3.3c.223-1.5.635-2.75 1.28-3.72.968-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.649.975.933 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.396-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.957 1.16-1.68 2.53-2.14 4.1-.459 1.55-.69 3.25-.69 5.03 0 1.82.239 3.51.716 5.04.478 1.54 1.25 2.89 2.28 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.51.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.174-.098.34-.267.133-.754l-1.03-2.89c-.159-.431-.595-.275-.595-.275-1.13.422-2.73 1.18-6.48 1.17-2.44-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.472-6.79zm-49.8 13.6c-.619-.494-.705-.615-.91-.936-.313-.483-.473-1.17-.473-2.05 0-1.38.46-2.38 1.41-3.05-.01.002 1.36-1.18 4.58-1.14a32 32 0 0 1 4.28.365v7.17h.002s-2 .431-4.26.567c-3.21.193-4.63-.924-4.62-.921zm6.28-11.1c-.64-.047-1.47-.07-2.46-.07-1.35 0-2.66.168-3.88.498-1.23.332-2.34.846-3.29 1.53a7.63 7.63 0 0 0-2.29 2.6c-.559 1.04-.844 2.26-.844 3.64 0 1.4.243 2.61.723 3.6a6.54 6.54 0 0 0 2.06 2.47c.877.638 1.96 1.11 3.21 1.39 1.24.283 2.64.426 4.18.426 1.62 0 3.23-.136 4.79-.399a95.1 95.1 0 0 0 3.97-.772c.526-.121 1.11-.28 1.11-.28.39-.099.36-.516.36-.516l-.009-14.4c0-3.16-.844-5.51-2.51-6.96-1.66-1.45-4.09-2.18-7.24-2.18-1.18 0-3.09.16-4.23.389 0 0-3.44.668-4.86 1.78 0 0-.312.192-.142.627l1.12 3c.139.389.518.256.518.256s.119-.047.259-.13c3.03-1.65 6.87-1.6 6.87-1.6 1.7 0 3.02.345 3.9 1.02.861.661 1.3 1.66 1.3 3.76v.667c-1.35-.196-2.6-.309-2.6-.309zm127-8.13a.428.428 0 0 0-.237-.568c-.269-.102-1.61-.385-2.64-.449-1.98-.124-3.08.21-4.07.654-.978.441-2.06 1.15-2.66 1.97l-.002-1.92c0-.264-.187-.477-.453-.477h-4.04c-.262 0-.452.213-.452.477v23.5a.48.48 0 0 0 .479.479h4.14a.479.479 0 0 0 .478-.479v-11.8c0-1.58.174-3.15.521-4.14.342-.979.807-1.76 1.38-2.32a4.79 4.79 0 0 1 1.95-1.17 7.68 7.68 0 0 1 2.12-.298c.825 0 1.73.212 1.73.212.304.034.473-.152.576-.426.271-.721 1.04-2.88 1.19-3.31\"\n />\n <path\n fill=\"#FFFFFE\"\n d=\"M162.201 67.548a13.258 13.258 0 0 0-1.559-.37 12.217 12.217 0 0 0-2.144-.166c-2.853 0-5.102.806-6.681 2.398-1.568 1.58-2.635 3.987-3.17 7.154l-.193 1.069h-3.581s-.437-.018-.529.459l-.588 3.28c-.041.314.094.51.514.508h3.486l-3.537 19.743c-.277 1.59-.594 2.898-.945 3.889-.346.978-.684 1.711-1.1 2.243-.403.515-.785.894-1.444 1.115-.544.183-1.17.267-1.856.267-.382 0-.89-.064-1.265-.139-.375-.074-.57-.158-.851-.276 0 0-.409-.156-.57.254-.131.335-1.06 2.89-1.17 3.206-.112.312.045.558.243.629.464.166.809.272 1.441.421.878.207 1.618.22 2.311.22 1.452 0 2.775-.204 3.872-.6 1.104-.399 2.065-1.094 2.915-2.035.919-1.015 1.497-2.078 2.05-3.528.547-1.437 1.013-3.221 1.386-5.3l3.554-20.109h5.196s.438.016.529-.459l.588-3.28c.041-.314-.093-.51-.515-.508h-5.043c.025-.114.254-1.888.833-3.558.247-.713.712-1.288 1.106-1.683a3.273 3.273 0 0 1 1.321-.822 5.48 5.48 0 0 1 1.693-.244c.475 0 .941.057 1.296.131.489.104.679.159.807.197.514.157.583.005.684-.244l1.206-3.312c.124-.356-.178-.506-.29-.55m-70.474 34.117c0 .264-.188.479-.452.479h-4.183c-.265 0-.453-.215-.453-.479V67.997c0-.263.188-.476.453-.476h4.183c.264 0 .452.213.452.476v33.668\"\n />\n </g>\n </svg>\n );\n}\n\n\nconst mockFiles: FilePointer[] = [\n {\n name: \"prospecting call transcript\",\n sourceApplication: \"Salesforce\",\n getContents: async () => {\n return \"some contents\";\n },\n },\n {\n name: \"customer feedback\",\n sourceApplication: \"Zendesk\",\n getContents: async () => {\n return \"some contents\";\n },\n },\n {\n name: \"product specifications\",\n sourceApplication: \"Google Docs\",\n getContents: async () => {\n return \"some contents\";\n },\n },\n {\n name: \"meeting minutes\",\n sourceApplication: \"Microsoft Teams\",\n getContents: async () => {\n return \"some contents\";\n },\n },\n {\n name: \"project plan\",\n sourceApplication: \"Trello\",\n getContents: async () => {\n return \"some contents\";\n },\n },\n {\n name: \"code review comments\",\n sourceApplication: \"Github\",\n getContents: async () => {\n return \"some contents\";\n },\n },\n];\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,SAAgB,aAAa,gBAAgB;AA+CrC;AA3BD,IAAM,6BAA8C,CAAC,UAAU;AACpE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiB,EAAE;AACjE,QAAM,CAAC,MAAM,OAAO,IAAI,SAA+B;AAAA,IACrD,MAAM;AAAA,EACR,CAAC;AAED,QAAM,sBAAsB;AAAA,IAC1B,CAAC,mBAA2C;AAC1C,cAAQ;AAAA,QACN,MAAM;AAAA,QACN,mBAAmB;AAAA,UACjB,aAAa,MAAM;AAAA,UACnB,kBAAkB;AAAA,UAClB,sBAAsB;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,eAAe;AAAA,EAC3B;AAEA,QAAM,SAAS,MAAM;AACnB,YAAQ,EAAE,MAAM,iBAAiB,CAAC;AAAA,EACpC;AAEA,SACE,oBAAC;AAAA,IAAI,WAAU;AAAA,IAA4G,OAAO,EAAC,OAAO,QAAO;AAAA,IAC9I,eAAK,SAAS,mBACb,oBAAC,gDACK,QADL;AAAA,MAEC,4BACE,MAAM,UAAU;AAAA,MAElB,0BAA0B;AAAA,MAC1B,6BAA6B;AAAA,MAC7B,iBAAiB;AAAA,MACnB,IAEA,oBAAC,sDACK,QADL;AAAA,MAEC,OAAO;AAAA,MACP;AAAA,MACA,4BACE,MAAM,UAAU;AAAA,MAElB,iBAAiB;AAAA,MACnB;AAAA,GAEJ;AAEJ","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport {\n State_SuggestionAppearing,\n SuggestionAppearing,\n} from \"./mode-suggestion-appearing\";\nimport { PreSuggestion, State_PreSuggestion } from \"./mode-pre-suggestion\";\nimport {\n EditingEditorState,\n InsertionEditorApiConfig,\n} from \"../../../types/base/autosuggestions-bare-function\";\n\ntype InsertionPromptState = State_PreSuggestion | State_SuggestionAppearing;\n\nexport interface Props {\n editorState: EditingEditorState;\n apiConfig: InsertionEditorApiConfig;\n performInsertion: (insertedText: string) => void;\n closeWindow: () => void;\n}\n\nexport const HoveringInsertionPromptBox: React.FC<Props> = (props) => {\n const [insertionPrompt, setInsertionPrompt] = useState<string>(\"\");\n const [mode, setMode] = useState<InsertionPromptState>({\n type: \"pre-suggestion\",\n });\n\n const handleGeneratedText = useCallback(\n (generatingText: ReadableStream<string>) => {\n setMode({\n type: \"suggestion-appearing\",\n initialSuggestion: {\n editorState: props.editorState,\n adjustmentPrompt: insertionPrompt,\n generatingSuggestion: generatingText,\n },\n });\n },\n [setMode, insertionPrompt]\n );\n\n const goBack = () => {\n setMode({ type: \"pre-suggestion\" });\n };\n\n return (\n <div className=\"flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white\" style={{width: \"30rem\"}}>\n {mode.type === \"pre-suggestion\" ? (\n <PreSuggestion\n {...props}\n insertionOrEditingFunction={\n props.apiConfig.insertionOrEditingFunction\n }\n insertionOrEditingPrompt={insertionPrompt}\n setInsertionOrEditingPrompt={setInsertionPrompt}\n onGeneratedText={handleGeneratedText}\n />\n ) : (\n <SuggestionAppearing\n {...props}\n state={mode}\n goBack={goBack}\n insertionOrEditingFunction={\n props.apiConfig.insertionOrEditingFunction\n }\n onGeneratedText={handleGeneratedText}\n />\n )}\n </div>\n );\n};\n"]}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|