@copilotkit/react-textarea 0.17.0 → 0.19.0-alpha.0

package/dist/chunk-4T72ROFJ.mjs

@@ -0,0 +1,469 @@
+import { use_autosize_textarea_default } from './chunk-ND5PXTAW.mjs';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator } from './chunk-3YJ63D5D.mjs';
+import { Label } from './chunk-5EJ5XOGP.mjs';
+import { Button } from './chunk-2NURR2DX.mjs';
+import { __objRest, __spreadProps, __spreadValues, __async } from './chunk-MRXNTQOX.mjs';
+import { useState, useRef, useEffect } from 'react';
+import { Calendar, Smile, Calculator } from 'lucide-react';
+import Chip from '@mui/material/Chip';
+import Avatar from '@mui/material/Avatar';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var SuggestionAppearing = ({
+  performInsertion,
+  state,
+  goBack,
+  insertionOrEditingFunction,
+  onGeneratedText
+}) => {
+  useState([state.initialSuggestion]);
+  const [editSuggestion, setEditSuggestion] = useState("");
+  const [suggestionIsLoading, setSuggestionIsLoading] = useState(false);
+  const [adjustmentPrompt, setAdjustmentPrompt] = useState("");
+  const [adjustmentLoading, setAdjustmentLoading] = useState(false);
+  const suggestionTextAreaRef = useRef(null);
+  const adjustmentTextAreaRef = useRef(null);
+  const [filePointers, setFilePointers] = useState([]);
+  use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
+  use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
+  useEffect(() => {
+    var _a, _b;
+    (_a = suggestionTextAreaRef.current) == null ? void 0 : _a.focus();
+    (_b = suggestionTextAreaRef.current) == null ? void 0 : _b.setSelectionRange(
+      editSuggestion.length,
+      editSuggestion.length
+    );
+  }, []);
+  useEffect(() => {
+    if (state.initialSuggestion.generatingSuggestion.locked) {
+      return;
+    }
+    setEditSuggestion("");
+    const reader = state.initialSuggestion.generatingSuggestion.getReader();
+    const read = () => __async(void 0, null, function* () {
+      setSuggestionIsLoading(true);
+      while (true) {
+        const { done, value } = yield reader.read();
+        if (done) {
+          break;
+        }
+        setEditSuggestion((prev) => {
+          const newSuggestion = prev + value;
+          if (suggestionTextAreaRef.current) {
+            suggestionTextAreaRef.current.scrollTop = suggestionTextAreaRef.current.scrollHeight;
+          }
+          return newSuggestion;
+        });
+      }
+      setSuggestionIsLoading(false);
+    });
+    read();
+    return () => {
+      const releaseLockIfNotClosed = () => __async(void 0, null, function* () {
+        try {
+          yield reader.closed;
+        } catch (e) {
+          reader.releaseLock();
+        }
+      });
+      releaseLockIfNotClosed();
+    };
+  }, [state]);
+  const generateAdjustment = () => __async(void 0, null, function* () {
+    if (!adjustmentPrompt.trim()) {
+      return;
+    }
+    setAdjustmentLoading(true);
+    const adjustmentSuggestionTextStream = yield insertionOrEditingFunction(
+      __spreadProps(__spreadValues({}, state.initialSuggestion.editorState), {
+        selectedText: editSuggestion
+      }),
+      adjustmentPrompt,
+      new AbortController().signal
+    );
+    setAdjustmentLoading(false);
+    onGeneratedText(adjustmentSuggestionTextStream);
+  });
+  const showLoading = suggestionIsLoading || adjustmentLoading;
+  const AdjustmentPromptComponent = /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(Label, {
+        className: "",
+        children: "Describe adjustments to the suggested text:"
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "relative w-full flex items-center",
+        children: [
+          /* @__PURE__ */ jsx("textarea", {
+            disabled: suggestionIsLoading,
+            ref: adjustmentTextAreaRef,
+            value: adjustmentPrompt,
+            onChange: (e) => setAdjustmentPrompt(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && e.shiftKey) {
+                e.preventDefault();
+                setAdjustmentPrompt(adjustmentPrompt + "\n");
+              } else if (e.key === "Enter") {
+                e.preventDefault();
+                generateAdjustment();
+              }
+            },
+            placeholder: '"make it more formal", "be more specific", ...',
+            style: { minHeight: "3rem" },
+            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]",
+            rows: 1
+          }),
+          /* @__PURE__ */ jsx("button", {
+            onClick: generateAdjustment,
+            className: "absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center",
+            children: /* @__PURE__ */ jsx("i", {
+              className: "material-icons",
+              children: "arrow_forward"
+            })
+          })
+        ]
+      })
+    ]
+  });
+  const SuggestionComponent = /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex justify-between items-end w-full",
+        children: [
+          /* @__PURE__ */ jsx(Label, {
+            className: "mt-4",
+            children: "Suggested:"
+          }),
+          /* @__PURE__ */ jsx("div", {
+            className: "ml-auto",
+            children: showLoading && /* @__PURE__ */ jsx("div", {
+              className: "flex justify-center items-center",
+              children: /* @__PURE__ */ jsx("div", {
+                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]",
+                role: "status",
+                children: /* @__PURE__ */ jsx("span", {
+                  className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]",
+                  children: "Loading..."
+                })
+              })
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("textarea", {
+        ref: suggestionTextAreaRef,
+        value: editSuggestion,
+        disabled: adjustmentLoading,
+        onChange: (e) => setEditSuggestion(e.target.value),
+        className: "w-full text-base p-2 border border-gray-300 rounded-md resize-none bg-green-50",
+        style: { overflow: "auto", maxHeight: "10em" }
+      })
+    ]
+  });
+  const SubmitComponent = /* @__PURE__ */ jsxs("div", {
+    className: "flex w-full gap-4 justify-start",
+    children: [
+      /* @__PURE__ */ jsxs(Button, {
+        className: " bg-gray-300",
+        onClick: () => {
+          goBack();
+        },
+        children: [
+          /* @__PURE__ */ jsx("i", {
+            className: "material-icons",
+            children: "arrow_back"
+          }),
+          " Back"
+        ]
+      }),
+      /* @__PURE__ */ jsxs(Button, {
+        className: " bg-green-700 text-white",
+        onClick: () => {
+          performInsertion(editSuggestion);
+        },
+        children: [
+          "Insert ",
+          /* @__PURE__ */ jsx("i", {
+            className: "material-icons",
+            children: "check"
+          })
+        ]
+      })
+    ]
+  });
+  const sourceSearchCandidate = adjustmentPrompt.split(" ").pop();
+  const sourceSearchWord = (sourceSearchCandidate == null ? void 0 : sourceSearchCandidate.startsWith("@")) ? sourceSearchCandidate.slice(1) : void 0;
+  return /* @__PURE__ */ jsxs("div", {
+    className: "w-full flex flex-col items-start relative gap-2",
+    children: [
+      AdjustmentPromptComponent,
+      filePointers.length > 0 && /* @__PURE__ */ jsx(IncludedFilesPreview, {
+        includedFiles: filePointers,
+        setIncludedFiles: setFilePointers
+      }),
+      sourceSearchWord !== void 0 && /* @__PURE__ */ jsx(SourceSearchBox, {
+        searchTerm: sourceSearchWord,
+        recentFiles: mockFiles,
+        onSelectedFile: (filePointer) => {
+          var _a;
+          setAdjustmentPrompt(
+            adjustmentPrompt.replace(
+              new RegExp(`@${sourceSearchWord}$`),
+              ""
+            )
+          );
+          setFilePointers((prev) => [...prev, filePointer]);
+          (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
+        }
+      }),
+      SuggestionComponent,
+      SubmitComponent
+    ]
+  });
+};
+var IncludedFilesPreview = ({ includedFiles, setIncludedFiles }) => {
+  return /* @__PURE__ */ jsx("div", {
+    className: "flex flex-col gap-2",
+    children: /* @__PURE__ */ jsx("div", {
+      className: "flex flex-wrap gap-2",
+      children: includedFiles.map((filePointer, index) => {
+        return /* @__PURE__ */ jsx(FileChipPreview, {
+          filePointer,
+          onDelete: () => {
+            setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));
+          }
+        }, `file-${filePointer.sourceApplication}.${filePointer.name}`);
+      })
+    })
+  });
+};
+var FileChipPreview = ({
+  filePointer,
+  onDelete
+}) => {
+  return /* @__PURE__ */ jsx(Chip, {
+    label: filePointer.name,
+    onDelete,
+    avatar: /* @__PURE__ */ jsx(Avatar, {
+      sx: { backgroundColor: "transparent" },
+      children: /* @__PURE__ */ jsx(IconForFilePointer, {
+        filePointer,
+        className: "w-4 h-4 object-contain"
+      })
+    })
+  });
+};
+function IconForFilePointer({ filePointer, className }) {
+  if (filePointer.sourceApplication === "Salesforce") {
+    return /* @__PURE__ */ jsx(IconSalesforce, {
+      className
+    });
+  } else {
+    return /* @__PURE__ */ jsx(IconSalesforce, {
+      className
+    });
+  }
+}
+function IconSalesforce(_a) {
+  var _b = _a, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    preserveAspectRatio: "xMidYMid meet",
+    viewBox: "0 0 273 191"
+  }, props), {
+    children: [
+      /* @__PURE__ */ jsx("title", {
+        children: "Salesforce.com logo"
+      }),
+      /* @__PURE__ */ jsx("defs", {
+        children: /* @__PURE__ */ jsx("path", {
+          id: "a",
+          d: "M.06.5h272v190H.06z"
+        })
+      }),
+      /* @__PURE__ */ jsxs("g", {
+        fillRule: "evenodd",
+        children: [
+          /* @__PURE__ */ jsx("mask", {
+            id: "b",
+            fill: "#fff",
+            children: /* @__PURE__ */ jsx("use", {
+              xlinkHref: "#a"
+            })
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#00A1E0",
+            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",
+            mask: "url(#b)"
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#FFFFFE",
+            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"
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#FFFFFE",
+            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"
+          })
+        ]
+      })
+    ]
+  }));
+}
+var mockFiles = [
+  {
+    name: "prospecting call transcript",
+    sourceApplication: "Salesforce",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "customer feedback",
+    sourceApplication: "Zendesk",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "product specifications",
+    sourceApplication: "Google Docs",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "meeting minutes",
+    sourceApplication: "Microsoft Teams",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "project plan",
+    sourceApplication: "Trello",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "code review comments",
+    sourceApplication: "Github",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  }
+];
+function SourceSearchBox(props) {
+  const [selectedValue, setSelectedValue] = useState("");
+  return /* @__PURE__ */ jsxs(Command, {
+    className: "rounded-lg border shadow-md",
+    value: selectedValue,
+    onValueChange: (value) => {
+      setSelectedValue(value);
+    },
+    filter: (value, search) => {
+      if (props.searchTerm === "")
+        return 1;
+      if (value.startsWith(props.searchTerm))
+        return 1;
+      return 0;
+    },
+    children: [
+      /* @__PURE__ */ jsx(CommandInput, {
+        value: props.searchTerm,
+        className: "rounded-t-lg hidden",
+        placeholder: "Search for a command..."
+      }),
+      /* @__PURE__ */ jsxs(CommandList, {
+        children: [
+          /* @__PURE__ */ jsx(CommandEmpty, {
+            children: "No results found."
+          }),
+          /* @__PURE__ */ jsx(CommandGroup, {
+            heading: "Recents",
+            children: props.recentFiles.map((filePointer) => {
+              return /* @__PURE__ */ jsx(CommandItem, {
+                value: filePointer.name,
+                onSelect: (value) => {
+                  console.log(filePointer.name);
+                  props.onSelectedFile(filePointer);
+                },
+                children: /* @__PURE__ */ jsxs("div", {
+                  className: "flex flex-row gap-3 items-center bg-slate-400 ",
+                  children: [
+                    /* @__PURE__ */ jsx(Logo, {
+                      size: "40px",
+                      children: /* @__PURE__ */ jsx(IconForFilePointer, {
+                        filePointer,
+                        className: "mx-auto my-auto"
+                      })
+                    }),
+                    filePointer.name
+                  ]
+                })
+              }, `word-${filePointer.sourceApplication}.${filePointer.name}`);
+            })
+          }),
+          /* @__PURE__ */ jsxs(CommandGroup, {
+            heading: "Suggestions",
+            children: [
+              /* @__PURE__ */ jsxs(CommandItem, {
+                onSelect: (value) => {
+                  console.log(value);
+                  console.log(value);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Calendar, {
+                    className: "mr-2 h-4 w-4"
+                  }),
+                  /* @__PURE__ */ jsx("span", {
+                    children: "Calendar"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsxs(CommandItem, {
+                children: [
+                  /* @__PURE__ */ jsx(Smile, {
+                    className: "mr-2 h-4 w-4"
+                  }),
+                  /* @__PURE__ */ jsx("span", {
+                    children: "Search Emoji"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsxs(CommandItem, {
+                children: [
+                  /* @__PURE__ */ jsx(Calculator, {
+                    className: "mr-2 h-4 w-4"
+                  }),
+                  /* @__PURE__ */ jsx("span", {
+                    children: "Calculator"
+                  })
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(CommandSeparator, {})
+        ]
+      })
+    ]
+  });
+}
+function Logo({ children, size = "20px" }) {
+  return /* @__PURE__ */ jsx("div", {
+    className: "",
+    style: {
+      width: size,
+      height: size
+    },
+    children: /* @__PURE__ */ jsx("div", {
+      className: "",
+      children
+    })
+  });
+}
+
+export { FileChipPreview, IconForFilePointer, IncludedFilesPreview, Logo, SourceSearchBox, SuggestionAppearing };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-4T72ROFJ.mjs.map

package/dist/chunk-4T72ROFJ.mjs.map

@@ -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"]}

package/dist/chunk-55EGOC5T.mjs

@@ -0,0 +1,87 @@
+import { ChatlikeApiEndpoint } from './chunk-5ARCOTW3.mjs';
+
+// src/types/autosuggestions-config/editing-api-config.tsx
+var defaultEditingMakeSystemPrompt = (textareaPurpose, contextString) => {
+  return `You are a versatile writing assistant.
+  
+The user is writing some text.
+The purpose is: "${textareaPurpose}"
+
+The user also provides you with a prompt for EDITING some text they are writing. 
+Your job is to come up with an EDIT of the text that the user would like to use - AS BEST YOU CAN.
+
+Adjust yourself to the user's style and implied intent.
+
+The user will provide the following information; use this to infer the best relevant EDIT:
+<TextBeforeCursor>
+<TextToEdit>
+<TextAfterCursor>
+<EditingPrompt>
+
+<YourEditSuggestion>
+
+If we need to add a whitespace character to the suggested edit text, make sure to explicitly add it in.
+
+The following external context is also provided. Use it to help you make better suggestions!!!
+\`\`\`
+${contextString}
+\`\`\`
+`;
+};
+var defaultEditingFewShotMessages = [
+  {
+    role: "user",
+    name: "TextBeforeCursor",
+    content: "This morning I woke up and went straight to the grocery store. "
+  },
+  {
+    role: "user",
+    name: "TextToEdit",
+    content: "While I was there I also picked up some apples, oranges, and bananas. "
+  },
+  {
+    role: "user",
+    name: "TextAfterCursor",
+    content: "The grocery store was having a sale on fruit, so I decided to stock up."
+  },
+  {
+    role: "user",
+    name: "EditingPrompt",
+    content: "I bought a big watermelon"
+  },
+  {
+    role: "assistant",
+    content: " When I arrived I went straight to the produce section and picked out a big watermelon. "
+  },
+  {
+    role: "user",
+    name: "TextAfterCursor",
+    content: "and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof."
+  },
+  {
+    role: "user",
+    name: "TextBeforeCursor",
+    content: `The Optionholder, in the Optionholder's capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an "Equityholder" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an "Equityholder" thereunder;`
+  },
+  {
+    role: "user",
+    name: "InsertionPrompt",
+    content: "add section about the optionholder's pro rata share"
+  },
+  {
+    role: "assistant",
+    content: ` (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder's "Pro Rata Share"; `
+  }
+];
+var defaultEditingApiConfig = {
+  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(
+    "/api/copilotkit_chatlike"
+  ),
+  makeSystemPrompt: defaultEditingMakeSystemPrompt,
+  fewShotMessages: defaultEditingFewShotMessages,
+  forwardedParams: void 0
+};
+
+export { defaultEditingApiConfig, defaultEditingFewShotMessages, defaultEditingMakeSystemPrompt };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-55EGOC5T.mjs.map

package/dist/chunk-55EGOC5T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/autosuggestions-config/editing-api-config.tsx"],"names":[],"mappings":";;;;;AAWO,IAAM,iCAAmD,CAC9D,iBACA,kBACG;AACH,SAAO;AAAA;AAAA;AAAA,mBAGW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBlB;AAAA;AAAA;AAGF;AAEO,IAAM,gCAAyD;AAAA,EACpE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AACF;AAEO,IAAM,0BAA4C;AAAA,EACvD,aAAa,oBAAoB;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB","sourcesContent":["import { ChatlikeApiEndpoint } from \"./subtypes/chatlike-api-endpoint\";\nimport { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\n\nexport interface EditingApiConfig {\n  apiEndpoint: ChatlikeApiEndpoint;\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultEditingMakeSystemPrompt: MakeSystemPrompt = (\n  textareaPurpose,\n  contextString\n) => {\n  return `You are a versatile writing assistant.\n  \nThe user is writing some text.\nThe purpose is: \\\"${textareaPurpose}\\\"\n\nThe user also provides you with a prompt for EDITING some text they are writing. \nYour job is to come up with an EDIT of the text that the user would like to use - AS BEST YOU CAN.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide the following information; use this to infer the best relevant EDIT:\n<TextBeforeCursor>\n<TextToEdit>\n<TextAfterCursor>\n<EditingPrompt>\n\n<YourEditSuggestion>\n\nIf we need to add a whitespace character to the suggested edit text, make sure to explicitly add it in.\n\nThe following external context is also provided. Use it to help you make better suggestions!!!\n\\`\\`\\`\n${contextString}\n\\`\\`\\`\n`;\n};\n\nexport const defaultEditingFewShotMessages: MinimalChatGPTMessage[] = [\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content: \"This morning I woke up and went straight to the grocery store. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextToEdit\",\n    content:\n      \"While I was there I also picked up some apples, oranges, and bananas. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"The grocery store was having a sale on fruit, so I decided to stock up.\",\n  },\n  {\n    role: \"user\",\n    name: \"EditingPrompt\",\n    content: \"I bought a big watermelon\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      \" When I arrived I went straight to the produce section and picked out a big watermelon. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content:\n      'The Optionholder, in the Optionholder\\'s capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an \"Equityholder\" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an \"Equityholder\" thereunder;',\n  },\n  {\n    role: \"user\",\n    name: \"InsertionPrompt\",\n    content: \"add section about the optionholder's pro rata share\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      ' (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder\\'s \"Pro Rata Share\"; ',\n  },\n];\n\nexport const defaultEditingApiConfig: EditingApiConfig = {\n  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(\n    \"/api/copilotkit_chatlike\"\n  ),\n  makeSystemPrompt: defaultEditingMakeSystemPrompt,\n  fewShotMessages: defaultEditingFewShotMessages,\n  forwardedParams: undefined,\n};\n"]}