@copilotkit/react-textarea 0.19.0-alpha.3 → 0.19.0-alpha.4

package/dist/types/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/types/base/base-autosuggestions-config.tsx","../../src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx","../../src/types/autosuggestions-config/suggestions-api-config.tsx","../../src/types/autosuggestions-config/insertions-api-config.tsx","../../src/types/autosuggestions-config/editing-api-config.tsx","../../src/types/autosuggestions-config/autosuggestions-config.tsx"],"sourcesContent":["import { BaseCopilotTextareaApiConfig } from \"./autosuggestions-bare-function\";\n\nexport interface BaseAutosuggestionsConfig {\n  textareaPurpose: string;\n  debounceTime: number;\n  acceptAutosuggestionKey: string;\n  disableWhenEmpty: boolean;\n  disabled: boolean;\n  temporarilyDisableWhenMovingCursorWithoutChangingText: boolean;\n  apiConfig: BaseCopilotTextareaApiConfig;\n}\n\nexport const defaultBaseAutosuggestionsConfig: Omit<\n  BaseAutosuggestionsConfig,\n  \"textareaPurpose\" | \"apiConfig\"\n> = {\n  debounceTime: 250,\n  acceptAutosuggestionKey: \"Tab\",\n  disableWhenEmpty: true,\n  disabled: false,\n  temporarilyDisableWhenMovingCursorWithoutChangingText: true,\n};\n","import { MinimalChatGPTMessage } from \"./minimal-chat-gpt-message\";\n\nexport type ChatlikeApiEndpointImpl = (\n  abortSignal: AbortSignal,\n  messages: MinimalChatGPTMessage[],\n  forwardedProps?: { [key: string]: any }\n) => Promise<string>;\n\nexport type StreamingChatlikeApiEndpointImpl = (\n  abortSignal: AbortSignal,\n  messages: MinimalChatGPTMessage[],\n  forwardedProps?: { [key: string]: any }\n) => Promise<ReadableStream<string>>;\n\nexport class ChatlikeApiEndpoint {\n  public run: StreamingChatlikeApiEndpointImpl;\n\n  constructor(run: StreamingChatlikeApiEndpointImpl) {\n    this.run = run;\n  }\n\n  /**\n   * Creates a new instance of ChatlikeApiEndpoint with the provided API endpoint.\n   * @param apiEndpoint The URL of the OpenAI-compatible API endpoint.\n   * @returns A new instance of ChatlikeApiEndpoint.\n   */\n  static standardOpenAIEndpoint(apiEndpoint: string): ChatlikeApiEndpoint {\n    return new ChatlikeApiEndpoint(\n      async (\n        abortSignal: AbortSignal,\n        messages: MinimalChatGPTMessage[],\n        forwardedProps?: { [key: string]: any }\n      ) => {\n        const res = await fetch(apiEndpoint, {\n          method: \"POST\",\n          body: JSON.stringify({\n            ...forwardedProps,\n            messages: messages,\n          }),\n          signal: abortSignal,\n        });\n\n        const bodySteram: ReadableStream<Uint8Array> | null = res.body;\n        if (!bodySteram) {\n          throw new Error(\"The response body is empty.\");\n        }\n\n        // map the stream to a stream of strings\n        const stringStream = bodySteram.pipeThrough(new TextDecoderStream());\n\n        return stringStream;\n      }\n    );\n  }\n\n  /**\n   * Creates a fully customized instance of ChatlikeApiEndpoint.\n   * @param run - The implementation of the ChatlikeApiEndpointImpl interface.\n   * @returns A new instance of ChatlikeApiEndpoint .\n   */\n  static custom(run: StreamingChatlikeApiEndpointImpl): ChatlikeApiEndpoint {\n    return new ChatlikeApiEndpoint(run);\n  }\n}\n","import { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\nimport { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { ChatlikeApiEndpoint } from \"./subtypes/chatlike-api-endpoint\";\n\nexport interface SuggestionsApiConfig {\n  apiEndpoint: ChatlikeApiEndpoint;\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultSuggestionsMakeSystemPrompt: 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\nYour job is to guess what the user will write next 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 both the text before and after the cursor. You should use this to infer what the user is likely to write next.\n<TextAfterCursor>\n<TextBeforeCursor>\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 defaultSuggestionsFewShotMessages: 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: \"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: \"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 defaultSuggestionsApiConfig: SuggestionsApiConfig = {\n  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(\n    \"/api/copilotkit_chatlike\"\n  ),\n  makeSystemPrompt: defaultSuggestionsMakeSystemPrompt,\n  fewShotMessages: defaultSuggestionsFewShotMessages,\n  forwardedParams: undefined,\n};\n","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 InsertionsApiConfig {\n  apiEndpoint: ChatlikeApiEndpoint;\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  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(\n    \"/api/copilotkit_chatlike\"\n  ),\n  makeSystemPrompt: defaultInsertionsMakeSystemPrompt,\n  fewShotMessages: defaultInsertionsFewShotMessages,\n  forwardedParams: undefined,\n};\n","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","import {\n  BaseAutosuggestionsConfig,\n  defaultBaseAutosuggestionsConfig,\n} from \"../base\";\nimport {\n  SuggestionsApiConfig,\n  defaultSuggestionsApiConfig,\n} from \"./suggestions-api-config\";\nimport {\n  InsertionsApiConfig,\n  defaultInsertionsApiConfig,\n} from \"./insertions-api-config\";\nimport { ChatlikeApiEndpoint } from \".\";\nimport {\n  EditingApiConfig,\n  defaultEditingApiConfig,\n} from \"./editing-api-config\";\n\n// Like the base autosuggestions config, with 2 additional fields:\n// 1. externalContextCategories: string[] | undefined;\n// 2. instead of apiConfigs, we have chatApiConfigs: a higher-level abstraction that uses a ChatGPT-like API endpoint.\nexport interface AutosuggestionsConfig\n  extends Omit<BaseAutosuggestionsConfig, \"apiConfig\"> {\n  externalContextCategories: string[] | undefined;\n  chatApiConfigs: {\n    suggestionsApiConfig: SuggestionsApiConfig;\n    insertionApiConfig: InsertionsApiConfig;\n    editingApiConfig: EditingApiConfig;\n  };\n}\n\nexport const defaultAutosuggestionsConfig: Omit<\n  AutosuggestionsConfig,\n  \"textareaPurpose\" | \"apiEndpoint\"\n> = {\n  ...defaultBaseAutosuggestionsConfig,\n  externalContextCategories: undefined,\n  chatApiConfigs: {\n    suggestionsApiConfig: defaultSuggestionsApiConfig,\n    insertionApiConfig: defaultInsertionsApiConfig,\n    editingApiConfig: defaultEditingApiConfig,\n  },\n};\n"],"mappings":"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","names":[]}

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.19.0-alpha.3",
+  "version": "0.19.0-alpha.4",
   "sideEffects": [
     "**/*.css"
   ],
