@copilotkit/react-textarea 0.24.0 → 0.25.0

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

@@ -1,10 +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>, value: string) => {
   useEffect(() => {
     if (textAreaRef.current !== null) {
       // We need to reset the height momentarily to get the correct scrollHeight for the textarea

package/src/lib/debouncer.ts

@@ -1,6 +1,4 @@
-export type AsyncFunction<T extends any[]> = (
-  ...args: [...T, AbortSignal]
-) => Promise<void>;
+export type AsyncFunction<T extends any[]> = (...args: [...T, AbortSignal]) => Promise<void>;
 
 export class Debouncer<T extends any[]> {
   private timeoutId?: number;

package/src/lib/editor-to-text.ts

@@ -5,7 +5,7 @@ import { SuggestionAwareText } from "../types/base/custom-editor";
 
 function nodeChildrenToTextComponents(
   editor: BaseEditor & ReactEditor & HistoryEditor,
-  nodes: Descendant[]
+  nodes: Descendant[],
 ): SuggestionAwareText[] {
   // find inlineable elements
   const indeciesOfInlineElements = new Set(
@@ -16,7 +16,7 @@ function nodeChildrenToTextComponents(
         }
         return -1;
       })
-      .filter((index) => index !== -1)
+      .filter((index) => index !== -1),
   );
 
   // ignorable elements = inline elements,
@@ -28,8 +28,7 @@ function nodeChildrenToTextComponents(
     }
 
     const isNeighbourOfInline =
-      indeciesOfInlineElements.has(index - 1) ||
-      indeciesOfInlineElements.has(index + 1);
+      indeciesOfInlineElements.has(index - 1) || indeciesOfInlineElements.has(index + 1);
     if (isNeighbourOfInline) {
       return (node as any).text !== "";
     }
@@ -53,9 +52,7 @@ function nodeChildrenToTextComponents(
     .reduce((acc, val) => acc.concat(val), []);
 }
 
-export const editorToText = (
-  editor: BaseEditor & ReactEditor & HistoryEditor
-) => {
+export const editorToText = (editor: BaseEditor & ReactEditor & HistoryEditor) => {
   const flattened = nodeChildrenToTextComponents(editor, editor.children);
 
   const text = flattened.map((textComponent) => textComponent.text).join("\n");

package/src/lib/get-text-around-cursor.ts

@@ -1,14 +1,4 @@
-import {
-  Editor,
-  Node,
-  Path,
-  Range,
-  Text,
-  Element,
-  BasePoint,
-  BaseRange,
-  Point,
-} from "slate";
+import { Editor, Node, Path, Range, Text, Element, BasePoint, BaseRange, Point } from "slate";
 import { EditorAutocompleteState } from "../types/base/editor-autocomplete-state";
 
 export interface EditorTextState {
@@ -19,9 +9,7 @@ export interface EditorTextState {
   textAfterCursor: string;
 }
 
-export function getTextAroundCollapsedCursor(
-  editor: Editor
-): EditorAutocompleteState | null {
+export function getTextAroundCollapsedCursor(editor: Editor): EditorAutocompleteState | null {
   const { selection } = editor;
   if (!selection || !Range.isCollapsed(selection)) {
     return null;

package/src/lib/retry.tsx

@@ -2,7 +2,7 @@ export function retry<T>(
   fn: () => Promise<T>,
   retriesLeft: number = 2,
   interval: number = 200,
-  backoff: number = 1.5
+  backoff: number = 1.5,
 ): Promise<T> {
   return new Promise((resolve, reject) => {
     fn()

package/src/lib/slatejs-edits/add-autocompletions.ts

@@ -4,7 +4,7 @@ import { CustomEditor } from "../../types/base/custom-editor";
 export function addAutocompletionsToEditor(
   editor: CustomEditor,
   newSuggestion: string,
-  point: BasePoint
+  point: BasePoint,
 ) {
   const editorPosition = editor.selection;
 
@@ -20,7 +20,7 @@ export function addAutocompletionsToEditor(
     ],
     {
       at: point,
-    }
+    },
   );
 
   // restore cursor position

package/src/lib/slatejs-edits/clear-autocompletions.ts

@@ -13,10 +13,7 @@ export function clearAutocompletionsFromEditor(editor: CustomEditor) {
     try {
       Transforms.removeNodes(editor, { at: path });
     } catch (e) {
-      console.log(
-        "CopilotTextarea.clearAutocompletionsFromEditor: error removing node",
-        e
-      );
+      console.log("CopilotTextarea.clearAutocompletionsFromEditor: error removing node", e);
     }
   }
 }

package/src/lib/slatejs-edits/replace-text.ts

@@ -22,7 +22,7 @@ export function replaceEditorText(editor: Editor, newText: string) {
       ],
       {
         at: [0],
-      }
+      },
     );
   }
 }

package/src/lib/slatejs-edits/with-partial-history.ts

@@ -3,14 +3,11 @@ import { HistoryEditor } from "slate-history";
 
 // Copy-pasted from `https://github.com/ianstormtaylor/slate/blob/main/packages/slate-history/src/with-history.ts`
 // With one exception: the `shouldSave` function is passed in as an argument to `withPartialHistory` instead of being hardcoded
-export type ShouldSaveToHistory = (
-  op: Operation,
-  prev: Operation | undefined
-) => boolean;
+export type ShouldSaveToHistory = (op: Operation, prev: Operation | undefined) => boolean;
 
 export const withPartialHistory = <T extends Editor>(
   editor: T,
-  shouldSave: ShouldSaveToHistory
+  shouldSave: ShouldSaveToHistory,
 ) => {
   const e = editor as T & HistoryEditor;
   const { apply } = e;
@@ -69,8 +66,7 @@ export const withPartialHistory = <T extends Editor>(
     const { operations, history } = e;
     const { undos } = history;
     const lastBatch = undos[undos.length - 1];
-    const lastOp =
-      lastBatch && lastBatch.operations[lastBatch.operations.length - 1];
+    const lastOp = lastBatch && lastBatch.operations[lastBatch.operations.length - 1];
     let save = HistoryEditor.isSaving(e);
     let merge = HistoryEditor.isMerging(e);
 
@@ -144,10 +140,7 @@ const shouldMerge = (op: Operation, prev: Operation | undefined): boolean => {
   return false;
 };
 
-export const defaultShouldSave = (
-  op: Operation,
-  prev: Operation | undefined
-): boolean => {
+export const defaultShouldSave = (op: Operation, prev: Operation | undefined): boolean => {
   if (op.type === "set_selection") {
     return false;
   }

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

@@ -8,9 +8,7 @@
  * @returns {ReadableStream<A>} - The flattened stream.
  */
 
-export function streamPromiseFlatten<A>(
-  promise: Promise<ReadableStream<A>>
-): ReadableStream<A> {
+export function streamPromiseFlatten<A>(promise: Promise<ReadableStream<A>>): ReadableStream<A> {
   return new ReadableStream<A>({
     async start(controller) {
       try {

package/src/lib/utils.ts

@@ -8,13 +8,10 @@ export function cn(...inputs: ClassValue[]) {
 
 export const nanoid = customAlphabet(
   "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
-  7
+  7,
 ); // 7-character random string
 
-export async function fetcher<JSON = any>(
-  input: RequestInfo,
-  init?: RequestInit
-): Promise<JSON> {
+export async function fetcher<JSON = any>(input: RequestInfo, init?: RequestInit): Promise<JSON> {
   const res = await fetch(input, init);
 
   if (!res.ok) {
@@ -43,13 +40,12 @@ export function formatDate(input: string | number | Date): string {
 }
 
 export const arraysAreEqual = (arr1: number[], arr2: number[]): boolean =>
-  arr1.length === arr2.length &&
-  arr1.every((value, index) => value === arr2[index]);
+  arr1.length === arr2.length && arr1.every((value, index) => value === arr2[index]);
 
 export function nullableCompatibleEqualityCheck<T>(
   naiveEqualityCheck: (a: T, b: T) => boolean,
   a: T | null | undefined,
-  b: T | null | undefined
+  b: T | null | undefined,
 ): boolean {
   if (a === null || a === undefined || b === null || b === undefined) {
     return a === b;

package/src/types/autosuggestions-config/autosuggestions-config-user-specified.tsx

@@ -3,18 +3,14 @@ import { InsertionsApiConfig } from "./insertions-api-config";
 import { SuggestionsApiConfig } from "./suggestions-api-config";
 
 // Mostly mirrors a partial SuggestionsApiConfig, but with some fields MANDATORY.
-export interface SuggestionsApiConfigUserSpecified
-  extends Partial<SuggestionsApiConfig> {}
+export interface SuggestionsApiConfigUserSpecified extends Partial<SuggestionsApiConfig> {}
 
 // Mostly mirrors a partial InsertionsApiConfig, but with some fields MANDATORY.
-export interface InsertionsApiConfigUserSpecified
-  extends Partial<InsertionsApiConfig> {}
+export interface InsertionsApiConfigUserSpecified extends Partial<InsertionsApiConfig> {}
 
 // Mostly mirrors a partial AutosuggestionsConfig, but with some fields MANDATORY.
 export interface AutosuggestionsConfigUserSpecified
-  extends Partial<
-    Omit<AutosuggestionsConfig, "chatApiConfigs" | "textareaPurpose">
-  > {
+  extends Partial<Omit<AutosuggestionsConfig, "chatApiConfigs" | "textareaPurpose">> {
   textareaPurpose: string; // the user MUST specify textareaPurpose - it's not optional
   chatApiConfigs: {
     suggestionsApiConfig?: SuggestionsApiConfigUserSpecified;

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

@@ -1,27 +1,14 @@
-import {
-  BaseAutosuggestionsConfig,
-  defaultBaseAutosuggestionsConfig,
-} from "../base";
-import {
-  SuggestionsApiConfig,
-  defaultSuggestionsApiConfig,
-} from "./suggestions-api-config";
-import {
-  InsertionsApiConfig,
-  defaultInsertionsApiConfig,
-} from "./insertions-api-config";
+import { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from "../base";
+import { SuggestionsApiConfig, defaultSuggestionsApiConfig } from "./suggestions-api-config";
+import { InsertionsApiConfig, defaultInsertionsApiConfig } from "./insertions-api-config";
 import { ChatlikeApiEndpoint } from ".";
-import {
-  EditingApiConfig,
-  defaultEditingApiConfig,
-} from "./editing-api-config";
+import { EditingApiConfig, defaultEditingApiConfig } from "./editing-api-config";
 import { defaultCopilotContextCategories } from "@copilotkit/react-core";
 
 // Like the base autosuggestions config, with 2 additional fields:
 // 1. contextCategories: string[] | undefined;
 // 2. instead of apiConfigs, we have chatApiConfigs: a higher-level abstraction that uses a ChatGPT-like API endpoint.
-export interface AutosuggestionsConfig
-  extends Omit<BaseAutosuggestionsConfig, "apiConfig"> {
+export interface AutosuggestionsConfig extends Omit<BaseAutosuggestionsConfig, "apiConfig"> {
   contextCategories: string[];
   chatApiConfigs: {
     suggestionsApiConfig: SuggestionsApiConfig;

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

@@ -9,7 +9,7 @@ export interface EditingApiConfig {
 
 export const defaultEditingMakeSystemPrompt: MakeSystemPrompt = (
   textareaPurpose,
-  contextString
+  contextString,
 ) => {
   return `You are a versatile writing assistant.
   
@@ -45,14 +45,12 @@ export const defaultEditingFewShotMessages: MinimalChatGPTMessage[] = [
   {
     role: "user",
     name: "TextToEdit",
-    content:
-      "While I was there I also picked up some apples, oranges, and bananas. ",
+    content: "While I was there I also picked up some apples, oranges, and bananas. ",
   },
   {
     role: "user",
     name: "TextAfterCursor",
-    content:
-      "The grocery store was having a sale on fruit, so I decided to stock up.",
+    content: "The grocery store was having a sale on fruit, so I decided to stock up.",
   },
   {
     role: "user",

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

@@ -9,7 +9,7 @@ export interface InsertionsApiConfig {
 
 export const defaultInsertionsMakeSystemPrompt: MakeSystemPrompt = (
   textareaPurpose,
-  contextString
+  contextString,
 ) => {
   return `You are a versatile writing assistant.
   
@@ -39,8 +39,7 @@ export const defaultInsertionsFewShotMessages: MinimalChatGPTMessage[] = [
   {
     role: "user",
     name: "TextAfterCursor",
-    content:
-      "While I was there I also picked up some apples, oranges, and bananas.",
+    content: "While I was there I also picked up some apples, oranges, and bananas.",
   },
   {
     role: "user",

package/src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx

@@ -1,19 +1,16 @@
-import {
-  CopilotApiConfig,
-  copilotApiConfigExtrapolator,
-} from "@copilotkit/react-core";
+import { CopilotApiConfig, copilotApiConfigExtrapolator } from "@copilotkit/react-core";
 import { MinimalChatGPTMessage } from "./minimal-chat-gpt-message";
 
 export type ChatlikeApiEndpointImpl = (
   abortSignal: AbortSignal,
   messages: MinimalChatGPTMessage[],
-  forwardedProps?: { [key: string]: any }
+  forwardedProps?: { [key: string]: any },
 ) => Promise<string>;
 
 export type StreamingChatlikeApiEndpointImpl = (
   abortSignal: AbortSignal,
   messages: MinimalChatGPTMessage[],
-  forwardedProps?: { [key: string]: any }
+  forwardedProps?: { [key: string]: any },
 ) => Promise<ReadableStream<string>>;
 
 export class ChatlikeApiEndpoint {
@@ -28,30 +25,25 @@ export class ChatlikeApiEndpoint {
    * @param apiEndpoint The URL of the OpenAI-compatible API endpoint.
    * @returns A new instance of ChatlikeApiEndpoint.
    */
-  static fromCopilotApiConfig(
-    copilotApiConfig: CopilotApiConfig
-  ): ChatlikeApiEndpoint {
+  static fromCopilotApiConfig(copilotApiConfig: CopilotApiConfig): ChatlikeApiEndpoint {
     return new ChatlikeApiEndpoint(
       async (
         abortSignal: AbortSignal,
         messages: MinimalChatGPTMessage[],
-        forwardedProps?: { [key: string]: any }
+        forwardedProps?: { [key: string]: any },
       ) => {
-        const res = await fetch(
-          copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint,
-          {
-            method: "POST",
-            headers: {
-              ...copilotApiConfig.headers,
-            },
-            body: JSON.stringify({
-              ...forwardedProps,
-              ...copilotApiConfig.body,
-              messages: messages,
-            }),
-            signal: abortSignal,
-          }
-        );
+        const res = await fetch(copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint, {
+          method: "POST",
+          headers: {
+            ...copilotApiConfig.headers,
+          },
+          body: JSON.stringify({
+            ...forwardedProps,
+            ...copilotApiConfig.body,
+            messages: messages,
+          }),
+          signal: abortSignal,
+        });
 
         const bodySteram: ReadableStream<Uint8Array> | null = res.body;
         if (!bodySteram) {
@@ -62,7 +54,7 @@ export class ChatlikeApiEndpoint {
         const stringStream = bodySteram.pipeThrough(new TextDecoderStream());
 
         return stringStream;
-      }
+      },
     );
   }
 

package/src/types/autosuggestions-config/subtypes/make-system-prompt.ts

@@ -1,4 +1 @@
-export type MakeSystemPrompt = (
-  textareaPurpose: string,
-  contextString: string
-) => string;
+export type MakeSystemPrompt = (textareaPurpose: string, contextString: string) => string;

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

@@ -9,7 +9,7 @@ export interface SuggestionsApiConfig {
 
 export const defaultSuggestionsMakeSystemPrompt: MakeSystemPrompt = (
   textareaPurpose,
-  contextString
+  contextString,
 ) => {
   return `You are a versatile writing assistant.
   
@@ -39,8 +39,7 @@ export const defaultSuggestionsFewShotMessages: MinimalChatGPTMessage[] = [
   {
     role: "user",
     name: "TextAfterCursor",
-    content:
-      "While I was there I also picked up some apples, oranges, and bananas.",
+    content: "While I was there I also picked up some apples, oranges, and bananas.",
   },
   {
     role: "user",

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

@@ -11,14 +11,14 @@ export interface EditingEditorState extends InsertionEditorState {
 
 export type AutosuggestionsBareFunction = (
   editorState: InsertionEditorState,
-  abortSignal: AbortSignal
+  abortSignal: AbortSignal,
 ) => Promise<string>;
 
 export type Generator_InsertionOrEditingSuggestion = (
   editorState: EditingEditorState,
   prompt: string,
   documents: DocumentPointer[],
-  abortSignal: AbortSignal
+  abortSignal: AbortSignal,
 ) => Promise<ReadableStream<string>>;
 
 export interface InsertionEditorApiConfig {

package/src/types/base/base-autosuggestions-config.tsx

@@ -1,25 +1,102 @@
 import { BaseCopilotTextareaApiConfig } from "./autosuggestions-bare-function";
 import { defaultCopilotContextCategories } from "@copilotkit/react-core";
 
+/**
+ * @interface BaseAutosuggestionsConfig
+ *
+ * @property {string} textareaPurpose - The purpose of the textarea. This is used to guide the autosuggestions.
+ *
+ * @property {string[]} contextCategories - The categories of context to consider when providing autosuggestions.
+ *
+ * @property {number} debounceTime - The amount of time (in milliseconds) to wait before triggering autosuggestions after the user has stopped typing.
+ *
+ * @property {BaseCopilotTextareaApiConfig} apiConfig - The configuration for the API that provides the autosuggestions.
+ *
+ * @property {boolean} disableWhenEmpty - Whether to disable autosuggestions when the textarea is empty.
+ *
+ * @property {boolean} disabled - Whether to disable autosuggestions entirely.
+ *
+ * @property {boolean} temporarilyDisableWhenMovingCursorWithoutChangingText - Whether to temporarily disable autosuggestions when the user moves the cursor without changing the text.
+ *
+ * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldAcceptAutosuggestionOnKeyPress - A function that determines whether to accept the current autosuggestion based on a key press event. By default, the Tab key is used to accept the autosuggestion. Example code:
+ *
+ * ```typescript
+ * const defaultShouldAcceptAutosuggestionOnKeyPress =  (event: React.KeyboardEvent<HTMLDivElement>) => {
+ *   // if tab, accept the autosuggestion
+ *   if (event.key === "Tab") {
+ *     return true;
+ *   }
+ *   return false;
+ * }
+ * ```
+ *
+ * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldToggleHoveringEditorOnKeyPress - A function that determines whether to toggle the hovering editor based on a key press event. By default, the Command + K key combination is used to toggle the hovering editor. Example code:
+ *
+ * ```typescript
+ * const defaultShouldToggleHoveringEditorOnKeyPress =  (event: React.KeyboardEvent<HTMLDivElement>) => {
+ *   // if command-k, toggle the hovering editor
+ *   if (event.key === "k" && event.metaKey) {
+ *     return true;
+ *   }
+ *   return false;
+ * }
+ * ```
+ */
 export interface BaseAutosuggestionsConfig {
   textareaPurpose: string;
   contextCategories: string[];
   debounceTime: number;
-  acceptAutosuggestionKey: string;
+  apiConfig: BaseCopilotTextareaApiConfig;
+
   disableWhenEmpty: boolean;
   disabled: boolean;
   temporarilyDisableWhenMovingCursorWithoutChangingText: boolean;
-  apiConfig: BaseCopilotTextareaApiConfig;
+  shouldAcceptAutosuggestionOnKeyPress: (event: React.KeyboardEvent<HTMLDivElement>) => boolean;
+  shouldToggleHoveringEditorOnKeyPress: (event: React.KeyboardEvent<HTMLDivElement>) => boolean;
 }
 
+// by default, command-k toggles the hovering editor
+const defaultShouldToggleHoveringEditorOnKeyPress = (
+  event: React.KeyboardEvent<HTMLDivElement>,
+) => {
+  // if command-k, toggle the hovering editor
+  if (event.key === "k" && event.metaKey) {
+    return true;
+  }
+  return false;
+};
+
+const defaultShouldAcceptAutosuggestionOnKeyPress = (
+  event: React.KeyboardEvent<HTMLDivElement>,
+) => {
+  // if tab, accept the autosuggestion
+  if (event.key === "Tab") {
+    return true;
+  }
+  return false;
+};
+
+/**
+ * Default configuration for the BaseAutosuggestions.
+ *
+ * @property {number} debounceTime - The amount of time to wait before triggering the autosuggestions API call.
+ * @property {string[]} contextCategories - The categories to use for context when making the autosuggestions API call.
+ * @property {boolean} disableWhenEmpty - Whether to disable the autosuggestions when the textarea is empty.
+ * @property {boolean} disabled - Whether to disable the autosuggestions feature entirely.
+ * @property {boolean} temporarilyDisableWhenMovingCursorWithoutChangingText - Whether to temporarily disable the autosuggestions when the cursor is moved without changing the text.
+ * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldToggleHoveringEditorOnKeyPress - A function that determines whether to toggle the hovering editor based on a key press event.
+ * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldAcceptAutosuggestionOnKeyPress - A function that determines whether to accept the autosuggestion based on a key press event.
+ */
+
 export const defaultBaseAutosuggestionsConfig: Omit<
   BaseAutosuggestionsConfig,
   "textareaPurpose" | "apiConfig"
 > = {
   debounceTime: 250,
   contextCategories: defaultCopilotContextCategories,
-  acceptAutosuggestionKey: "Tab",
   disableWhenEmpty: true,
   disabled: false,
   temporarilyDisableWhenMovingCursorWithoutChangingText: true,
+  shouldToggleHoveringEditorOnKeyPress: defaultShouldToggleHoveringEditorOnKeyPress,
+  shouldAcceptAutosuggestionOnKeyPress: defaultShouldAcceptAutosuggestionOnKeyPress,
 };

package/src/types/base/editor-autocomplete-state.ts

@@ -9,7 +9,7 @@ export interface EditorAutocompleteState {
 
 export function areEqual_autocompleteState(
   prev: EditorAutocompleteState,
-  next: EditorAutocompleteState
+  next: EditorAutocompleteState,
 ) {
   return (
     prev.cursorPoint.offset === next.cursorPoint.offset &&

package/dist/chunk-2NURR2DX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/button.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AA2CjC;AAvCN,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAQA,IAAM,SAAe;AAAA,EACnB,CAAC,IAAyD,QAAQ;AAAjE,iBAAE,aAAW,SAAS,MAAM,UAAU,MA1CzC,IA0CG,IAAgD,kBAAhD,IAAgD,CAA9C,aAAW,WAAS,QAAM;AAC3B,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE,oBAAC;AAAA,MACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MAC1D;AAAA,OACI,MACN;AAAA,EAEJ;AACF;AACA,OAAO,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hovering-toolbar/hovering-toolbar.tsx"],"names":["selection"],"mappings":"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","sourcesContent":["import { css } from \"@emotion/css\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { BaseSelection, Editor, Range, Location, Transforms } from \"slate\";\nimport { useSlate, useSlateSelection } from \"slate-react\";\nimport { HoveringInsertionPromptBox } from \"./text-insertion-prompt-box\";\nimport { Button, Icon, Menu, Portal } from \"./hovering-toolbar-components\";\nimport { useHoveringEditorContext } from \"./hovering-editor-provider\";\nimport {\n  getFullEditorTextWithNewlines,\n  getTextAroundSelection,\n} from \"../../lib/get-text-around-cursor\";\nimport {\n  EditingEditorState,\n  InsertionEditorApiConfig,\n} from \"../../types/base/autosuggestions-bare-function\";\n\nexport interface HoveringToolbarProps {\n  apiConfig: InsertionEditorApiConfig;\n  contextCategories: string[];\n  hoverMenuClassname: string | undefined;\n}\n\nexport const HoveringToolbar: (\n  props: HoveringToolbarProps\n) => JSX.Element | null = (props) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const editor = useSlate();\n  const selection = useSlateSelection();\n  const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();\n\n  // only render on client\n  const [isClient, setIsClient] = useState(false);\n  useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  useEffect(() => {\n    const el = ref.current;\n    const { selection } = editor;\n\n    if (!el) {\n      return;\n    }\n\n    if (!selection) {\n      el.removeAttribute(\"style\");\n      return;\n    }\n\n    const domSelection = window.getSelection();\n    if (!domSelection) {\n      return;\n    }\n\n    const domRange = domSelection.getRangeAt(0);\n    const rect = domRange.getBoundingClientRect();\n\n    // We use window = (0,0,0,0) as a signal that the selection is not in the original copilot-textarea,\n    // but inside the hovering window.\n    //\n    // in such case, we simply do nothing.\n    if (\n      rect.top === 0 &&\n      rect.left === 0 &&\n      rect.width === 0 &&\n      rect.height === 0\n    ) {\n      return;\n    }\n\n    const minGapFromEdge = 60;\n    const verticalOffsetFromCorner = 35;\n    const horizontalOffsetFromCorner = 15;\n    let top =\n      rect.top + window.scrollY - el.offsetHeight + verticalOffsetFromCorner;\n    // make sure top is in the viewport and not too close to the edge\n    if (top < minGapFromEdge) {\n      top = rect.bottom + window.scrollY + minGapFromEdge;\n    } else if (top + el.offsetHeight > window.innerHeight - minGapFromEdge) {\n      top = rect.top + window.scrollY - el.offsetHeight - minGapFromEdge;\n    }\n\n    let left =\n      rect.left +\n      window.scrollX -\n      el.offsetWidth / 2 +\n      rect.width / 2 +\n      horizontalOffsetFromCorner;\n    // make sure left is in the viewport and not too close to the edge\n    if (left < minGapFromEdge) {\n      left = minGapFromEdge;\n    } else if (left + el.offsetWidth > window.innerWidth - minGapFromEdge) {\n      left = window.innerWidth - el.offsetWidth - minGapFromEdge;\n    }\n\n    el.style.opacity = \"1\";\n    el.style.top = `${top}px`;\n    el.style.left = `${left}px`;\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        setIsDisplayed(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [ref, setIsDisplayed]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  return (\n    <Portal>\n      <Menu\n        ref={ref}\n        className={\n          props.hoverMenuClassname ||\n          \"p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700\"\n        }\n      >\n        {isDisplayed && selection && (\n          <HoveringInsertionPromptBox\n            editorState={editorState(editor, selection)}\n            apiConfig={props.apiConfig}\n            closeWindow={() => {\n              setIsDisplayed(false);\n            }}\n            performInsertion={(insertedText) => {\n              console.log(\"inserted text\", insertedText);\n              // replace the selection with the inserted text\n              Transforms.delete(editor, { at: selection });\n              Transforms.insertText(editor, insertedText, {\n                at: selection,\n              });\n              setIsDisplayed(false);\n            }}\n            contextCategories={props.contextCategories}\n          />\n        )}\n      </Menu>\n    </Portal>\n  );\n};\n\nfunction editorState(editor: Editor, selection: Location): EditingEditorState {\n  const textAroundCursor = getTextAroundSelection(editor);\n  if (textAroundCursor) {\n    return textAroundCursor;\n  }\n\n  return {\n    textBeforeCursor: getFullEditorTextWithNewlines(editor),\n    textAfterCursor: \"\",\n    selectedText: \"\",\n  };\n}\n"]}

package/dist/chunk-463BFNUP.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,OAAM;AAAA,sBAAO,QAAO;AAAA,sBACxB,8BAAC;AAAA,wBACC,KAAK,YAAY;AAAA,wBACjB,KAAK,YAAY;AAAA,wBACjB,WAAU;AAAA,uBACZ;AAAA,qBACF;AAAA,oBACC,YAAY;AAAA;AAAA,iBACf;AAAA,iBAfK,QAAQ,YAAY,qBAAqB,YAAY,MAgB5D;AAAA,YAEJ,CAAC;AAAA,WACH;AAAA,UAqBA,oBAAC,oBAAiB;AAAA;AAAA,OACpB;AAAA;AAAA,GACF;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,oBAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO,EAAE,OAAc,OAAe;AAAA,IAErC;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=\" px-3  flex flex-row gap-1 items-center\">\n                  <Logo width=\"20px\" height=\"20px\">\n                    <img\n                      src={filePointer.iconImageUri}\n                      alt={filePointer.sourceApplication}\n                      className=\"w-full h-full\"\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  width,\n  height,\n}: {\n  children: React.ReactNode;\n  width: string;\n  height: string;\n}) {\n  return (\n    <div\n      className=\"flex items-center justify-center\"\n      style={{ width: width, height: height }}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/chunk-4HHYJGZE.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;AA0BjC,SAAS,0CACd,iBACA,mBACA,oBACA,kBACwC;AACxC,QAAM,EAAE,kBAAkB,iBAAiB,IAAI,WAAW,cAAc;AAExE,QAAM,oBAAoB;AAAA,IACxB,CACE,aACA,iBACA,WACA,gBACG;AACH,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,mBAAmB;AAAA,cAC1B;AAAA,cACA,iBAAiB,WAAW,iBAAiB;AAAA,YAC/C;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,WACA,gBACG;AACH,YAAM,MAAM,MAAM,MAAM,MAAY;AAClC,cAAM,WAAoC;AAAA,UACxC;AAAA,YACE,MAAM;AAAA,YACN,SAAS,iBAAiB;AAAA,cACxB;AAAA,cACA,iBAAiB,WAAW,iBAAiB;AAAA,YAC/C;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,WACA,gBACG;AACH,UAAI,YAAY,iBAAiB,IAAI;AACnC,eAAO,MAAM;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,OAAO;AACL,eAAO,MAAM;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;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\";\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 } = useContext(CopilotContext);\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: MinimalChatGPTMessage[] = [\n          {\n            role: \"system\",\n            content: insertionApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, 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      documents: DocumentPointer[],\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(documents, 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      documents: DocumentPointer[],\n      abortSignal: AbortSignal\n    ) => {\n      if (editorState.selectedText === \"\") {\n        return await insertionFunction(\n          editorState,\n          insertionPrompt,\n          documents,\n          abortSignal\n        );\n      } else {\n        return await editingFunction(\n          editorState,\n          insertionPrompt,\n          documents,\n          abortSignal\n        );\n      }\n    },\n    [insertionFunction, editingFunction]\n  );\n\n  return insertionOrEditingFunction;\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx"],"names":[],"mappings":";;;;;AAGA,OAAO,UAAU;AACjB,OAAO,YAAY;AAYf,SACE,KADF;AALG,IAAM,uBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AACF,MAAM;AACJ,SACE,qBAAC;AAAA,IAAI,WAAU;AAAA,IACb;AAAA,0BAAC;AAAA,QAAM,WAAU;AAAA,QAAG;AAAA,OAAiB;AAAA,MACrC,oBAAC;AAAA,QAAI,WAAU;AAAA,QACZ,wBAAc,IAAI,CAAC,aAAa,UAAU;AACzC,iBACE,oBAAC;AAAA,YAEC;AAAA,YACA,UAAU,MAAM;AACd;AAAA,gBAAiB,CAAC,SAChB,KAAK,OAAO,CAAC,OAAO,OAAO,WAAW;AAAA,cACxC;AAAA,YACF;AAAA,aANK,QAAQ,YAAY,qBAAqB,YAAY,MAO5D;AAAA,QAEJ,CAAC;AAAA,OACH;AAAA;AAAA,GACF;AAEJ;AAOO,IAAM,kBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AACF,MAAM;AACJ,SACE,oBAAC;AAAA,IACC,OAAO,YAAY;AAAA,IACnB;AAAA,IACA,QACE,oBAAC;AAAA,MACC,KAAK,YAAY;AAAA,MACjB,KAAK,YAAY;AAAA,MACjB,IAAI,EAAE,iBAAiB,cAAc;AAAA,KACtC;AAAA,GAEL;AAEJ","sourcesContent":["import { DocumentPointer } from \"@copilotkit/react-core\";\nimport { Label } from \"../../ui/label\";\nimport React from \"react\";\nimport Chip from \"@mui/material/Chip/Chip.js\";\nimport Avatar from \"@mui/material/Avatar/Avatar.js\";\n\nexport interface 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={\n        <Avatar\n          src={filePointer.iconImageUri}\n          alt={filePointer.sourceApplication}\n          sx={{ backgroundColor: \"transparent\" }}\n        ></Avatar>\n      }\n    />\n  );\n};\n"]}