@copilotkit/react-textarea 1.10.7-next.0 → 1.50.0-beta.0

package/dist/index.mjs

@@ -1,63 +1,56 @@
 "use client";
 import "./chunk-DE5K76I2.mjs";
-import "./chunk-WADHCMPK.mjs";
-import "./chunk-IU3WTXLQ.mjs";
-import "./chunk-MMVDU6DF.mjs";
-import {
-  CopilotTextarea
-} from "./chunk-NZIHZWRU.mjs";
-import "./chunk-F6GMWOLE.mjs";
-import "./chunk-RXV67GJN.mjs";
 import "./chunk-RUV6NBIF.mjs";
 import {
   defaultAutosuggestionsConfig
-} from "./chunk-6SGWO63I.mjs";
-import "./chunk-MCNXIA4Q.mjs";
+} from "./chunk-ISKK3RIW.mjs";
 import "./chunk-QFXR6DOA.mjs";
 import "./chunk-EJGGLWWR.mjs";
+import "./chunk-MCNXIA4Q.mjs";
+import "./chunk-WADHCMPK.mjs";
+import "./chunk-H4VKQGVU.mjs";
+import "./chunk-IU3WTXLQ.mjs";
+import "./chunk-JD7BAH7U.mjs";
 import {
   BaseCopilotTextarea
-} from "./chunk-7WVURIB7.mjs";
-import "./chunk-2C7O2EVM.mjs";
+} from "./chunk-5NZNJCP2.mjs";
 import "./chunk-GQN2HYFJ.mjs";
-import "./chunk-23Q6A46J.mjs";
-import "./chunk-AJ5OMEXM.mjs";
-import "./chunk-DRV2FOHZ.mjs";
-import "./chunk-4NHVQZ67.mjs";
-import "./chunk-QJNFNPWH.mjs";
-import "./chunk-5UNJXFUO.mjs";
-import "./chunk-7LSRNPNI.mjs";
-import "./chunk-C3PMJNQA.mjs";
+import "./chunk-7VADGLV2.mjs";
 import "./chunk-L7VVZH4Q.mjs";
-import "./chunk-2DF2AVDU.mjs";
-import "./chunk-HBWBHJ64.mjs";
+import "./chunk-66KFI242.mjs";
+import "./chunk-4VCJHANC.mjs";
 import "./chunk-KMVGEY7Q.mjs";
-import "./chunk-3PQ7GSFE.mjs";
-import "./chunk-D47EKHIF.mjs";
-import "./chunk-LYB4B6MK.mjs";
-import "./chunk-HDBI2WN5.mjs";
+import "./chunk-2IWVZ4PP.mjs";
 import "./chunk-WGWQRALG.mjs";
+import "./chunk-4PDYALMP.mjs";
 import "./chunk-VSVQZUPW.mjs";
 import "./chunk-I72DKFHD.mjs";
-import "./chunk-4PDYALMP.mjs";
+import "./chunk-D47EKHIF.mjs";
+import "./chunk-2C7O2EVM.mjs";
+import "./chunk-NAFNY4FL.mjs";
+import "./chunk-F2ULK22F.mjs";
+import "./chunk-3QJOFG3V.mjs";
+import "./chunk-JLOABKLH.mjs";
+import "./chunk-7LSRNPNI.mjs";
+import "./chunk-LYB4B6MK.mjs";
 import "./chunk-2QDCE7PD.mjs";
-import "./chunk-YLFAIYRY.mjs";
 import "./chunk-WJHSY5T6.mjs";
 import {
   defaultBaseAutosuggestionsConfig
 } from "./chunk-F6RLSVG3.mjs";
-import "./chunk-7L6GIHDM.mjs";
-import "./chunk-XW3ICO4S.mjs";
-import "./chunk-LQ2OWQU7.mjs";
-import "./chunk-H4VKQGVU.mjs";
+import "./chunk-23Q6A46J.mjs";
+import "./chunk-AJ5OMEXM.mjs";
+import "./chunk-YLFAIYRY.mjs";
+import "./chunk-DRV2FOHZ.mjs";
+import "./chunk-4NHVQZ67.mjs";
+import "./chunk-QJNFNPWH.mjs";
+import "./chunk-5UNJXFUO.mjs";
 import "./chunk-DFTV4TST.mjs";
 import "./chunk-T6MTDQZ7.mjs";
 import "./chunk-ECR45NSD.mjs";
-import "./chunk-KNQIEOFP.mjs";
 import "./chunk-MRXNTQOX.mjs";
 export {
   BaseCopilotTextarea,
-  CopilotTextarea,
   defaultAutosuggestionsConfig,
   defaultBaseAutosuggestionsConfig
 };

package/dist/types/autosuggestions-config/autosuggestions-config.mjs

@@ -1,9 +1,9 @@
 import {
   defaultAutosuggestionsConfig
-} from "../../chunk-6SGWO63I.mjs";
-import "../../chunk-MCNXIA4Q.mjs";
+} from "../../chunk-ISKK3RIW.mjs";
 import "../../chunk-QFXR6DOA.mjs";
 import "../../chunk-EJGGLWWR.mjs";
+import "../../chunk-MCNXIA4Q.mjs";
 import "../../chunk-WJHSY5T6.mjs";
 import "../../chunk-F6RLSVG3.mjs";
 import "../../chunk-MRXNTQOX.mjs";

package/dist/types/autosuggestions-config/index.mjs

@@ -1,10 +1,10 @@
 import "../../chunk-RUV6NBIF.mjs";
 import {
   defaultAutosuggestionsConfig
-} from "../../chunk-6SGWO63I.mjs";
-import "../../chunk-MCNXIA4Q.mjs";
+} from "../../chunk-ISKK3RIW.mjs";
 import "../../chunk-QFXR6DOA.mjs";
 import "../../chunk-EJGGLWWR.mjs";
