@contentgrowth/llm-service 1.0.7 → 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>>;
 
@@ -192,6 +199,7 @@ interface TapToTalkProps {
     tooltip?: string;
     onFocusTarget?: () => void;
     accentColor?: string;
+    leftAction?: React.ReactNode;
 }
 declare const TapToTalk: React.FC<TapToTalkProps>;
 

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>>;
 
@@ -192,6 +199,7 @@ interface TapToTalkProps {
     tooltip?: string;
     onFocusTarget?: () => void;
     accentColor?: string;
+    leftAction?: React.ReactNode;
 }
 declare const TapToTalk: React.FC<TapToTalkProps>;
 

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: [
@@ -801,7 +842,8 @@ var TapToTalk = ({
   disabled = false,
   tooltip = "Tap to speak",
   onFocusTarget,
-  accentColor = "bg-emerald-600"
+  accentColor = "bg-emerald-600",
+  leftAction
 }) => {
   var _a;
   const globalConfig = useChatConfig();
@@ -992,23 +1034,26 @@ var TapToTalk = ({
       logs.map((log, i) => /* @__PURE__ */ jsx7("div", { className: "mb-0.5 border-b border-gray-700/50 pb-0.5 break-all", children: log }, i)),
       logs.length === 0 && /* @__PURE__ */ jsx7("div", { children: "No logs yet..." })
     ] }),
-    /* @__PURE__ */ jsxs5(
-      "button",
-      {
-        ...handlers,
-        disabled: disabled || isTranscribing && !isListening,
-        className: `flex items-center justify-center gap-3 px-6 py-3 rounded-xl transition-all duration-300 w-full font-medium shadow-md touch-none select-none
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 w-full", children: [
+      leftAction,
+      /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          ...handlers,
+          disabled: disabled || isTranscribing && !isListening,
+          className: `flex items-center justify-center gap-3 px-6 py-3 rounded-xl transition-all duration-300 flex-1 font-medium shadow-md touch-none select-none
                 ${bgColor} text-white
                 ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
                 ${className}`,
-        title: label,
-        children: [
-          /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center shrink-0", children: Icon }),
-          /* @__PURE__ */ jsx7("span", { className: "truncate", children: label }),
-          errorMsg && /* @__PURE__ */ jsx7("span", { className: "text-[10px] bg-white/20 px-1.5 py-0.5 rounded text-red-100 animate-in fade-in slide-in-from-right-1", children: errorMsg })
-        ]
-      }
-    )
+          title: label,
+          children: [
+            /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center shrink-0", children: Icon }),
+            /* @__PURE__ */ jsx7("span", { className: "truncate", children: label }),
+            errorMsg && /* @__PURE__ */ jsx7("span", { className: "text-[10px] bg-white/20 px-1.5 py-0.5 rounded text-red-100 animate-in fade-in slide-in-from-right-1", children: errorMsg })
+          ]
+        }
+      )
+    ] })
   ] });
 };