@@ -32,9 +32,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.1.3",
     "typescript": "^4.9.4",
+    "eslint-config-custom": "0.2.0",
     "tailwind-config": "0.1.0",
-    "tsconfig": "0.3.0",
-    "eslint-config-custom": "0.2.0"
+    "tsconfig": "0.3.0"
   },
   "dependencies": {
     "@emotion/css": "^11.11.2",

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

@@ -263,7 +263,8 @@ export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({
   setIncludedFiles,
 }) => {
   return (
-    <div className="flex flex-col gap-2">
+    <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 (

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

@@ -73,8 +73,8 @@ export function SourceSearchBox(props: SourceSearchBoxProps) {
                   props.onSelectedFile(filePointer);
                 }}
               >
-                <div className="flex flex-row gap-3 items-center bg-slate-400 ">
-                  <Logo size="40px">
+                <div className="flex flex-row gap-3 items-center">
+                  <Logo size="30px">
                     <IconForFilePointer
                       filePointer={filePointer}
                       className="mx-auto my-auto"
@@ -114,20 +114,17 @@ export function SourceSearchBox(props: SourceSearchBoxProps) {
 
 export function Logo({
   children,
-  size = "20px",
+  size = "30px",
 }: {
   children: React.ReactNode;
   size?: string;
 }) {
   return (
     <div
-      className={""}
-      style={{
-        width: size,
-        height: size,
-      }}
+      className="flex items-center justify-center"
+      style={{ width: size, height: size }}
     >
-      <div className={""}>{children}</div>
+      {children}
     </div>
   );
 }

package/src/components/ui/command.tsx

@@ -117,7 +117,7 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "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",
       className
     )}
     {...props}

package/dist/chunk-23UHDUUY.mjs

@@ -1,461 +0,0 @@
-import { use_autosize_textarea_default } from './chunk-ND5PXTAW.mjs';
-import { Button } from './chunk-2NURR2DX.mjs';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator } from './chunk-3YJ63D5D.mjs';
-import { Label } from './chunk-5EJ5XOGP.mjs';
-import { streamPromiseFlatten } from './chunk-FN7GDKKG.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 HoveringInsertionPromptBoxCore = ({ performInsertion, state, insertionOrEditingFunction }) => {
-  const [editSuggestion, setEditSuggestion] = useState("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = useState(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = useState("");
-  const [generatingSuggestion, setGeneratingSuggestion] = useState(null);
-  const adjustmentTextAreaRef = useRef(null);
-  const suggestionTextAreaRef = useRef(null);
-  const [filePointers, setFilePointers] = useState([]);
-  use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
-  use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  useEffect(() => {
-    var _a;
-    (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
-  }, []);
-  useEffect(() => {
-    if (!generatingSuggestion) {
-      return;
-    }
-    if (generatingSuggestion.locked) {
-      return;
-    }
-    setEditSuggestion("");
-    const reader = 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();
-    };
-  }, [generatingSuggestion]);
-  const begingGeneratingAdjustment = () => __async(void 0, null, function* () {
-    if (!adjustmentPrompt.trim()) {
-      return;
-    }
-    let editorState = state.editorState;
-    if (editSuggestion !== "") {
-      editorState.selectedText = editSuggestion;
-    }
-    const adjustmentSuggestionTextStreamPromise = insertionOrEditingFunction(
-      editorState,
-      adjustmentPrompt,
-      new AbortController().signal
-    );
-    const adjustmentSuggestionTextStream = streamPromiseFlatten(
-      adjustmentSuggestionTextStreamPromise
-    );
-    setGeneratingSuggestion(adjustmentSuggestionTextStream);
-  });
-  const isLoading = suggestionIsLoading;
-  const textToEdit = editSuggestion || state.editorState.selectedText;
-  const adjustmentLabel = textToEdit === "" ? "Describe the text you want to insert" : "Describe adjustments to the suggested text";
-  const placeholder = textToEdit === "" ? "e.g. 'summarize the client's top 3 pain-points from @CallTranscript'" : "e.g. 'make it more formal', 'be more specific', ...";
-  const AdjustmentPromptComponent = /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(Label, {
-        className: "",
-        children: adjustmentLabel
-      }),
-      /* @__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();
-                begingGeneratingAdjustment();
-              }
-            },
-            placeholder,
-            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: begingGeneratingAdjustment,
-            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: isLoading && /* @__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: suggestionIsLoading,
-        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__ */ jsx("div", {
-    className: "flex w-full gap-4 justify-start",
-    children: /* @__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();
-        }
-      }),
-      generatingSuggestion ? SuggestionComponent : null,
-      generatingSuggestion ? SubmitComponent : null
-    ]
-  });
-};
-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, HoveringInsertionPromptBoxCore, IconForFilePointer, IncludedFilesPreview, Logo, SourceSearchBox };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-23UHDUUY.mjs.map