+import "../../chunk-MCNXIA4Q.mjs";
 import "../../chunk-WJHSY5T6.mjs";
 import "../../chunk-F6RLSVG3.mjs";
 import "../../chunk-MRXNTQOX.mjs";

package/dist/types/index.mjs

@@ -1,12 +1,12 @@
 import "../chunk-DE5K76I2.mjs";
-import "../chunk-WADHCMPK.mjs";
 import "../chunk-RUV6NBIF.mjs";
 import {
   defaultAutosuggestionsConfig
-} from "../chunk-6SGWO63I.mjs";
-import "../chunk-MCNXIA4Q.mjs";
+} from "../chunk-ISKK3RIW.mjs";
 import "../chunk-QFXR6DOA.mjs";
 import "../chunk-EJGGLWWR.mjs";
+import "../chunk-MCNXIA4Q.mjs";
+import "../chunk-WADHCMPK.mjs";
 import "../chunk-WJHSY5T6.mjs";
 import {
   defaultBaseAutosuggestionsConfig

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.10.7-next.0",
+  "version": "1.50.0-beta.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -25,6 +25,15 @@
   },
   "types": "./dist/index.d.ts",
   "license": "MIT",
+  "scripts": {
+    "build": "tsup --clean",
+    "dev": "tsup --watch --no-splitting",
+    "test": "jest",
+    "check-types": "tsc --noEmit",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist && rm -rf .next",
+    "link:global": "pnpm link --global",
+    "unlink:global": "pnpm unlink --global"
+  },
   "peerDependencies": {
     "react": "^18 || ^19 || ^19.0.0-rc",
     "react-dom": "^18 || ^19 || ^19.0.0-rc"
@@ -32,24 +41,27 @@
   "devDependencies": {
     "@types/jest": "^29.5.4",
     "@types/lodash.merge": "^4.6.7",
-    "@types/react": "^18.2.5",
-    "@types/react-dom": "^18.2.4",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.0.2",
     "@types/react-syntax-highlighter": "^15.5.7",
     "eslint": "^8.56.0",
+    "eslint-config-custom": "workspace:*",
     "jest": "^29.6.4",
     "postcss": "^8.4.20",
     "postcss-prefix-selector": "^1.16.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "tailwind-config": "workspace:*",
     "tailwindcss": "^3.3.0",
     "ts-jest": "^29.1.1",
+    "tsconfig": "workspace:*",
     "tsup": "^6.7.0",
-    "typescript": "^5.2.3",
-    "eslint-config-custom": "1.4.6",
-    "tailwind-config": "1.4.6",
-    "tsconfig": "1.4.6"
+    "typescript": "^5.2.3"
   },
   "dependencies": {
+    "@copilotkit/react-core": "workspace:*",
+    "@copilotkit/runtime-client-gql": "workspace:*",
+    "@copilotkit/shared": "workspace:*",
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
@@ -67,10 +79,7 @@
     "slate": "^0.94.1",
     "slate-history": "^0.93.0",
     "slate-react": "^0.98.1",
-    "tailwind-merge": "^1.13.2",
-    "@copilotkit/react-core": "1.10.7-next.0",
-    "@copilotkit/runtime-client-gql": "1.10.7-next.0",
-    "@copilotkit/shared": "1.10.7-next.0"
+    "tailwind-merge": "^1.13.2"
   },
   "keywords": [
     "copilotkit",
@@ -83,14 +92,5 @@
     "javascript",
     "automation",
     "textarea"
-  ],
-  "scripts": {
-    "build": "tsup --clean",
-    "dev": "tsup --watch --no-splitting",
-    "test": "jest",
-    "check-types": "tsc --noEmit",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist && rm -rf .next",
-    "link:global": "pnpm link --global",
-    "unlink:global": "pnpm unlink --global"
-  }
-}
+  ]
+}

package/src/components/base-copilot-textarea/render-element.tsx

@@ -1,6 +1,7 @@
 import { RenderElementProps } from "slate-react";
+import React from "react";
 
