@copilotkit/react-textarea 0.19.0 → 0.20.0

package/dist/types/base/base-copilot-textarea-props.d.ts

@@ -1,6 +1,7 @@
 import { TextareaHTMLAttributes } from 'react';
 import { BaseAutosuggestionsConfig } from './base-autosuggestions-config.js';
 import { BaseCopilotTextareaApiConfig } from './autosuggestions-bare-function.js';
+import '@copilotkit/react-core';
 
 /**
  * `BaseCopilotTextareaProps` defines the properties for the `BaseCopilotTextarea` component.

package/dist/types/base/index.d.ts

@@ -1,4 +1,5 @@
 export { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from './base-autosuggestions-config.js';
 export { AutosuggestionsBareFunction } from './autosuggestions-bare-function.js';
 export { BaseCopilotTextareaProps } from './base-copilot-textarea-props.js';
+import '@copilotkit/react-core';
 import 'react';

package/dist/types/index.d.ts

@@ -7,8 +7,8 @@ export { MinimalChatGPTMessage } from './autosuggestions-config/subtypes/minimal
 export { MakeSystemPrompt } from './autosuggestions-config/subtypes/make-system-prompt.js';
 export { ChatlikeApiEndpoint, ChatlikeApiEndpointImpl } from './autosuggestions-config/subtypes/chatlike-api-endpoint.js';
 export { AutosuggestionsConfigUserSpecified, InsertionsApiConfigUserSpecified, SuggestionsApiConfigUserSpecified } from './autosuggestions-config/autosuggestions-config-user-specified.js';
+import '@copilotkit/react-core';
 import 'react';
 import './autosuggestions-config/suggestions-api-config.js';
 import './autosuggestions-config/insertions-api-config.js';
 import './autosuggestions-config/editing-api-config.js';
-import '@copilotkit/react-core';

package/dist/types/index.mjs

@@ -1,9 +1,9 @@
 import '../chunk-DE5K76I2.mjs';
 import '../chunk-5FO6ISW4.mjs';
 export { ChatlikeApiEndpoint } from '../chunk-KIRROE2K.mjs';
-export { defaultAutosuggestionsConfig } from '../chunk-BBKDE7YT.mjs';
-import '../chunk-HRTFMM7P.mjs';
-import '../chunk-66BDXIX4.mjs';
+export { defaultAutosuggestionsConfig } from '../chunk-F2TIBXML.mjs';
+import '../chunk-AXN37AHC.mjs';
+import '../chunk-RR6OQGTI.mjs';
 import '../chunk-JHTAOLEW.mjs';
 import '../chunk-WADHCMPK.mjs';
 import '../chunk-WJHSY5T6.mjs';

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.19.0",
+  "version": "0.20.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -61,7 +61,7 @@
     "slate-history": "^0.93.0",
     "slate-react": "^0.98.1",
     "tailwind-merge": "^1.13.2",
-    "@copilotkit/react-core": "0.8.0"
+    "@copilotkit/react-core": "0.10.0"
   },
   "scripts": {
     "build": "tsup --treeshake",

package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx

@@ -8,12 +8,17 @@ import { SourceSearchBox } from "../../source-search-box/source-search-box";
 import { DocumentPointer } from "@copilotkit/react-core";
 import { Button } from "../../ui/button";
 import { Label } from "../../ui/label";
-import React, { useContext, useEffect, useRef, useState } from "react";
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
 
-import Chip from "@mui/material/Chip";
-import Avatar from "@mui/material/Avatar";
 import { streamPromiseFlatten } from "../../../lib/stream-promise-flatten";
 import { CopilotContext } from "@copilotkit/react-core";
+import { IncludedFilesPreview } from "./included-files-preview";
 
 export type SuggestionState = {
   editorState: EditingEditorState;
@@ -80,7 +85,6 @@ export const HoveringInsertionPromptBoxCore: React.FC<
 
     // read the generating suggestion stream and continuously update the edit suggestion
     const reader = generatingSuggestion.getReader();
-
     const read = async () => {
       setSuggestionIsLoading(true);
       while (true) {
@@ -105,6 +109,7 @@ export const HoveringInsertionPromptBoxCore: React.FC<
     read();
 
     return () => {
+      // release the lock if the reader is not closed on unmount
       const releaseLockIfNotClosed = async () => {
         try {
           await reader.closed;
@@ -117,22 +122,25 @@ export const HoveringInsertionPromptBoxCore: React.FC<
     };
   }, [generatingSuggestion]);
 
-  // when the adjustment prompt changes, reset the edit suggestion
-  const begingGeneratingAdjustment = async () => {
+  // generate an adjustment to the completed text, based on the adjustment prompt
+  const beginGeneratingAdjustment = useCallback(async () => {
     // don't generate text if the prompt is empty
     if (!adjustmentPrompt.trim()) {
       return;
     }
 
-    // if the current edit suggestion is not empty, then use it as the selected text instead of the editor state's selected text
-    let editorState = state.editorState;
+    // editor state includes the text being edited, and the text before/after the selection
+    // if the current edit suggestion is not empty, then use *it* as the "selected text" - instead of the editor state's selected text
+    let modificationState = state.editorState;
     if (editSuggestion !== "") {
-      editorState.selectedText = editSuggestion;
+      modificationState.selectedText = editSuggestion;
     }
 
+    // generate the adjustment suggestion
     const adjustmentSuggestionTextStreamPromise = insertionOrEditingFunction(
-      editorState,
+      modificationState,
       adjustmentPrompt,
+      filePointers,
       new AbortController().signal
     );
     const adjustmentSuggestionTextStream = streamPromiseFlatten(
@@ -140,7 +148,13 @@ export const HoveringInsertionPromptBoxCore: React.FC<
     );
 
     setGeneratingSuggestion(adjustmentSuggestionTextStream);
-  };
+  }, [
+    adjustmentPrompt,
+    editSuggestion,
+    state.editorState,
+    insertionOrEditingFunction,
+    filePointers,
+  ]);
 
   const isLoading = suggestionIsLoading;
 
@@ -169,7 +183,7 @@ export const HoveringInsertionPromptBoxCore: React.FC<
               setAdjustmentPrompt(adjustmentPrompt + "\n");
             } else if (e.key === "Enter") {
               e.preventDefault();
-              begingGeneratingAdjustment();
+              beginGeneratingAdjustment();
             }
           }}
           placeholder={placeholder}
@@ -178,7 +192,7 @@ export const HoveringInsertionPromptBoxCore: React.FC<
           rows={1}
         />
         <button
-          onClick={begingGeneratingAdjustment}
+          onClick={beginGeneratingAdjustment}
           className="absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center"
         >
           <i className="material-icons">arrow_forward</i>
@@ -266,52 +280,3 @@ export const HoveringInsertionPromptBoxCore: React.FC<
     </div>
   );
 };
-
-interface IncludedFilesPreviewProps {
-  includedFiles: DocumentPointer[];
-  setIncludedFiles: React.Dispatch<React.SetStateAction<DocumentPointer[]>>;
-}
-
-export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({
-  includedFiles,
-  setIncludedFiles,
-}) => {
-  return (
-    <div className="flex flex-col gap-2 mt-2">
-      <Label className="">Included context:</Label>
-      <div className="flex flex-wrap gap-2">
-        {includedFiles.map((filePointer, index) => {
-          return (
-            <FileChipPreview
-              key={`file-${filePointer.sourceApplication}.${filePointer.name}`}
-              filePointer={filePointer}
-              onDelete={() => {
-                setIncludedFiles((prev) =>
-                  prev.filter((fp) => fp !== filePointer)
-                );
-              }}
-            />
-          );
-        })}
-      </div>
-    </div>
-  );
-};
-
-export interface FileChipPreviewProp {
-  filePointer: DocumentPointer;
-  onDelete: () => void;
-}
-
-export const FileChipPreview: React.FC<FileChipPreviewProp> = ({
-  filePointer,
-  onDelete,
-}) => {
-  return (
-    <Chip
-      label={filePointer.name}
-      onDelete={onDelete}
-      avatar={<Avatar sx={{ backgroundColor: "transparent" }}></Avatar>}
-    />
-  );
-};

package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx

@@ -23,8 +23,8 @@ export const HoveringInsertionPromptBox: React.FC<Props> = (props) => {
         state={{
           editorState: props.editorState,
         }}
-        performInsertion={props.performInsertion}
         insertionOrEditingFunction={props.apiConfig.insertionOrEditingFunction}
+        performInsertion={props.performInsertion}
         contextCategories={props.contextCategories}
       />
     </div>

package/src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx

@@ -0,0 +1,54 @@
+import { DocumentPointer } from "@copilotkit/react-core";
+import { Label } from "../../ui/label";
+import React from "react";
+import Chip from "@mui/material/Chip";
+import Avatar from "@mui/material/Avatar";
+
+export interface IncludedFilesPreviewProps {
+  includedFiles: DocumentPointer[];
+  setIncludedFiles: React.Dispatch<React.SetStateAction<DocumentPointer[]>>;
+}
+
+export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({
+  includedFiles,
+  setIncludedFiles,
+}) => {
+  return (
+    <div className="flex flex-col gap-2 mt-2">
+      <Label className="">Included context:</Label>
+      <div className="flex flex-wrap gap-2">
+        {includedFiles.map((filePointer, index) => {
+          return (
+            <FileChipPreview
+              key={`file-${filePointer.sourceApplication}.${filePointer.name}`}
+              filePointer={filePointer}
+              onDelete={() => {
+                setIncludedFiles((prev) =>
+                  prev.filter((fp) => fp !== filePointer)
+                );
+              }}
+            />
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export interface FileChipPreviewProp {
+  filePointer: DocumentPointer;
+  onDelete: () => void;
+}
+
+export const FileChipPreview: React.FC<FileChipPreviewProp> = ({
+  filePointer,
+  onDelete,
+}) => {
+  return (
+    <Chip
+      label={filePointer.name}
+      onDelete={onDelete}
+      avatar={<Avatar sx={{ backgroundColor: "transparent" }}></Avatar>}
+    />
+  );
+};

package/src/components/source-search-box/source-search-box.tsx

@@ -67,13 +67,12 @@ export function SourceSearchBox(props: SourceSearchBoxProps) {
                   props.onSelectedFile(filePointer);
                 }}
               >
-                <div className="flex flex-row gap-3 items-center">
-                  <Logo size="30px">
+                <div className=" px-3  flex flex-row gap-1 items-center">
+                  <Logo width="20px" height="20px">
                     <img
                       src={filePointer.iconImageUri}
                       alt={filePointer.sourceApplication}
-                      width={30}
-                      height={30}
+                      className="w-full h-full"
                     />
                   </Logo>
                   {filePointer.name}
@@ -110,15 +109,17 @@ export function SourceSearchBox(props: SourceSearchBoxProps) {
 
 export function Logo({
   children,
-  size = "30px",
+  width,
+  height,
 }: {
   children: React.ReactNode;
-  size?: string;
+  width: string;
+  height: string;
 }) {
   return (
     <div
-      className="flex items-center justify-center bg-black"
-      style={{ width: size, height: size }}
+      className="flex items-center justify-center"
+      style={{ width: width, height: height }}
     >
       {children}
     </div>

package/src/components/ui/command.tsx

@@ -62,7 +62,10 @@ const CommandList = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <CommandPrimitive.List
     ref={ref}
-    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    className={cn(
+      "max-h-[300px] overflow-y-auto overflow-x-hidden pb-2",
+      className
+    )}
     {...props}
   />
 ));

package/src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx

@@ -36,7 +36,7 @@ export function useMakeStandardAutosuggestionFunction(
             role: "system",
             content: apiConfig.makeSystemPrompt(
               textareaPurpose,
-              getContextString(contextCategories)
+              getContextString([], contextCategories)
             ),
           },
           ...apiConfig.fewShotMessages,

package/src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx

@@ -10,6 +10,7 @@ import {
 } from "../../types/base/autosuggestions-bare-function";
 import { InsertionsApiConfig } from "../../types/autosuggestions-config/insertions-api-config";
 import { EditingApiConfig } from "../../types/autosuggestions-config/editing-api-config";
+import { DocumentPointer } from "@copilotkit/react-core";
 
 /**
  * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.
@@ -36,6 +37,7 @@ export function useMakeStandardInsertionOrEditingFunction(
     async (
       editorState: EditingEditorState,
       insertionPrompt: string,
+      documents: DocumentPointer[],
       abortSignal: AbortSignal
     ) => {
       const res = await retry(async () => {
@@ -44,7 +46,7 @@ export function useMakeStandardInsertionOrEditingFunction(
             role: "system",
             content: insertionApiConfig.makeSystemPrompt(
               textareaPurpose,
-              getContextString(contextCategories)
+              getContextString(documents, contextCategories)
             ),
           },
           ...insertionApiConfig.fewShotMessages,
@@ -83,6 +85,7 @@ export function useMakeStandardInsertionOrEditingFunction(
     async (
       editorState: EditingEditorState,
       editingPrompt: string,
+      documents: DocumentPointer[],
       abortSignal: AbortSignal
     ) => {
       const res = await retry(async () => {
@@ -91,7 +94,7 @@ export function useMakeStandardInsertionOrEditingFunction(
             role: "system",
             content: editingApiConfig.makeSystemPrompt(
               textareaPurpose,
-              getContextString(contextCategories)
+              getContextString(documents, contextCategories)
             ),
           },
           ...editingApiConfig.fewShotMessages,
@@ -135,16 +138,23 @@ export function useMakeStandardInsertionOrEditingFunction(
     async (
       editorState: EditingEditorState,
       insertionPrompt: string,
+      documents: DocumentPointer[],
       abortSignal: AbortSignal
     ) => {
       if (editorState.selectedText === "") {
         return await insertionFunction(
           editorState,
           insertionPrompt,
+          documents,
           abortSignal
         );
       } else {
-        return await editingFunction(editorState, insertionPrompt, abortSignal);
+        return await editingFunction(
+          editorState,
+          insertionPrompt,
+          documents,
+          abortSignal
+        );
       }
     },
     [insertionFunction, editingFunction]

package/src/lib/stream-promise-flatten.ts

@@ -1,3 +1,13 @@
+/**
+ * Flatten a promise of a stream, into a stream.
+ *
+ * Useful because a stream already includes the notion of async value delivery,
+ * so it often makes sense to simply await the values rather than the generator of the values.
+ *
+ * @param {Promise<ReadableStream<A>>} promise - The promise to flatten.
+ * @returns {ReadableStream<A>} - The flattened stream.
+ */
+
 export function streamPromiseFlatten<A>(
   promise: Promise<ReadableStream<A>>
 ): ReadableStream<A> {

package/src/types/autosuggestions-config/editing-api-config.tsx

@@ -16,6 +16,11 @@ export const defaultEditingMakeSystemPrompt: MakeSystemPrompt = (
 The user is writing some text.
 The purpose is: \"${textareaPurpose}\"
 
+The following external context is also provided. Use it to help you make better suggestions!!!
+\`\`\`
+${contextString}
+\`\`\`
+
 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.
 
@@ -28,13 +33,6 @@ The user will provide the following information; use this to infer the best rele
 <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}
-\`\`\`
 `;
 };
 

package/src/types/autosuggestions-config/insertions-api-config.tsx

@@ -16,9 +16,14 @@ export const defaultInsertionsMakeSystemPrompt: MakeSystemPrompt = (
 The user is writing some text.
 The purpose is: \"${textareaPurpose}\"
 
+The following external context is also provided. Use it to help you make better suggestions!!!
+\`\`\`
+${contextString}
+\`\`\`
+
 The user also provides you with a prompt for INSERTIONS into the text they are writing. 
 Your job is to come up with an INSERTION into the text that the user would like AS BEST YOU CAN.
-Only guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.
+Only insert a SHORT segment. Usually 1 sentence, or at most 1 paragraph.
 
 Adjust yourself to the user's style and implied intent.
 
@@ -27,13 +32,6 @@ The user will provide the text before and after the cursor, as well as the inser
 <TextBeforeCursor>
 <InsertionPrompt>
 <YourSuggestion>
-
-If we need to add a whitespace character to the suggested text, make sure to explicitly add it in.
-
-The following external context is also provided. Use it to help you make better suggestions!!!
-\`\`\`
-${contextString}
-\`\`\`
 `;
 };
 

package/src/types/base/autosuggestions-bare-function.ts

@@ -1,3 +1,5 @@
+import { DocumentPointer } from "@copilotkit/react-core";
+
 export interface InsertionEditorState {
   textBeforeCursor: string;
   textAfterCursor: string;
@@ -15,6 +17,7 @@ export type AutosuggestionsBareFunction = (
 export type Generator_InsertionOrEditingSuggestion = (
   editorState: EditingEditorState,
   prompt: string,
+  documents: DocumentPointer[],
   abortSignal: AbortSignal
 ) => Promise<ReadableStream<string>>;
 

package/dist/chunk-47JRPWI3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx"],"names":[],"mappings":"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","sourcesContent":["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 { SourceSearchBox } from \"../../source-search-box/source-search-box\";\nimport { DocumentPointer } from \"@copilotkit/react-core\";\nimport { Button } from \"../../ui/button\";\nimport { Label } from \"../../ui/label\";\nimport React, { useContext, useEffect, useRef, useState } from \"react\";\n\nimport Chip from \"@mui/material/Chip\";\nimport Avatar from \"@mui/material/Avatar\";\nimport { streamPromiseFlatten } from \"../../../lib/stream-promise-flatten\";\nimport { CopilotContext } from \"@copilotkit/react-core\";\n\nexport type SuggestionState = {\n  editorState: EditingEditorState;\n};\n\nexport interface HoveringInsertionPromptBoxCoreProps {\n  state: SuggestionState;\n  performInsertion: (insertedText: string) => void;\n  insertionOrEditingFunction: Generator_InsertionOrEditingSuggestion;\n  contextCategories: string[];\n}\n\nexport const HoveringInsertionPromptBoxCore: React.FC<\n  HoveringInsertionPromptBoxCoreProps\n> = ({\n  performInsertion,\n  state,\n  insertionOrEditingFunction,\n  contextCategories,\n}) => {\n  const { getDocumentsContext } = useContext(CopilotContext);\n\n  const [editSuggestion, setEditSuggestion] = useState<string>(\"\");\n  const [suggestionIsLoading, setSuggestionIsLoading] =\n    useState<boolean>(false);\n\n  const [adjustmentPrompt, setAdjustmentPrompt] = useState<string>(\"\");\n\n  const [generatingSuggestion, setGeneratingSuggestion] =\n    useState<ReadableStream<string> | null>(null);\n\n  const adjustmentTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const suggestionTextAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const [filePointers, setFilePointers] = useState<DocumentPointer[]>([]);\n\n  const [suggestedFiles, setSuggestedFiles] = useState<DocumentPointer[]>([]);\n  useEffect(() => {\n    setSuggestedFiles(getDocumentsContext(contextCategories));\n  }, [contextCategories, getDocumentsContext]);\n\n  useAutosizeTextArea(suggestionTextAreaRef, editSuggestion || \"\");\n  useAutosizeTextArea(adjustmentTextAreaRef, adjustmentPrompt || \"\");\n\n  // initially focus on the adjustment prompt text area\n  useEffect(() => {\n    adjustmentTextAreaRef.current?.focus();\n  }, []);\n\n  // continuously read the generating suggestion stream and update the edit suggestion\n  useEffect(() => {\n    // if no generating suggestion, do nothing\n    if (!generatingSuggestion) {\n      return;\n    }\n\n    // Check if the stream is already locked (i.e. already reading from it)\n    if (generatingSuggestion.locked) {\n      return;\n    }\n\n    // reset the edit suggestion\n    setEditSuggestion(\"\");\n\n    // read the generating suggestion stream and continuously update the edit suggestion\n    const reader = 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\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  }, [generatingSuggestion]);\n\n  // when the adjustment prompt changes, reset the edit suggestion\n  const begingGeneratingAdjustment = async () => {\n    // don't generate text if the prompt is empty\n    if (!adjustmentPrompt.trim()) {\n      return;\n    }\n\n    // if the current edit suggestion is not empty, then use it as the selected text instead of the editor state's selected text\n    let editorState = state.editorState;\n    if (editSuggestion !== \"\") {\n      editorState.selectedText = editSuggestion;\n    }\n\n    const adjustmentSuggestionTextStreamPromise = insertionOrEditingFunction(\n      editorState,\n      adjustmentPrompt,\n      new AbortController().signal\n    );\n    const adjustmentSuggestionTextStream = streamPromiseFlatten(\n      adjustmentSuggestionTextStreamPromise\n    );\n\n    setGeneratingSuggestion(adjustmentSuggestionTextStream);\n  };\n\n  const isLoading = suggestionIsLoading;\n\n  const textToEdit = editSuggestion || state.editorState.selectedText;\n  const adjustmentLabel =\n    textToEdit === \"\"\n      ? \"Describe the text you want to insert\"\n      : \"Describe adjustments to the suggested text\";\n  const placeholder =\n    textToEdit === \"\"\n      ? \"e.g. 'summarize the client's top 3 pain-points from @CallTranscript'\"\n      : \"e.g. 'make it more formal', 'be more specific', ...\";\n\n  const AdjustmentPromptComponent = (\n    <>\n      <Label className=\"\">{adjustmentLabel}</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              begingGeneratingAdjustment();\n            }\n          }}\n          placeholder={placeholder}\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={begingGeneratingAdjustment}\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          {isLoading && (\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={suggestionIsLoading}\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-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\n          includedFiles={filePointers}\n          setIncludedFiles={setFilePointers}\n        />\n      )}\n      {sourceSearchWord !== undefined && (\n        <SourceSearchBox\n          searchTerm={sourceSearchWord}\n          suggestedFiles={suggestedFiles}\n          onSelectedFile={(filePointer) => {\n            setAdjustmentPrompt(\n              adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), \"\")\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      {generatingSuggestion ? SuggestionComponent : null}\n      {generatingSuggestion ? SubmitComponent : null}\n    </div>\n  );\n};\n\ninterface IncludedFilesPreviewProps {\n  includedFiles: DocumentPointer[];\n  setIncludedFiles: React.Dispatch<React.SetStateAction<DocumentPointer[]>>;\n}\n\nexport const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({\n  includedFiles,\n  setIncludedFiles,\n}) => {\n  return (\n    <div className=\"flex flex-col gap-2 mt-2\">\n      <Label className=\"\">Included context:</Label>\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) =>\n                  prev.filter((fp) => fp !== filePointer)\n                );\n              }}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport interface FileChipPreviewProp {\n  filePointer: DocumentPointer;\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={<Avatar sx={{ backgroundColor: \"transparent\" }}></Avatar>}\n    />\n  );\n};\n"]}

package/dist/chunk-66BDXIX4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/autosuggestions-config/insertions-api-config.tsx"],"names":[],"mappings":";AASO,IAAM,oCAAsD,CACjE,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,EAkBlB;AAAA;AAAA;AAGF;AAEO,IAAM,mCAA4D;AAAA,EACvE;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,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,6BAAkD;AAAA,EAC7D,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB","sourcesContent":["import { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\n\nexport interface InsertionsApiConfig {\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultInsertionsMakeSystemPrompt: 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 INSERTIONS into the text they are writing. \nYour job is to come up with an INSERTION into the text that the user would like AS BEST YOU CAN.\nOnly guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide the text before and after the cursor, as well as the insertion prompt. You should use this to infer the best relevant insertion.\n<TextAfterCursor>\n<TextBeforeCursor>\n<InsertionPrompt>\n<YourSuggestion>\n\nIf we need to add a whitespace character to the suggested 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 defaultInsertionsFewShotMessages: MinimalChatGPTMessage[] = [\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"While I was there I also picked up some apples, oranges, and bananas.\",\n  },\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: \"InsertionPrompt\",\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 defaultInsertionsApiConfig: InsertionsApiConfig = {\n  makeSystemPrompt: defaultInsertionsMakeSystemPrompt,\n  fewShotMessages: defaultInsertionsFewShotMessages,\n  forwardedParams: undefined,\n};\n"]}

package/dist/chunk-FN7GDKKG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/stream-promise-flatten.ts"],"names":[],"mappings":";;;;;AAAO,SAAS,qBACd,SACmB;AACnB,SAAO,IAAI,eAAkB;AAAA,IACrB,MAAM,YAAY;AAAA;AACtB,YAAI;AACF,gBAAM,SAAS,MAAM;AACrB,gBAAM,SAAS,OAAO,UAAU;AAEhC,iBAAO,MAAM;AACX,kBAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAE1C,gBAAI,MAAM;AACR,yBAAW,MAAM;AACjB;AAAA,YACF;AAEA,uBAAW,QAAQ,KAAK;AAAA,UAC1B;AAAA,QACF,SAAS,OAAP;AACA,qBAAW,MAAM,KAAK;AAAA,QACxB;AAAA,MACF;AAAA;AAAA,EACF,CAAC;AACH","sourcesContent":["export function streamPromiseFlatten<A>(\n  promise: Promise<ReadableStream<A>>\n): ReadableStream<A> {\n  return new ReadableStream<A>({\n    async start(controller) {\n      try {\n        const stream = await promise;\n        const reader = stream.getReader();\n\n        while (true) {\n          const { done, value } = await reader.read();\n\n          if (done) {\n            controller.close();\n            return;\n          }\n\n          controller.enqueue(value);\n        }\n      } catch (error) {\n        controller.error(error);\n      }\n    },\n  });\n}\n"]}

package/dist/chunk-HRTFMM7P.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/autosuggestions-config/editing-api-config.tsx"],"names":[],"mappings":";AASO,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,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB","sourcesContent":["import { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\n\nexport interface EditingApiConfig {\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  makeSystemPrompt: defaultEditingMakeSystemPrompt,\n  fewShotMessages: defaultEditingFewShotMessages,\n  forwardedParams: undefined,\n};\n"]}

package/dist/chunk-K2AVA67P.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa,kBAAkB;AAsBjC,SAAS,sCACd,iBACA,mBACA,WAC6B;AAC7B,QAAM,EAAE,kBAAkB,iBAAiB,IAAI,WAAW,cAAc;AAExE,SAAO;AAAA,IACL,CAAO,aAAmC,gBAA6B;AACrE,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,UAAU;AAAA,cACjB;AAAA,cACA,iBAAiB,iBAAiB;AAAA,YACpC;AAAA,UACF;AAAA,UACA,GAAG,UAAU;AAAA,UACb;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,QACF;AAEA,cAAM,cACJ,oBAAoB,qBAAqB,gBAAgB;AAC3D,cAAM,SAAS,MAAM,YAAY;AAAA,UAC/B;AAAA,UACA;AAAA,UACA,UAAU;AAAA,QACZ;AAGA,cAAM,SAAS,OAAO,UAAU;AAChC,YAAI,SAAS;AAEb,eAAO,MAAM;AACX,gBAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAC1C,cAAI,MAAM;AACR;AAAA,UACF;AACA,oBAAU;AAAA,QACZ;AAEA,eAAO;AAAA,MACT,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,WAAW,kBAAkB,mBAAmB,eAAe;AAAA,EAClE;AACF","sourcesContent":["import { CopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback, useContext } from \"react\";\nimport {\n  AutosuggestionsBareFunction,\n  ChatlikeApiEndpoint,\n  MinimalChatGPTMessage,\n} from \"../../types\";\nimport { retry } from \"../../lib/retry\";\nimport { InsertionEditorState } from \"../../types/base/autosuggestions-bare-function\";\nimport { SuggestionsApiConfig } from \"../../types/autosuggestions-config/suggestions-api-config\";\n/**\n * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n * The function takes in the text before and after the cursor, and an abort signal.\n * It sends a POST request to the API endpoint with the messages array containing the system message, few shot messages, and user messages.\n * The function returns the suggestion from the API response.\n *\n * @param textareaPurpose - The purpose of the textarea. This is included in the system message.\n * @param apiEndpoint - The API endpoint to send the autosuggestion request to.\n * @param makeSystemMessage - A function that takes in a context string and returns a system message to include in the autosuggestion request.\n * @param fewShotMessages - An array of few shot messages to include in the autosuggestion request.\n * @param contextCategories - The categories of context strings we want to include. By default, we include the (default) \"global\" context category.\n * @returns A memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n */\nexport function useMakeStandardAutosuggestionFunction(\n  textareaPurpose: string,\n  contextCategories: string[] | undefined,\n  apiConfig: SuggestionsApiConfig\n): AutosuggestionsBareFunction {\n  const { getContextString, copilotApiConfig } = useContext(CopilotContext);\n\n  return useCallback(\n    async (editorState: InsertionEditorState, abortSignal: AbortSignal) => {\n      const res = await retry(async () => {\n        const messages: MinimalChatGPTMessage[] = [\n          {\n            role: \"system\",\n            content: apiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(contextCategories)\n            ),\n          },\n          ...apiConfig.fewShotMessages,\n          {\n            role: \"user\",\n            name: \"TextAfterCursor\",\n            content: editorState.textAfterCursor,\n          },\n          {\n            role: \"user\",\n            name: \"TextBeforeCursor\",\n            content: editorState.textBeforeCursor,\n          },\n        ];\n\n        const apiEndpoint =\n          ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);\n        const stream = await apiEndpoint.run(\n          abortSignal,\n          messages,\n          apiConfig.forwardedParams\n        );\n\n        // read the stream:\n        const reader = stream.getReader();\n        let result = \"\";\n\n        while (true) {\n          const { done, value } = await reader.read();\n          if (done) {\n            break;\n          }\n          result += value;\n        }\n\n        return result;\n      });\n\n      return res;\n    },\n    [apiConfig, getContextString, contextCategories, textareaPurpose]\n  );\n}\n"]}

package/dist/chunk-L6DZHWEL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/source-search-box/source-search-box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAAS,gBAAgB;AAmDnB,cAkBU,YAlBV;AArBC,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAiB,EAAE;AAE7D,SACE,qBAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO;AAAA,IACP,eAAe,CAAC,UAAU;AACxB,uBAAiB,KAAK;AAAA,IACxB;AAAA,IACA,QAAQ,CAAC,OAAO,WAAW;AAEzB,UAAI,MAAM,eAAe;AAAI,eAAO;AAGpC,UAAI,MAAM,WAAW,MAAM,UAAU;AAAG,eAAO;AAG/C,aAAO;AAAA,IACT;AAAA,IAEA;AAAA,0BAAC;AAAA,QACC,OAAO,MAAM;AAAA,QACb,WAAU;AAAA,QACV,aAAY;AAAA,OACd;AAAA,MACA,qBAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YAAa;AAAA,WAAiB;AAAA,UAE/B,oBAAC;AAAA,YAAa,SAAQ;AAAA,YACnB,gBAAM,eAAe,IAAI,CAAC,gBAAgB;AACzC,qBACE,oBAAC;AAAA,gBAEC,OAAO,YAAY;AAAA,gBACnB,UAAU,CAAC,UAAU;AACnB,wBAAM,eAAe,WAAW;AAAA,gBAClC;AAAA,gBAEA,+BAAC;AAAA,kBAAI,WAAU;AAAA,kBACb;AAAA,wCAAC;AAAA,sBAAK,MAAK;AAAA,sBACT,8BAAC;AAAA,wBACC,KAAK,YAAY;AAAA,wBACjB,KAAK,YAAY;AAAA,wBACjB,OAAO;AAAA,wBACP,QAAQ;AAAA,uBACV;AAAA,qBACF;AAAA,oBACC,YAAY;AAAA;AAAA,iBACf;AAAA,iBAhBK,QAAQ,YAAY,qBAAqB,YAAY,MAiB5D;AAAA,YAEJ,CAAC;AAAA,WACH;AAAA,UAqBA,oBAAC,oBAAiB;AAAA;AAAA,OACpB;AAAA;AAAA,GACF;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,OAAO;AACT,GAGG;AACD,SACE,oBAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,IAElC;AAAA,GACH;AAEJ","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\";\n\nimport { DocumentPointer } from \"@copilotkit/react-core\";\n\nexport interface SourceSearchBoxProps {\n  searchTerm: string;\n  suggestedFiles: DocumentPointer[];\n  onSelectedFile: (filePointer: DocumentPointer) => void;\n}\n\nexport function SourceSearchBox(props: SourceSearchBoxProps) {\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=\"Available resources\">\n          {props.suggestedFiles.map((filePointer) => {\n            return (\n              <CommandItem\n                key={`word-${filePointer.sourceApplication}.${filePointer.name}`}\n                value={filePointer.name}\n                onSelect={(value) => {\n                  props.onSelectedFile(filePointer);\n                }}\n              >\n                <div className=\"flex flex-row gap-3 items-center\">\n                  <Logo size=\"30px\">\n                    <img\n                      src={filePointer.iconImageUri}\n                      alt={filePointer.sourceApplication}\n                      width={30}\n                      height={30}\n                    />\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({\n  children,\n  size = \"30px\",\n}: {\n  children: React.ReactNode;\n  size?: string;\n}) {\n  return (\n    <div\n      className=\"flex items-center justify-center bg-black\"\n      style={{ width: size, height: size }}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/chunk-OXPXFYUG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa,kBAAkB;AAyBjC,SAAS,0CACd,iBACA,mBACA,oBACA,kBACwC;AACxC,QAAM,EAAE,kBAAkB,iBAAiB,IAAI,WAAW,cAAc;AAExE,QAAM,oBAAoB;AAAA,IACxB,CACE,aACA,iBACA,gBACG;AACH,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,mBAAmB;AAAA,cAC1B;AAAA,cACA,iBAAiB,iBAAiB;AAAA,YACpC;AAAA,UACF;AAAA,UACA,GAAG,mBAAmB;AAAA,UACtB;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,UACX;AAAA,QACF;AAEA,cAAM,cACJ,oBAAoB,qBAAqB,gBAAgB;AAC3D,eAAO,MAAM,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,UACA,mBAAmB;AAAA,QACrB;AAAA,MACF,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,oBAAoB,kBAAkB,mBAAmB,eAAe;AAAA,EAC3E;AAEA,QAAM,kBAAkB;AAAA,IACtB,CACE,aACA,eACA,gBACG;AACH,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,iBAAiB;AAAA,cACxB;AAAA,cACA,iBAAiB,iBAAiB;AAAA,YACpC;AAAA,UACF;AAAA,UACA,GAAG,iBAAiB;AAAA,UACpB;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,UACX;AAAA,QACF;AAEA,cAAM,cACJ,oBAAoB,qBAAqB,gBAAgB;AAC3D,eAAO,MAAM,YAAY;AAAA,UACvB;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA,QACnB;AAAA,MACF,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,kBAAkB,kBAAkB,mBAAmB,eAAe;AAAA,EACzE;AAEA,QAAM,6BAA6B;AAAA,IACjC,CACE,aACA,iBACA,gBACG;AACH,UAAI,YAAY,iBAAiB,IAAI;AACnC,eAAO,MAAM;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,OAAO;AACL,eAAO,MAAM,gBAAgB,aAAa,iBAAiB,WAAW;AAAA,MACxE;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,eAAe;AAAA,EACrC;AAEA,SAAO;AACT","sourcesContent":["import { CopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback, useContext } from \"react\";\nimport { ChatlikeApiEndpoint, MinimalChatGPTMessage } from \"../../types\";\nimport { retry } from \"../../lib/retry\";\nimport {\n  EditingEditorState,\n  Generator_InsertionOrEditingSuggestion,\n  InsertionEditorApiConfig,\n  InsertionEditorState,\n} from \"../../types/base/autosuggestions-bare-function\";\nimport { InsertionsApiConfig } from \"../../types/autosuggestions-config/insertions-api-config\";\nimport { EditingApiConfig } from \"../../types/autosuggestions-config/editing-api-config\";\n\n/**\n * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n * The function takes in the text before and after the cursor, and an abort signal.\n * It sends a POST request to the API endpoint with the messages array containing the system message, few shot messages, and user messages.\n * The function returns the suggestion from the API response.\n *\n * @param textareaPurpose - The purpose of the textarea. This is included in the system message.\n * @param apiEndpoint - The API endpoint to send the autosuggestion request to.\n * @param makeSystemMessage - A function that takes in a context string and returns a system message to include in the autosuggestion request.\n * @param fewShotMessages - An array of few shot messages to include in the autosuggestion request.\n * @param contextCategories - The categories of context strings we want to include. By default, we include the (default) \"global\" context category.\n * @returns A memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n */\nexport function useMakeStandardInsertionOrEditingFunction(\n  textareaPurpose: string,\n  contextCategories: string[] | undefined,\n  insertionApiConfig: InsertionsApiConfig,\n  editingApiConfig: EditingApiConfig\n): Generator_InsertionOrEditingSuggestion {\n  const { getContextString, copilotApiConfig } = useContext(CopilotContext);\n\n  const insertionFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      abortSignal: AbortSignal\n    ) => {\n      const res = await retry(async () => {\n        const messages: MinimalChatGPTMessage[] = [\n          {\n            role: \"system\",\n            content: insertionApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(contextCategories)\n            ),\n          },\n          ...insertionApiConfig.fewShotMessages,\n          {\n            role: \"user\",\n            name: \"TextAfterCursor\",\n            content: editorState.textAfterCursor,\n          },\n          {\n            role: \"user\",\n            name: \"TextBeforeCursor\",\n            content: editorState.textBeforeCursor,\n          },\n          {\n            role: \"user\",\n            name: \"InsertionPrompt\",\n            content: insertionPrompt,\n          },\n        ];\n\n        const apiEndpoint =\n          ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);\n        return await apiEndpoint.run(\n          abortSignal,\n          messages,\n          insertionApiConfig.forwardedParams\n        );\n      });\n\n      return res;\n    },\n    [insertionApiConfig, getContextString, contextCategories, textareaPurpose]\n  );\n\n  const editingFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      editingPrompt: string,\n      abortSignal: AbortSignal\n    ) => {\n      const res = await retry(async () => {\n        const messages: MinimalChatGPTMessage[] = [\n          {\n            role: \"system\",\n            content: editingApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(contextCategories)\n            ),\n          },\n          ...editingApiConfig.fewShotMessages,\n          {\n            role: \"user\",\n            name: \"TextBeforeCursor\",\n            content: editorState.textBeforeCursor,\n          },\n          {\n            role: \"user\",\n            name: \"TextToEdit\",\n            content: editorState.selectedText,\n          },\n          {\n            role: \"user\",\n            name: \"TextAfterCursor\",\n            content: editorState.textAfterCursor,\n          },\n          {\n            role: \"user\",\n            name: \"EditingPrompt\",\n            content: editingPrompt,\n          },\n        ];\n\n        const apiEndpoint =\n          ChatlikeApiEndpoint.fromCopilotApiConfig(copilotApiConfig);\n        return await apiEndpoint.run(\n          abortSignal,\n          messages,\n          editingApiConfig.forwardedParams\n        );\n      });\n\n      return res;\n    },\n    [editingApiConfig, getContextString, contextCategories, textareaPurpose]\n  );\n\n  const insertionOrEditingFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      abortSignal: AbortSignal\n    ) => {\n      if (editorState.selectedText === \"\") {\n        return await insertionFunction(\n          editorState,\n          insertionPrompt,\n          abortSignal\n        );\n      } else {\n        return await editingFunction(editorState, insertionPrompt, abortSignal);\n      }\n    },\n    [insertionFunction, editingFunction]\n  );\n\n  return insertionOrEditingFunction;\n}\n"]}

