@contentgrowth/llm-service 1.0.8 → 1.1.0

package/dist/ui/react/components/index.cjs

@@ -478,7 +478,9 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
   placeholder,
   value,
   onChange,
-  defaultInputMode = "text"
+  defaultInputMode = "text",
+  hideVoiceButton = false,
+  inputMode: inputModeProp
 }, ref) => {
   var _a, _b, _c, _d;
   const [internalMessage, setInternalMessage] = (0, import_react5.useState)("");
@@ -528,6 +530,7 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
   const textareaRef = (0, import_react5.useRef)(null);
   const measurementRef = (0, import_react5.useRef)(null);
   const pendingSelectionRef = (0, import_react5.useRef)(null);
+  const lastSelectionRef = (0, import_react5.useRef)(null);
   const isControlled = value !== void 0;
   const message = isControlled ? value : internalMessage;
   const messageRef = (0, import_react5.useRef)(message);
@@ -622,11 +625,40 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
   });
   (0, import_react5.useImperativeHandle)(ref, () => ({
     focus: () => {
-      var _a2;
-      (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
+      const textarea = textareaRef.current;
+      if (textarea) {
+        textarea.focus();
+        if (lastSelectionRef.current) {
+          textarea.setSelectionRange(
+            lastSelectionRef.current.start,
+            lastSelectionRef.current.end
+          );
+        }
+      }
     },
     setValue: (newValue) => {
       triggerChange(newValue);
+    },
+    getSelection: () => {
+      const textarea = textareaRef.current;
+      if (textarea && document.activeElement === textarea) {
+        return { start: textarea.selectionStart, end: textarea.selectionEnd };
+      }
+      return lastSelectionRef.current;
+    },
+    replaceSelection: (text) => {
+      const selection = lastSelectionRef.current;
+      const currentVal = messageRef.current || "";
+      if (selection && selection.start !== selection.end) {
+        const before = currentVal.substring(0, selection.start);
+        const after = currentVal.substring(selection.end);
+        const newText = before + text + after;
+        pendingSelectionRef.current = { start: selection.start, end: selection.start + text.length };
+        triggerChange(newText);
+        lastSelectionRef.current = null;
+      } else {
+        insertTextAtCursor(text);
+      }
     }
   }));
   const handleSubmit = (e) => {
@@ -715,7 +747,7 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
       logs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: "No logs yet..." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-      voiceConfig && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      voiceConfig && !hideVoiceButton && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         VoiceInputButton,
         {
           voiceConfig,
@@ -760,12 +792,22 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
                   setIsFocused(true);
                   setVoiceError(null);
                 },
-                onBlur: () => setIsFocused(false),
+                onBlur: () => {
+                  setIsFocused(false);
+                  const textarea = textareaRef.current;
+                  if (textarea) {
+                    lastSelectionRef.current = {
+                      start: textarea.selectionStart,
+                      end: textarea.selectionEnd
+                    };
+                  }
+                },
                 placeholder: getPlaceholder(),
                 disabled: isInputDisabled,
                 readOnly: !!voiceTrigger || isTranscribing,
                 rows: 1,
-                className: `flex-grow px-4 py-2 outline-none text-gray-700 placeholder-gray-500 resize-none leading-6 w-full ${isInputDisabled ? "bg-gray-100 cursor-not-allowed" : "bg-transparent"} ${voiceTrigger || isTranscribing ? "cursor-default" : ""}`
+                className: `flex-grow px-4 py-2 outline-none text-gray-700 placeholder-gray-500 resize-none leading-6 w-full ${isInputDisabled ? "bg-gray-100 cursor-not-allowed" : "bg-transparent"} ${voiceTrigger || isTranscribing ? "cursor-default" : ""}`,
+                ...inputModeProp ? { inputMode: inputModeProp } : {}
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative mx-2 flex-shrink-0", children: [