-export type RenderElementFunction = (props: RenderElementProps) => JSX.Element;
+export type RenderElementFunction = (props: RenderElementProps) => React.JSX.Element;
 
 export function makeRenderElementFunction(
   suggestionsStyle: React.CSSProperties,

package/src/components/base-copilot-textarea/render-placeholder.tsx

@@ -1,6 +1,7 @@
 import { RenderPlaceholderProps } from "slate-react";
+import React from "react";
 
-export type RenderPlaceholderFunction = (props: RenderPlaceholderProps) => JSX.Element;
+export type RenderPlaceholderFunction = (props: RenderPlaceholderProps) => React.JSX.Element;
 
 export function makeRenderPlaceholderFunction(
   placeholderStyle?: React.CSSProperties,

package/src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx

@@ -70,7 +70,7 @@ const isSelectionEqual = (a: BaseSelection, b: BaseSelection) => {
  * ```
  */
 function usePrevious<T>(value: T): T | undefined {
-  const ref = useRef<T>();
+  const ref = useRef<T>(undefined!);
 
   useEffect(() => {
     ref.current = value;

package/src/components/hovering-toolbar/hovering-toolbar-components.tsx

@@ -3,47 +3,35 @@ import React, { PropsWithChildren, Ref } from "react";
 import ReactDOM from "react-dom";
 
 interface BaseProps {
-  className: string;
+  className?: string;
   [key: string]: unknown;
 }
 
-export const Button = React.forwardRef(
-  (
-    {
-      className,
-      active,
-      reversed,
-      ...props
-    }: PropsWithChildren<
-      {
-        active: boolean;
-        reversed: boolean;
-      } & BaseProps
-    >,
-    ref: Ref<HTMLSpanElement | null>,
-  ) => (
-    <span
-      {...props}
-      ref={ref as Ref<HTMLSpanElement>}
-      className={cx(
-        className,
-        css`
-          cursor: pointer;
-          color: ${reversed ? (active ? "white" : "#aaa") : active ? "black" : "#ccc"};
-        `,
-      )}
-    />
-  ),
-);
+export const Button = React.forwardRef<
+  HTMLSpanElement,
+  PropsWithChildren<{ active: boolean; reversed: boolean } & BaseProps>
+>(({ className, active, reversed, ...props }, ref) => (
+  <span
+    {...props}
+    ref={ref}
+    className={cx(
+      className as string,
+      css`
+        cursor: pointer;
+        color: ${reversed ? (active ? "white" : "#aaa") : active ? "black" : "#ccc"};
+      `,
+    )}
+  />
+));
 
-export const Icon = React.forwardRef(
-  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLSpanElement | null>) => (
+export const Icon = React.forwardRef<HTMLSpanElement, PropsWithChildren<BaseProps>>(
+  ({ className, ...props }, ref) => (
     <span
       {...props}
-      ref={ref as Ref<HTMLSpanElement>}
+      ref={ref}
       className={cx(
         "material-icons",
-        className,
+        className as string,
         css`
           font-size: 18px;
           vertical-align: text-bottom;
@@ -53,15 +41,15 @@ export const Icon = React.forwardRef(
   ),
 );
 
-export const Menu = React.forwardRef(
-  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLDivElement | null>) => {
+export const Menu = React.forwardRef<HTMLDivElement, PropsWithChildren<BaseProps>>(
+  ({ className, ...props }, ref) => {
     return (
       <div
         {...props}
         data-testid="menu"
-        ref={ref as Ref<HTMLDivElement>}
+        ref={ref}
         className={cx(
-          className,
+          className as string,
           css`
             & > * {
               display: inline-block;
@@ -80,13 +68,13 @@ export const Portal = ({ children }: { children: React.ReactNode }) => {
   return typeof document === "object" ? ReactDOM.createPortal(children, document.body) : null;
 };
 
-export const Toolbar = React.forwardRef(
-  ({ className, ...props }: PropsWithChildren<BaseProps>, ref?: Ref<HTMLDivElement>) => (
+export const Toolbar = React.forwardRef<HTMLDivElement, PropsWithChildren<BaseProps>>(
+  ({ className, ...props }, ref) => (
     <Menu
       {...props}
       ref={ref}
       className={cx(
-        className,
+        className as string,
         css`
           position: relative;
           padding: 1px 18px 17px;

package/src/components/index.ts

@@ -1,4 +1 @@
 export { BaseCopilotTextarea } from "./base-copilot-textarea/base-copilot-textarea";
-
-export { CopilotTextarea } from "./copilot-textarea/copilot-textarea";
-export type { CopilotTextareaProps } from "./copilot-textarea/copilot-textarea";

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

@@ -33,7 +33,8 @@ export function useMakeStandardAutosuggestionFunction(
   contextCategories: string[],
   apiConfig: SuggestionsApiConfig,
 ): AutosuggestionsBareFunction {
-  const { getContextString, copilotApiConfig, runtimeClient } = useCopilotContext();
+  const runtimeClient = { generateCopilotResponse: (...args: any[]) => {} };
+  const { getContextString, copilotApiConfig } = useCopilotContext();
   const { chatApiEndpoint: url, publicApiKey, credentials, properties } = copilotApiConfig;
   const headers = {
     ...copilotApiConfig.headers,
@@ -70,27 +71,28 @@ export function useMakeStandardAutosuggestionFunction(
           }),
         ].filter(Boolean);
 
-        const response = await runtimeClient
-          .generateCopilotResponse({
-            data: {
-              frontend: {
-                actions: [],
-                url: window.location.href,
-              },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
-              metadata: {
-                requestType: CopilotRequestType.TextareaCompletion,
-              },
-              forwardedParameters: {
-                maxTokens,
-                stop,
-                temperature,
-              },
-            },
-            properties,
-            signal: abortSignal,
-          })
-          .toPromise();
+        // const response = await runtimeClient
+        //   .generateCopilotResponse({
+        //     data: {
+        //       frontend: {
+        //         actions: [],
+        //         url: window.location.href,
+        //       },
+        //       messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
+        //       metadata: {
+        //         requestType: CopilotRequestType.TextareaCompletion,
+        //       },
+        //       forwardedParameters: {
+        //         maxTokens,
+        //         stop,
+        //         temperature,
+        //       },
+        //     },
+        //     properties,
+        //     signal: abortSignal,
+        //   })
+        //   .toPromise();
+        const response: any = {};
 
         let result = "";
         for (const message of convertGqlOutputToMessages(

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

@@ -39,7 +39,8 @@ export function useMakeStandardInsertionOrEditingFunction(
   insertionApiConfig: InsertionsApiConfig,
   editingApiConfig: EditingApiConfig,
 ): Generator_InsertionOrEditingSuggestion {
-  const { getContextString, copilotApiConfig, runtimeClient } = useCopilotContext();
+  const runtimeClient: any = { generateCopilotResponse: (...args: any[]) => {} };
+  const { getContextString, copilotApiConfig } = useCopilotContext();
   const headers = {
     ...(copilotApiConfig.publicApiKey
       ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey }

package/src/hooks/misc/use-autosize-textarea.tsx

@@ -1,7 +1,7 @@
 import { Ref, RefObject, useEffect } from "react";
 
 // Updates the height of a <textarea> when the value changes.
-const useAutosizeTextArea = (textAreaRef: RefObject<HTMLTextAreaElement>, value: string) => {
+const useAutosizeTextArea = (textAreaRef: RefObject<HTMLTextAreaElement | null>, value: string) => {
   useEffect(() => {
     if (textAreaRef.current !== null) {
       // We need to reset the height momentarily to get the correct scrollHeight for the textarea

package/dist/chunk-3PQ7GSFE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/misc/use-autosize-textarea.tsx"],"sourcesContent":["import { Ref, RefObject, useEffect } from \"react\";\n\n// Updates the height of a <textarea> when the value changes.\nconst useAutosizeTextArea = (textAreaRef: RefObject<HTMLTextAreaElement>, value: string) => {\n  useEffect(() => {\n    if (textAreaRef.current !== null) {\n      // We need to reset the height momentarily to get the correct scrollHeight for the textarea\n      textAreaRef.current.style.height = \"0px\";\n      const scrollHeight = textAreaRef.current.scrollHeight;\n\n      // We then set the height directly, outside of the render loop\n      // Trying to set this with state or a ref will product an incorrect value.\n      textAreaRef.current.style.height = scrollHeight + \"px\";\n    }\n  }, [textAreaRef, value]);\n};\n\nexport default useAutosizeTextArea;\n"],"mappings":";AAAA,SAAyB,iBAAiB;AAG1C,IAAM,sBAAsB,CAAC,aAA6C,UAAkB;AAC1F,YAAU,MAAM;AACd,QAAI,YAAY,YAAY,MAAM;AAEhC,kBAAY,QAAQ,MAAM,SAAS;AACnC,YAAM,eAAe,YAAY,QAAQ;AAIzC,kBAAY,QAAQ,MAAM,SAAS,eAAe;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,CAAC;AACzB;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-7L6GIHDM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/base-copilot-textarea/render-element.tsx"],"sourcesContent":["import { RenderElementProps } from \"slate-react\";\n\nexport type RenderElementFunction = (props: RenderElementProps) => JSX.Element;\n\nexport function makeRenderElementFunction(\n  suggestionsStyle: React.CSSProperties,\n): RenderElementFunction {\n  return (props: RenderElementProps) => {\n    switch (props.element.type) {\n      case \"paragraph\":\n        return <DefaultElement {...props} />;\n      case \"suggestion\":\n        return <SuggestionElement {...props} suggestionsStyle={suggestionsStyle} />;\n    }\n  };\n}\n\nconst DefaultElement = (props: RenderElementProps) => {\n  return <div {...props.attributes}>{props.children}</div>;\n};\nconst SuggestionElement = (\n  props: RenderElementProps & {\n    suggestionsStyle: React.CSSProperties;\n  },\n) => {\n  return (\n    <span\n      {...props.attributes}\n      style={{\n        ...props.suggestionsStyle,\n      }}\n      data-testid=\"suggestion\"\n      contentEditable={false}\n    >\n      {props.children /* https://github.com/ianstormtaylor/slate/issues/3930 */}\n      {props.element.type === \"suggestion\" && props.element.content}\n    </span>\n  );\n};\n"],"mappings":";;;;;;AAUe,cAgBX,YAhBW;AANR,SAAS,0BACd,kBACuB;AACvB,SAAO,CAAC,UAA8B;AACpC,YAAQ,MAAM,QAAQ,MAAM;AAAA,MAC1B,KAAK;AACH,eAAO,oBAAC,mCAAmB,MAAO;AAAA,MACpC,KAAK;AACH,eAAO,oBAAC,oDAAsB,QAAtB,EAA6B,mBAAoC;AAAA,IAC7E;AAAA,EACF;AACF;AAEA,IAAM,iBAAiB,CAAC,UAA8B;AACpD,SAAO,oBAAC,wCAAQ,MAAM,aAAd,EAA2B,gBAAM,WAAS;AACpD;AACA,IAAM,oBAAoB,CACxB,UAGG;AACH,SACE;AAAA,IAAC;AAAA,qCACK,MAAM,aADX;AAAA,MAEC,OAAO,mBACF,MAAM;AAAA,MAEX,eAAY;AAAA,MACZ,iBAAiB;AAAA,MAEhB;AAAA,cAAM;AAAA,QACN,MAAM,QAAQ,SAAS,gBAAgB,MAAM,QAAQ;AAAA;AAAA;AAAA,EACxD;AAEJ;","names":[]}

package/dist/chunk-F6GMWOLE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx"],"sourcesContent":["import { COPILOT_CLOUD_PUBLIC_API_KEY_HEADER } from \"@copilotkit/shared\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback } from \"react\";\nimport { AutosuggestionsBareFunction } from \"../../types\";\nimport { retry } from \"../../lib/retry\";\nimport { InsertionEditorState } from \"../../types/base/autosuggestions-bare-function\";\nimport { SuggestionsApiConfig } from \"../../types/autosuggestions-config/suggestions-api-config\";\nimport {\n  Message,\n  Role,\n  TextMessage,\n  convertGqlOutputToMessages,\n  convertMessagesToGqlInput,\n  filterAgentStateMessages,\n  CopilotRequestType,\n} from \"@copilotkit/runtime-client-gql\";\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 useMakeStandardAutosuggestionFunction(\n  textareaPurpose: string,\n  contextCategories: string[],\n  apiConfig: SuggestionsApiConfig,\n): AutosuggestionsBareFunction {\n  const { getContextString, copilotApiConfig, runtimeClient } = useCopilotContext();\n  const { chatApiEndpoint: url, publicApiKey, credentials, properties } = copilotApiConfig;\n  const headers = {\n    ...copilotApiConfig.headers,\n    ...(publicApiKey ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {}),\n  };\n  const { maxTokens, stop, temperature = 0 } = apiConfig;\n\n  return useCallback(\n    async (editorState: InsertionEditorState, abortSignal: AbortSignal) => {\n      const res = await retry(async () => {\n        // @ts-expect-error -- Passing null is forbidden, but we're filtering it later\n        const messages: Message[] = [\n          new TextMessage({\n            role: Role.System,\n            content: apiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString([], contextCategories),\n            ),\n          }),\n          ...apiConfig.fewShotMessages,\n          editorState.textAfterCursor != \"\"\n            ? new TextMessage({\n                role: Role.User,\n                content: editorState.textAfterCursor,\n              })\n            : null,\n          new TextMessage({\n            role: Role.User,\n            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`,\n          }),\n        ].filter(Boolean);\n\n        const response = await runtimeClient\n          .generateCopilotResponse({\n            data: {\n              frontend: {\n                actions: [],\n                url: window.location.href,\n              },\n              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),\n              metadata: {\n                requestType: CopilotRequestType.TextareaCompletion,\n              },\n              forwardedParameters: {\n                maxTokens,\n                stop,\n                temperature,\n              },\n            },\n            properties,\n            signal: abortSignal,\n          })\n          .toPromise();\n\n        let result = \"\";\n        for (const message of convertGqlOutputToMessages(\n          response.data?.generateCopilotResponse?.messages ?? [],\n        )) {\n          if (abortSignal.aborted) {\n            break;\n          }\n          if (message.isTextMessage()) {\n            result += message.content;\n          }\n        }\n\n        return result;\n      });\n\n      return res;\n    },\n    [apiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,2CAA2C;AACpD,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAK5B;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAeA,SAAS,sCACd,iBACA,mBACA,WAC6B;AAC7B,QAAM,EAAE,kBAAkB,kBAAkB,cAAc,IAAI,kBAAkB;AAChF,QAAM,EAAE,iBAAiB,KAAK,cAAc,aAAa,WAAW,IAAI;AACxE,QAAM,UAAU,kCACX,iBAAiB,UAChB,eAAe,EAAE,CAAC,mCAAmC,GAAG,aAAa,IAAI,CAAC;AAEhF,QAAM,EAAE,WAAW,MAAM,cAAc,EAAE,IAAI;AAE7C,SAAO;AAAA,IACL,CAAO,aAAmC,gBAA6B;AACrE,YAAM,MAAM,MAAM,MAAM,MAAY;AA7C1C;AA+CQ,cAAM,WAAsB;AAAA,UAC1B,IAAI,YAAY;AAAA,YACd,MAAM,KAAK;AAAA,YACX,SAAS,UAAU;AAAA,cACjB;AAAA,cACA,iBAAiB,CAAC,GAAG,iBAAiB;AAAA,YACxC;AAAA,UACF,CAAC;AAAA,UACD,GAAG,UAAU;AAAA,UACb,YAAY,mBAAmB,KAC3B,IAAI,YAAY;AAAA,YACd,MAAM,KAAK;AAAA,YACX,SAAS,YAAY;AAAA,UACvB,CAAC,IACD;AAAA,UACJ,IAAI,YAAY;AAAA,YACd,MAAM,KAAK;AAAA,YACX,SAAS,oBAAoB,YAAY;AAAA,UAC3C,CAAC;AAAA,UACD,IAAI,YAAY;AAAA,YACd,MAAM,KAAK;AAAA,YACX,SAAS,qBAAqB,YAAY;AAAA,UAC5C,CAAC;AAAA,QACH,EAAE,OAAO,OAAO;AAEhB,cAAM,WAAW,MAAM,cACpB,wBAAwB;AAAA,UACvB,MAAM;AAAA,YACJ,UAAU;AAAA,cACR,SAAS,CAAC;AAAA,cACV,KAAK,OAAO,SAAS;AAAA,YACvB;AAAA,YACA,UAAU,0BAA0B,yBAAyB,QAAQ,CAAC;AAAA,YACtE,UAAU;AAAA,cACR,aAAa,mBAAmB;AAAA,YAClC;AAAA,YACA,qBAAqB;AAAA,cACnB;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF;AAAA,UACA;AAAA,UACA,QAAQ;AAAA,QACV,CAAC,EACA,UAAU;AAEb,YAAI,SAAS;AACb,mBAAW,WAAW;AAAA,WACpB,0BAAS,SAAT,mBAAe,4BAAf,mBAAwC,aAAxC,YAAoD,CAAC;AAAA,QACvD,GAAG;AACD,cAAI,YAAY,SAAS;AACvB;AAAA,UACF;AACA,cAAI,QAAQ,cAAc,GAAG;AAC3B,sBAAU,QAAQ;AAAA,UACpB;AAAA,QACF;AAEA,eAAO;AAAA,MACT,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,WAAW,kBAAkB,mBAAmB,eAAe;AAAA,EAClE;AACF;","names":[]}

package/dist/chunk-HDBI2WN5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hovering-toolbar/hovering-toolbar-components.tsx"],"sourcesContent":["import { css, cx } from \"@emotion/css\";\nimport React, { PropsWithChildren, Ref } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface BaseProps {\n  className: string;\n  [key: string]: unknown;\n}\n\nexport const Button = React.forwardRef(\n  (\n    {\n      className,\n      active,\n      reversed,\n      ...props\n    }: PropsWithChildren<\n      {\n        active: boolean;\n        reversed: boolean;\n      } & BaseProps\n    >,\n    ref: Ref<HTMLSpanElement | null>,\n  ) => (\n    <span\n      {...props}\n      ref={ref as Ref<HTMLSpanElement>}\n      className={cx(\n        className,\n        css`\n          cursor: pointer;\n          color: ${reversed ? (active ? \"white\" : \"#aaa\") : active ? \"black\" : \"#ccc\"};\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Icon = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLSpanElement | null>) => (\n    <span\n      {...props}\n      ref={ref as Ref<HTMLSpanElement>}\n      className={cx(\n        \"material-icons\",\n        className,\n        css`\n          font-size: 18px;\n          vertical-align: text-bottom;\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Menu = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLDivElement | null>) => {\n    return (\n      <div\n        {...props}\n        data-testid=\"menu\"\n        ref={ref as Ref<HTMLDivElement>}\n        className={cx(\n          className,\n          css`\n            & > * {\n              display: inline-block;\n            }\n\n            & > * + * {\n              margin-left: 15px;\n            }\n          `,\n        )}\n      />\n    );\n  },\n);\nexport const Portal = ({ children }: { children: React.ReactNode }) => {\n  return typeof document === \"object\" ? ReactDOM.createPortal(children, document.body) : null;\n};\n\nexport const Toolbar = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref?: Ref<HTMLDivElement>) => (\n    <Menu\n      {...props}\n      ref={ref}\n      className={cx(\n        className,\n        css`\n          position: relative;\n          padding: 1px 18px 17px;\n          margin: 0 -20px;\n          border-bottom: 2px solid #eee;\n          margin-bottom: 20px;\n        `,\n      )}\n    />\n  ),\n);\n"],"mappings":";;;;;;;AAAA,SAAS,KAAK,UAAU;AACxB,OAAO,WAAuC;AAC9C,OAAO,cAAc;AAsBjB;AAfG,IAAM,SAAS,MAAM;AAAA,EAC1B,CACE,IAWA,QACA;AAZA,iBACE;AAAA;AAAA,MACA;AAAA,MACA;AAAA,IAdN,IAWI,IAIK,kBAJL,IAIK;AAAA,MAHH;AAAA,MACA;AAAA,MACA;AAAA;AAUF;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA,mBAEW,WAAY,SAAS,UAAU,SAAU,SAAS,UAAU;AAAA;AAAA,QAEzE;AAAA;AAAA,IACF;AAAA;AAEJ;AAEO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC,IAAuD,QAAkC;AAAzF,iBAAE,YAvCL,IAuCG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,QAIF;AAAA;AAAA,IACF;AAAA;AAEJ;AAEO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC,IAAuD,QAAoC;AAA3F,iBAAE,YAxDL,IAwDG,IAAgB,kBAAhB,IAAgB,CAAd;AACD,WACE;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC,eAAY;AAAA,QACZ;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACO,IAAM,SAAS,CAAC,EAAE,SAAS,MAAqC;AACrE,SAAO,OAAO,aAAa,WAAW,SAAS,aAAa,UAAU,SAAS,IAAI,IAAI;AACzF;AAEO,IAAM,UAAU,MAAM;AAAA,EAC3B,CAAC,IAAuD,QAA2B;AAAlF,iBAAE,YAnFL,IAmFG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOF;AAAA;AAAA,IACF;AAAA;AAEJ;","names":[]}

package/dist/chunk-MMVDU6DF.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-MMVDU6DF.mjs.map

package/dist/chunk-NZIHZWRU.mjs

@@ -1,60 +0,0 @@
-import {
-  useMakeStandardAutosuggestionFunction
-} from "./chunk-F6GMWOLE.mjs";
-import {
-  useMakeStandardInsertionOrEditingFunction
-} from "./chunk-RXV67GJN.mjs";
-import {
-  defaultAutosuggestionsConfig
-} from "./chunk-6SGWO63I.mjs";
-import {
-  BaseCopilotTextarea
-} from "./chunk-7WVURIB7.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/copilot-textarea/copilot-textarea.tsx
-import React from "react";
-import merge from "lodash.merge";
-import { Fragment, jsx } from "react/jsx-runtime";
-var CopilotTextarea = React.forwardRef(
-  (props, ref) => {
-    const _a = props, { autosuggestionsConfig: autosuggestionsConfigUserSpecified } = _a, forwardedProps = __objRest(_a, ["autosuggestionsConfig"]);
-    const autosuggestionsConfig = merge(
-      defaultAutosuggestionsConfig,
-      autosuggestionsConfigUserSpecified
-    );
-    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
-      autosuggestionsConfig.textareaPurpose,
-      autosuggestionsConfig.contextCategories,
-      autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig
-    );
-    const insertionOrEditingFunction = useMakeStandardInsertionOrEditingFunction(
-      autosuggestionsConfig.textareaPurpose,
-      autosuggestionsConfig.contextCategories,
-      autosuggestionsConfig.chatApiConfigs.insertionApiConfig,
-      autosuggestionsConfig.chatApiConfigs.editingApiConfig
-    );
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-      BaseCopilotTextarea,
-      __spreadProps(__spreadValues({
-        ref
-      }, forwardedProps), {
-        baseAutosuggestionsConfig: __spreadProps(__spreadValues({}, autosuggestionsConfig), {
-          apiConfig: {
-            insertionOrEditingFunction,
-            autosuggestionsFunction
-          }
-        })
-      })
-    ) });
-  }
-);
-
-export {
-  CopilotTextarea
-};
-//# sourceMappingURL=chunk-NZIHZWRU.mjs.map

package/dist/chunk-NZIHZWRU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"sourcesContent":["/**\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/CopilotTextarea.gif\" width=\"500\" />\n *\n * `<CopilotTextarea>` is a React component that acts as a drop-in replacement for the standard `<textarea>`,\n *  offering enhanced autocomplete features powered by AI. It is context-aware, integrating seamlessly with the\n * [`useCopilotReadable`](/reference/hooks/useCopilotReadable) hook to provide intelligent suggestions based on the application context.\n *\n * In addition, it provides a hovering editor window (available by default via `Cmd + K` on Mac and `Ctrl + K` on Windows) that allows the user to\n * suggest changes to the text, for example providing a summary or rephrasing the text.\n *\n * ## Example\n *\n * ```tsx\n * import { CopilotTextarea } from '@copilotkit/react-textarea';\n * import \"@copilotkit/react-textarea/styles.css\";\n *\n * <CopilotTextarea\n *   autosuggestionsConfig={{\n *     textareaPurpose:\n *      \"the body of an email message\",\n *     chatApiConfigs: {},\n *   }}\n * />\n * ```\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-textarea](https://npmjs.com/package/@copilotkit/react-textarea) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-textarea\"\\\n * npm install @copilotkit/react-core @copilotkit/react-textarea\n * ```\n *\n * ### Usage\n *\n * Use the CopilotTextarea component in your React application similarly to a standard `<textarea />`,\n * with additional configurations for AI-powered features.\n *\n * For example:\n *\n * ```tsx\n * import { useState } from \"react\";\n * import { CopilotTextarea } from \"@copilotkit/react-textarea\";\n * import \"@copilotkit/react-textarea/styles.css\";\n *\n * export function ExampleComponent() {\n *   const [text, setText] = useState(\"\");\n *\n *   return (\n *     <CopilotTextarea\n *       className=\"custom-textarea-class\"\n *       value={text}\n *       onValueChange={(value: string) => setText(value)}\n *       placeholder=\"Enter your text here...\"\n *       autosuggestionsConfig={{\n *         textareaPurpose: \"Provide context or purpose of the textarea.\",\n *         chatApiConfigs: {\n *           suggestionsApiConfig: {\n *             maxTokens: 20,\n *             stop: [\".\", \"?\", \"!\"],\n *           },\n *         },\n *       }}\n *     />\n *   );\n * }\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-textarea/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n * */\nimport React from \"react\";\nimport { useMakeStandardAutosuggestionFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function\";\nimport { HTMLCopilotTextAreaElement } from \"../../types\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport {\n  AutosuggestionsConfig,\n  defaultAutosuggestionsConfig,\n} from \"../../types/autosuggestions-config\";\nimport { BaseCopilotTextarea } from \"../base-copilot-textarea/base-copilot-textarea\";\nimport { useMakeStandardInsertionOrEditingFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-insertion-function\";\nimport merge from \"lodash.merge\";\nimport { AutosuggestionsConfigUserSpecified } from \"../../types/autosuggestions-config/autosuggestions-config-user-specified\";\n\n// Like the base copilot textarea props,\n// but with baseAutosuggestionsConfig replaced with autosuggestionsConfig.\nexport interface CopilotTextareaProps\n  extends Omit<BaseCopilotTextareaProps, \"baseAutosuggestionsConfig\"> {\n  /**\n   * Configuration settings for the autosuggestions feature.\n   * For full reference, [check the interface on GitHub](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-textarea/src/types/base/base-copilot-textarea-props.tsx#L8).\n   *\n   * <PropertyReference name=\"textareaPurpose\" type=\"string\" required={true} >\n   *   The purpose of the text area in plain text.\n   *\n   *   Example: *\"The body of the email response\"*\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"chatApiConfigs\" type=\"ChatApiConfigs\" >\n   *   The chat API configurations.\n   *\n   *   <strong>NOTE:</strong> You must provide specify at least one of `suggestionsApiConfig` or `insertionApiConfig`.\n   *\n   *   <PropertyReference name=\"suggestionsApiConfig\" type=\"SuggestionsApiConfig\">\n   *       For full reference, please [click here](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-textarea/src/types/autosuggestions-config/suggestions-api-config.tsx#L4).\n   *   </PropertyReference>\n   *   <PropertyReference name=\"insertionApiConfig\" type=\"InsertionApiConfig\">\n   *       For full reference, please [click here](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-textarea/src/types/autosuggestions-config/insertions-api-config.tsx#L4).\n   *   </PropertyReference>\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"disabled\" type=\"boolean\" >\n   *   Whether the textarea is disabled.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"disableBranding\" type=\"boolean\" >\n   *   Whether to disable the CopilotKit branding.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"placeholderStyle\" type=\"React.CSSProperties\" >\n   *   Specifies the CSS styles to apply to the placeholder text.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"suggestionsStyle\" type=\"React.CSSProperties\" >\n   *   Specifies the CSS styles to apply to the suggestions list.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"hoverMenuClassname\" type=\"string\" >\n   *   A class name to apply to the editor popover window.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"value\" type=\"string\" >\n   *   The initial value of the textarea. Can be controlled via `onValueChange`.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"onValueChange\" type=\"(value: string) => void\" >\n   *   Callback invoked when the value of the textarea changes.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"onChange\" type=\"(event: React.ChangeEvent<HTMLTextAreaElement>) => void\" >\n   *   Callback invoked when a `change` event is triggered on the textarea element.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"shortcut\" type=\"string\" >\n   *   The shortcut to use to open the editor popover window. Default is `\"Cmd-k\"`.\n   * </PropertyReference>\n   */\n  autosuggestionsConfig: AutosuggestionsConfigUserSpecified;\n}\n\n/**\n * A copilot textarea that uses the standard autosuggestions function.\n */\nexport const CopilotTextarea = React.forwardRef(\n  (props: CopilotTextareaProps, ref: React.Ref<HTMLCopilotTextAreaElement>) => {\n    // separate the AutosuggestionsConfigUserSpecified from the rest of the props\n    const { autosuggestionsConfig: autosuggestionsConfigUserSpecified, ...forwardedProps } = props;\n\n    const autosuggestionsConfig: AutosuggestionsConfig = merge(\n      defaultAutosuggestionsConfig,\n      autosuggestionsConfigUserSpecified,\n    );\n\n    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n      autosuggestionsConfig.textareaPurpose,\n      autosuggestionsConfig.contextCategories,\n      autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig,\n    );\n\n    const insertionOrEditingFunction = useMakeStandardInsertionOrEditingFunction(\n      autosuggestionsConfig.textareaPurpose,\n      autosuggestionsConfig.contextCategories,\n      autosuggestionsConfig.chatApiConfigs.insertionApiConfig,\n      autosuggestionsConfig.chatApiConfigs.editingApiConfig,\n    );\n\n    return (\n      <>\n        <BaseCopilotTextarea\n          ref={ref}\n          {...forwardedProps}\n          baseAutosuggestionsConfig={{\n            ...autosuggestionsConfig,\n            apiConfig: {\n              insertionOrEditingFunction: insertionOrEditingFunction,\n              autosuggestionsFunction: autosuggestionsFunction,\n            },\n          }}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwFA,OAAO,WAAW;AAUlB,OAAO,WAAW;AAgGZ,mBACE,WADF;AAxBC,IAAM,kBAAkB,MAAM;AAAA,EACnC,CAAC,OAA6B,QAA+C;AAE3E,UAAyF,YAAjF,yBAAuB,mCA7KnC,IA6K6F,IAAnB,2BAAmB,IAAnB,CAA9D;AAER,UAAM,wBAA+C;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,0BAA0B;AAAA,MAC9B,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,IACvC;AAEA,UAAM,6BAA6B;AAAA,MACjC,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,MACrC,sBAAsB,eAAe;AAAA,IACvC;AAEA,WACE,gCACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,SACI,iBAFL;AAAA,QAGC,2BAA2B,iCACtB,wBADsB;AAAA,UAEzB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-RXV67GJN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx"],"sourcesContent":["import { COPILOT_CLOUD_PUBLIC_API_KEY_HEADER } from \"@copilotkit/shared\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback } from \"react\";\nimport {\n  CopilotRuntimeClient,\n  Message,\n  Role,\n  TextMessage,\n  convertGqlOutputToMessages,\n  convertMessagesToGqlInput,\n  filterAgentStateMessages,\n  CopilotRequestType,\n} from \"@copilotkit/runtime-client-gql\";\nimport { retry } from \"../../lib/retry\";\nimport {\n  EditingEditorState,\n  Generator_InsertionOrEditingSuggestion,\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\";\nimport { DocumentPointer } from \"@copilotkit/react-core\";\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[],\n  insertionApiConfig: InsertionsApiConfig,\n  editingApiConfig: EditingApiConfig,\n): Generator_InsertionOrEditingSuggestion {\n  const { getContextString, copilotApiConfig, runtimeClient } = useCopilotContext();\n  const headers = {\n    ...(copilotApiConfig.publicApiKey\n      ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey }\n      : {}),\n  };\n\n  async function runtimeClientResponseToStringStream(\n    responsePromise: ReturnType<typeof runtimeClient.generateCopilotResponse>,\n  ) {\n    const messagesStream = runtimeClient.asStream(responsePromise);\n\n    return new ReadableStream({\n      async start(controller) {\n        const reader = messagesStream.getReader();\n        let sentContent = \"\";\n\n        while (true) {\n          const { done, value } = await reader.read();\n          if (done) {\n            break;\n          }\n\n          const messages = convertGqlOutputToMessages(value.generateCopilotResponse.messages);\n\n          let newContent = \"\";\n\n          for (const message of messages) {\n            if (message.isTextMessage()) {\n              newContent += message.content;\n            }\n          }\n          if (newContent) {\n            const contentToSend = newContent.slice(sentContent.length);\n            controller.enqueue(contentToSend);\n            sentContent += contentToSend;\n          }\n        }\n        controller.close();\n      },\n    });\n  }\n\n  const insertionFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      const res = await retry(async () => {\n        const messages: Message[] = [\n          new TextMessage({\n            role: Role.System,\n            content: insertionApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, contextCategories),\n            ),\n          }),\n          ...insertionApiConfig.fewShotMessages,\n          new TextMessage({\n            role: Role.User,\n            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<InsertionPrompt>${insertionPrompt}</InsertionPrompt>`,\n          }),\n        ];\n\n        return runtimeClientResponseToStringStream(\n          runtimeClient.generateCopilotResponse({\n            data: {\n              frontend: {\n                actions: [],\n                url: window.location.href,\n              },\n              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),\n              metadata: {\n                requestType: CopilotRequestType.TextareaCompletion,\n              },\n            },\n            properties: copilotApiConfig.properties,\n            signal: abortSignal,\n          }),\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      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      const res = await retry(async () => {\n        const messages: Message[] = [\n          new TextMessage({\n            role: Role.System,\n            content: editingApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, contextCategories),\n            ),\n          }),\n          ...editingApiConfig.fewShotMessages,\n          new TextMessage({\n            role: Role.User,\n            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextToEdit>${editorState.selectedText}</TextToEdit>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<EditingPrompt>${editingPrompt}</EditingPrompt>`,\n          }),\n        ];\n\n        return runtimeClientResponseToStringStream(\n          runtimeClient.generateCopilotResponse({\n            data: {\n              frontend: {\n                actions: [],\n                url: window.location.href,\n              },\n              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),\n              metadata: {\n                requestType: CopilotRequestType.TextareaCompletion,\n              },\n            },\n            properties: copilotApiConfig.properties,\n            signal: abortSignal,\n          }),\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      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      if (editorState.selectedText === \"\") {\n        return await insertionFunction(editorState, insertionPrompt, documents, abortSignal);\n      } else {\n        return await editingFunction(editorState, insertionPrompt, documents, abortSignal);\n      }\n    },\n    [insertionFunction, editingFunction],\n  );\n\n  return insertionOrEditingFunction;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-XW3ICO4S.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/base-copilot-textarea/render-placeholder.tsx"],"sourcesContent":["import { RenderPlaceholderProps } from \"slate-react\";\n\nexport type RenderPlaceholderFunction = (props: RenderPlaceholderProps) => JSX.Element;\n\nexport function makeRenderPlaceholderFunction(\n  placeholderStyle?: React.CSSProperties,\n): RenderPlaceholderFunction {\n  return (props: RenderPlaceholderProps) => {\n    const { style, ...restAttributes } = props.attributes;\n\n    return (\n      <div\n        {...restAttributes}\n        style={{\n          ...style,\n          ...placeholderStyle,\n        }}\n      >\n        {props.children}\n      </div>\n    );\n  };\n}\n"],"mappings":";;;;;;;AAWM;AAPC,SAAS,8BACd,kBAC2B;AAC3B,SAAO,CAAC,UAAkC;AACxC,UAAqC,WAAM,YAAnC,QARZ,IAQyC,IAAnB,2BAAmB,IAAnB,CAAV;AAER,WACE;AAAA,MAAC;AAAA,uCACK,iBADL;AAAA,QAEC,OAAO,kCACF,QACA;AAAA,QAGJ,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AACF;","names":[]}