package/dist/chunk-XA7M72ZO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/command.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,YAAY,WAAW;AAEvB,SAAS,WAAW,wBAAwB;AAU1C;AAdF;AAUA,IAAM,UAAgB,iBAGpB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAbL,IAaG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,KACI,MACN;AAAA,CACD;AACD,QAAQ,cAAc,iBAAiB;AAIvC,IAAM,gBAAgB,CAAC,OAA+C;AAA/C,eAAE,WA3BzB,IA2BuB,IAAe,kBAAf,IAAe,CAAb;AACvB,SACE,oBAAC,yCAAW,QAAX;AAAA,IACC,8BAAC;AAAA,MAAc,WAAU;AAAA,MACvB,8BAAC;AAAA,QAAQ,WAAU;AAAA,QAChB;AAAA,OACH;AAAA,KACF;AAAA,IACF;AAEJ;AAEA,IAAM,eAAqB,iBAGzB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1CL,IA0CG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC;AAAA,IAAI,WAAU;AAAA,IAAkC,sBAAmB;AAAA,IAElE,8BAAC,iBAAiB,OAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,MACN;AAAA,GACF;AAAA,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA7DL,IA6DG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,iBAAiB,MAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,KACtE,MACN;AAAA,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,eAAqB,iBAGzB,CAAC,OAAO,QACR,oBAAC,iBAAiB,OAAjB;AAAA,EACC;AAAA,EACA,WAAU;AAAA,GACN,MACN,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,eAAqB,iBAGzB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAvFL,IAuFG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,iBAAiB,OAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,KACI,MACN;AAAA,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,mBAAyB,iBAG7B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAvGL,IAuGG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,iBAAiB,WAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,KAC3C,MACN;AAAA,CACD;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAnHL,IAmHG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,iBAAiB,MAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,KACI,MACN;AAAA,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,kBAAkB,CAAC,OAGoB;AAHpB,eACvB;AAAA;AAAA,EAjIF,IAgIyB,IAEpB,kBAFoB,IAEpB;AAAA,IADH;AAAA;AAGA,SACE,oBAAC;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,KACI,MACN;AAEJ;AACA,gBAAgB,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Search } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogContent } from \"./dialog\";\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n      className\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    {/* <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" /> */}\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n    {...props}\n  />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"py-6 text-center text-sm\"\n    {...props}\n  />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n      className\n    )}\n    {...props}\n  />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 h-px bg-border\", className)}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"]}