@agents24/chat-react 0.5.37 → 0.5.38

package/dist/ui/index.js

@@ -940,15 +940,33 @@ function useAgentChatComposer(options) {
   const generationRef = React4.useRef(0);
   const mountedRef = React4.useRef(true);
   const textRef = React4.useRef(text);
+  const scope = React4.useMemo(() => ({ active: false }), [options.scopeKey]);
+  const [textInteraction, setTextInteraction] = React4.useState(null);
+  const handledTextInteractionRef = React4.useRef(textInteraction);
   React4.useLayoutEffect(() => {
+    scope.active = true;
     mountedRef.current = true;
     submittingRef.current = false;
     setIsSubmitting(false);
     return () => {
+      scope.active = false;
       mountedRef.current = false;
       generationRef.current += 1;
     };
-  }, [options.scopeKey]);
+  }, [scope]);
+  React4.useLayoutEffect(() => {
+    if (handledTextInteractionRef.current === textInteraction) return;
+    handledTextInteractionRef.current = textInteraction;
+    if (!textInteraction || textInteraction.scope !== scope || !scope.active || textInteraction.revision !== revisionRef.current || options.disabled) return;
+    const textarea = textareaRef.current;
+    if (!textarea) return;
+    if (textInteraction.options.focus) textarea.focus({ preventScroll: true });
+    const selection = textInteraction.options.selection;
+    if (selection) {
+      const clamp = (offset) => Math.max(0, Math.min(textRef.current.length, offset));
+      textarea.setSelectionRange(clamp(selection.start), clamp(selection.end), selection.direction);
+    }
+  }, [textInteraction, scope, textareaRef, options.disabled]);
   React4.useEffect(() => () => {
     revokeAgentChatComposerFiles(filesRef.current);
     revokeAgentChatComposerFiles([...inFlightFilesRef.current.values()].flat());
@@ -973,11 +991,14 @@ function useAgentChatComposer(options) {
     }
   });
   const attachmentMimeTypes = inputMimeTypes(options.inputContract);
-  const setText = (value) => {
-    revisionRef.current += 1;
+  const setText = React4.useCallback((value, interaction = {}) => {
+    if (!scope.active) return false;
+    const revision = ++revisionRef.current;
     textRef.current = value;
     setTextState(value);
-  };
+    setTextInteraction({ scope, revision, options: interaction });
+    return true;
+  }, [scope]);
   const addFiles = (selected) => {
     const accepted = selected.filter((file) => attachmentMimeTypes.includes(canonicalInputMimeType(file.type, file.name)));
     revisionRef.current += 1;
@@ -1190,6 +1211,7 @@ function formatFileCount(files) {
 var pillButtonClass = "inline-flex size-8 shrink-0 items-center justify-center gap-2 rounded-lg border-0 bg-muted text-sm text-muted-foreground shadow-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-0 disabled:pointer-events-none disabled:opacity-50";
 var submitButtonClass = "inline-flex size-9 shrink-0 items-center justify-center gap-2 rounded-lg border-0 bg-primary text-sm text-primary-foreground shadow-none transition-[background-color,color,opacity,transform] duration-200 hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-0 disabled:pointer-events-none disabled:opacity-50";
 function AgentChatComposer({
+  ref,
   inputContract,
   recordingEnabled,
   contextWindow,
@@ -1225,6 +1247,7 @@ function AgentChatComposer({
     onSubmit: (text2, files2) => onSubmit({ text: text2.trim(), files: files2, attachmentIds: files2.flatMap((file) => file.id ? [file.id] : []) })
   });
   const { text, files, setText, isSubmitting, canSubmit, action, submit } = composer;
+  React6.useImperativeHandle(ref, () => ({ setText }), [setText]);
   const isExpanded = forceExpanded || text.includes("\n") || text.length > 62;
   const setTextareaRef = React6.useCallback(
     (node) => {