@copilotkit/react-textarea 0.28.0-alpha.8 → 0.28.0-alpha.9

package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.js

@@ -1,45 +1,10 @@
-'use strict';
-
-var React = require('react');
-var cmdk = require('cmdk');
-var clsx = require('clsx');
-var nanoid = require('nanoid');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var LabelPrimitive = require('@radix-ui/react-label');
-var reactCore = require('@copilotkit/react-core');
-var Chip = require('@mui/material/Chip/Chip.js');
-var Avatar = require('@mui/material/Avatar/Avatar.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var Chip__default = /*#__PURE__*/_interopDefault(Chip);
-var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
-
+"use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -66,6 +31,27 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -86,8 +72,18 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
+var hovering_insertion_prompt_box_exports = {};
+__export(hovering_insertion_prompt_box_exports, {
+  HoveringInsertionPromptBox: () => HoveringInsertionPromptBox
+});
+module.exports = __toCommonJS(hovering_insertion_prompt_box_exports);
+
+// src/hooks/misc/use-autosize-textarea.tsx
+var import_react = require("react");
 var useAutosizeTextArea = (textAreaRef, value) => {
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (textAreaRef.current !== null) {
       textAreaRef.current.style.height = "0px";
       const scrollHeight = textAreaRef.current.scrollHeight;
@@ -96,17 +92,32 @@ var useAutosizeTextArea = (textAreaRef, value) => {
   }, [textAreaRef, value]);
 };
 var use_autosize_textarea_default = useAutosizeTextArea;
+
+// src/components/source-search-box/source-search-box.tsx
+var import_react2 = require("react");
+
+// src/components/ui/command.tsx
+var React = __toESM(require("react"));
+var import_cmdk = require("cmdk");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_nanoid = require("nanoid");
+var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
-nanoid.customAlphabet(
+var nanoid = (0, import_nanoid.customAlphabet)(
   "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
   7
 );
-var Command = React__namespace.forwardRef((_a, ref) => {
+
+// src/components/ui/command.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Command = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command,
     __spreadValues({
       ref,
       className: cn(
@@ -116,11 +127,11 @@ var Command = React__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-Command.displayName = cmdk.Command.displayName;
-var CommandInput = React__namespace.forwardRef((_a, ref) => {
+Command.displayName = import_cmdk.Command.displayName;
+var CommandInput = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Input,
     __spreadValues({
       ref,
       className: cn(
@@ -130,24 +141,24 @@ var CommandInput = React__namespace.forwardRef((_a, ref) => {
     }, props)
   ) });
 });
-CommandInput.displayName = cmdk.Command.Input.displayName;
-var CommandList = React__namespace.forwardRef((_a, ref) => {
+CommandInput.displayName = import_cmdk.Command.Input.displayName;
+var CommandList = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.List,
     __spreadValues({
       ref,
       className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden pb-2", className)
     }, props)
   );
 });
-CommandList.displayName = cmdk.Command.List.displayName;
-var CommandEmpty = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, __spreadValues({ ref, className: "py-6 text-center text-sm" }, props)));
-CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-var CommandGroup = React__namespace.forwardRef((_a, ref) => {
+CommandList.displayName = import_cmdk.Command.List.displayName;
+var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_cmdk.Command.Empty, __spreadValues({ ref, className: "py-6 text-center text-sm" }, props)));
+CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
+var CommandGroup = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Group,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Group,
     __spreadValues({
       ref,
       className: cn(
@@ -157,22 +168,22 @@ var CommandGroup = React__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-CommandGroup.displayName = cmdk.Command.Group.displayName;
-var CommandSeparator = React__namespace.forwardRef((_a, ref) => {
+CommandGroup.displayName = import_cmdk.Command.Group.displayName;
+var CommandSeparator = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Separator,
     __spreadValues({
       ref,
       className: cn("-mx-1 h-px bg-border", className)
     }, props)
   );
 });
-CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-var CommandItem = React__namespace.forwardRef((_a, ref) => {
+CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
+var CommandItem = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Item,
     __spreadValues({
       ref,
       className: cn(
@@ -182,10 +193,23 @@ var CommandItem = React__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-CommandItem.displayName = cmdk.Command.Item.displayName;
+CommandItem.displayName = import_cmdk.Command.Item.displayName;
+var CommandShortcut = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    __spreadValues({
+      className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className)
+    }, props)
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/source-search-box/source-search-box.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function SourceSearchBox(props) {
-  const [selectedValue, setSelectedValue] = React.useState("");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  const [selectedValue, setSelectedValue] = (0, import_react2.useState)("");
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     Command,
     {
       className: "rounded-lg border shadow-md",
@@ -201,7 +225,7 @@ function SourceSearchBox(props) {
         return 0;
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           CommandInput,
           {
             value: props.searchTerm,
@@ -209,18 +233,18 @@ function SourceSearchBox(props) {
             placeholder: "Search for a command..."
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No results found." }),
-          /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { heading: "Available resources", children: props.suggestedFiles.map((filePointer) => {
-            return /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CommandList, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandEmpty, { children: "No results found." }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandGroup, { heading: "Available resources", children: props.suggestedFiles.map((filePointer) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               CommandItem,
               {
                 value: filePointer.name,
                 onSelect: (value) => {
                   props.onSelectedFile(filePointer);
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: " px-3  flex flex-row gap-1 items-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Logo, { width: "20px", height: "20px", children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: " px-3  flex flex-row gap-1 items-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Logo, { width: "20px", height: "20px", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "img",
                     {
                       src: filePointer.iconImageUri,
@@ -234,7 +258,7 @@ function SourceSearchBox(props) {
               `word-${filePointer.sourceApplication}.${filePointer.name}`
             );
           }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(CommandSeparator, {})
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandSeparator, {})
         ] })
       ]
     }
@@ -245,9 +269,15 @@ function Logo({
   width,
   height
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", style: { width, height }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", style: { width, height }, children });
 }
-var buttonVariants = classVarianceAuthority.cva(
+
+// src/components/ui/button.tsx
+var React2 = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
   "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",
   {
     variants: {
@@ -272,22 +302,31 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React__namespace.forwardRef(
+var Button = React2.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
   }
 );
 Button.displayName = "Button";
-var labelVariants = classVarianceAuthority.cva(
+
+// src/components/ui/label.tsx
+var React3 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority2.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React__namespace.forwardRef((_a, ref) => {
+var Label = React3.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, __spreadValues({ ref, className: cn(labelVariants(), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LabelPrimitive.Root, __spreadValues({ ref, className: cn(labelVariants(), className) }, props));
 });
-Label.displayName = LabelPrimitive__namespace.Root.displayName;
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_react3 = require("react");
 
 // src/lib/stream-promise-flatten.ts
 function streamPromiseFlatten(promise) {
@@ -312,14 +351,22 @@ function streamPromiseFlatten(promise) {
     }
   });
 }
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_react_core = require("@copilotkit/react-core");
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
+var import_Chip = __toESM(require("@mui/material/Chip/Chip.js"));
+var import_Avatar = __toESM(require("@mui/material/Avatar/Avatar.js"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var IncludedFilesPreview = ({
   includedFiles,
   setIncludedFiles
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 mt-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "", children: "Included context:" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: includedFiles.map((filePointer, index) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 mt-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Label, { className: "", children: "Included context:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-wrap gap-2", children: includedFiles.map((filePointer, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         FileChipPreview,
         {
           filePointer,
@@ -333,13 +380,13 @@ var IncludedFilesPreview = ({
   ] });
 };
 var FileChipPreview = ({ filePointer, onDelete }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Chip__default.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_Chip.default,
     {
       label: filePointer.name,
       onDelete,
-      avatar: /* @__PURE__ */ jsxRuntime.jsx(
-        Avatar__default.default,
+      avatar: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_Avatar.default,
         {
           src: filePointer.iconImageUri,
           alt: filePointer.sourceApplication,
@@ -349,35 +396,38 @@ var FileChipPreview = ({ filePointer, onDelete }) => {
     }
   );
 };
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var HoveringInsertionPromptBoxCore = ({
   performInsertion,
   state,
   insertionOrEditingFunction,
   contextCategories
 }) => {
-  const { getDocumentsContext } = React.useContext(reactCore.CopilotContext);
-  const [editSuggestion, setEditSuggestion] = React.useState("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = React.useState(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = React.useState("");
-  const [generatingSuggestion, setGeneratingSuggestion] = React.useState(
+  const { getDocumentsContext } = (0, import_react3.useContext)(import_react_core.CopilotContext);
+  const [editSuggestion, setEditSuggestion] = (0, import_react3.useState)("");
+  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react3.useState)(false);
+  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react3.useState)("");
+  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react3.useState)(
     null
   );
-  const adjustmentTextAreaRef = React.useRef(null);
-  const suggestionTextAreaRef = React.useRef(null);
-  const [filePointers, setFilePointers] = React.useState([]);
-  const [suggestedFiles, setSuggestedFiles] = React.useState([]);
-  React.useEffect(() => {
+  const adjustmentTextAreaRef = (0, import_react3.useRef)(null);
+  const suggestionTextAreaRef = (0, import_react3.useRef)(null);
+  const [filePointers, setFilePointers] = (0, import_react3.useState)([]);
+  const [suggestedFiles, setSuggestedFiles] = (0, import_react3.useState)([]);
+  (0, import_react3.useEffect)(() => {
     setSuggestedFiles(getDocumentsContext(contextCategories));
   }, [contextCategories, getDocumentsContext]);
   use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
   use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  React.useEffect(() => {
+  (0, import_react3.useEffect)(() => {
     setTimeout(() => {
       var _a;
       (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
     }, 0);
   }, []);
-  React.useEffect(() => {
+  (0, import_react3.useEffect)(() => {
     if (!generatingSuggestion) {
       return;
     }
@@ -415,7 +465,7 @@ var HoveringInsertionPromptBoxCore = ({
       releaseLockIfNotClosed();
     };
   }, [generatingSuggestion]);
-  const beginGeneratingAdjustment = React.useCallback(() => __async(void 0, null, function* () {
+  const beginGeneratingAdjustment = (0, import_react3.useCallback)(() => __async(void 0, null, function* () {
     if (!adjustmentPrompt.trim()) {
       return;
     }
@@ -444,10 +494,10 @@ var HoveringInsertionPromptBoxCore = ({
   const textToEdit = editSuggestion || state.editorState.selectedText;
   const adjustmentLabel = textToEdit === "" ? "Describe the text you want to insert" : "Describe adjustments to the suggested text";
   const placeholder = textToEdit === "" ? "e.g. 'summarize the client's top 3 pain-points from @CallTranscript'" : "e.g. 'make it more formal', 'be more specific', ...";
-  const AdjustmentPromptComponent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "", children: adjustmentLabel }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full flex items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+  const AdjustmentPromptComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Label, { className: "", children: adjustmentLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative w-full flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "textarea",
         {
           disabled: suggestionIsLoading,
@@ -469,29 +519,29 @@ var HoveringInsertionPromptBoxCore = ({
           rows: 1
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "button",
         {
           onClick: beginGeneratingAdjustment,
           className: "absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center",
-          children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "material-icons", children: "arrow_forward" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: "material-icons", children: "arrow_forward" })
         }
       )
     ] })
   ] });
-  const SuggestionComponent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-end w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "mt-4", children: "Suggested:" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+  const SuggestionComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between items-end w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Label, { className: "mt-4", children: "Suggested:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
           className: "inline-block h-4 w-4 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",
           role: "status",
-          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "textarea",
       {
         ref: suggestionTextAreaRef,
@@ -503,7 +553,7 @@ var HoveringInsertionPromptBoxCore = ({
       }
     )
   ] });
-  const SubmitComponent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full gap-4 justify-start", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  const SubmitComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex w-full gap-4 justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     Button,
     {
       className: " bg-green-700 text-white",
@@ -512,16 +562,16 @@ var HoveringInsertionPromptBoxCore = ({
       },
       children: [
         "Insert ",
-        /* @__PURE__ */ jsxRuntime.jsx("i", { className: "material-icons", children: "check" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: "material-icons", children: "check" })
       ]
     }
   ) });
   const sourceSearchCandidate = adjustmentPrompt.split(" ").pop();
   const sourceSearchWord = (sourceSearchCandidate == null ? void 0 : sourceSearchCandidate.startsWith("@")) ? sourceSearchCandidate.slice(1) : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-start relative gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full flex flex-col items-start relative gap-2", children: [
     AdjustmentPromptComponent,
-    filePointers.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
-    sourceSearchWord !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    filePointers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
+    sourceSearchWord !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       SourceSearchBox,
       {
         searchTerm: sourceSearchWord,
@@ -538,13 +588,16 @@ var HoveringInsertionPromptBoxCore = ({
     generatingSuggestion ? SubmitComponent : null
   ] });
 };
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var HoveringInsertionPromptBox = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       className: "flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white",
       style: { width: "35rem" },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         HoveringInsertionPromptBoxCore,
         {
           state: {
@@ -558,7 +611,8 @@ var HoveringInsertionPromptBox = (props) => {
     }
   );
 };
-
-exports.HoveringInsertionPromptBox = HoveringInsertionPromptBox;
-//# sourceMappingURL=out.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HoveringInsertionPromptBox
+});
 //# sourceMappingURL=hovering-insertion-prompt-box.js.map