@contentgrowth/llm-service 1.0.8 → 1.0.9

package/dist/ui/react/components/index.d.cts

@@ -177,10 +177,17 @@ interface ChatInputAreaProps {
     value?: string;
     onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     defaultInputMode?: 'text' | 'voice';
+    hideVoiceButton?: boolean;
+    inputMode?: 'none' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal';
 }
 interface ChatInputAreaHandle {
     focus: () => void;
     setValue: (value: string) => void;
+    getSelection: () => {
+        start: number;
+        end: number;
+    } | null;
+    replaceSelection: (text: string) => void;
 }
 declare const ChatInputArea: React.ForwardRefExoticComponent<ChatInputAreaProps & React.RefAttributes<ChatInputAreaHandle>>;
 

package/dist/ui/react/components/index.d.ts

@@ -177,10 +177,17 @@ interface ChatInputAreaProps {
     value?: string;
     onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     defaultInputMode?: 'text' | 'voice';
+    hideVoiceButton?: boolean;
+    inputMode?: 'none' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal';
 }
 interface ChatInputAreaHandle {
     focus: () => void;
     setValue: (value: string) => void;
+    getSelection: () => {
+        start: number;
+        end: number;
+    } | null;
+    replaceSelection: (text: string) => void;
 }
 declare const ChatInputArea: React.ForwardRefExoticComponent<ChatInputAreaProps & React.RefAttributes<ChatInputAreaHandle>>;
 

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

@@ -437,7 +437,9 @@ var ChatInputArea = forwardRef(({
   placeholder,
   value,
   onChange,
-  defaultInputMode = "text"
+  defaultInputMode = "text",
+  hideVoiceButton = false,
+  inputMode: inputModeProp
 }, ref) => {
   var _a, _b, _c, _d;
   const [internalMessage, setInternalMessage] = useState3("");
@@ -487,6 +489,7 @@ var ChatInputArea = forwardRef(({
   const textareaRef = useRef3(null);
   const measurementRef = useRef3(null);
   const pendingSelectionRef = useRef3(null);
+  const lastSelectionRef = useRef3(null);
   const isControlled = value !== void 0;
   const message = isControlled ? value : internalMessage;
   const messageRef = useRef3(message);
@@ -581,11 +584,39 @@ var ChatInputArea = forwardRef(({
   });
   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;
+        triggerChange(newText);
+        lastSelectionRef.current = null;
+      } else {
+        insertTextAtCursor(text);
+      }
     }
   }));
   const handleSubmit = (e) => {
@@ -674,7 +705,7 @@ var ChatInputArea = forwardRef(({
       logs.length === 0 && /* @__PURE__ */ jsx6("div", { children: "No logs yet..." })
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-      voiceConfig && /* @__PURE__ */ jsx6(
+      voiceConfig && !hideVoiceButton && /* @__PURE__ */ jsx6(
         VoiceInputButton,
         {
           voiceConfig,
@@ -719,12 +750,22 @@ var ChatInputArea = 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__ */ jsxs4("div", { className: "relative mx-2 flex-shrink-0", children: [