@nextclaw/agent-chat-ui 0.3.17 → 0.3.18

package/dist/index.d.ts

@@ -307,6 +307,7 @@ type ChatInputBarHandle = {
     label: string;
   }>) => void;
   focusComposer: () => void;
+  focusComposerAtEnd: () => void;
 };
 declare const ChatInputBar: _$react.ForwardRefExoticComponent<ChatInputBarProps & _$react.RefAttributes<ChatInputBarHandle>>;
 //#endregion

package/dist/index.js

@@ -1512,6 +1512,9 @@ var LexicalComposerHandleOwner = class {
 		this.focusComposer = () => {
 			this.params.focusComposer();
 		};
+		this.focusComposerAtEnd = () => {
+			this.params.focusComposerAtEnd();
+		};
 		this.syncSelectedSkills = (nextKeys, options) => {
 			this.params.publishSnapshot(syncSelectedSkillsIntoChatComposer({
 				nextKeys,
@@ -1737,10 +1740,23 @@ const ChatInputBarTokenizedComposer = forwardRef(function ChatInputBarTokenizedC
 	const focusComposer = () => {
 		const editor = editorRef.current;
 		if (!editor) return;
+		editor.getRootElement()?.focus({ preventScroll: true });
 		const targetSelection = selectionRef.current;
-		editor.focus(() => {
-			if (targetSelection) syncLexicalSelectionFromChatComposerSelection(editor, targetSelection);
-		});
+		if (targetSelection) syncLexicalSelectionFromChatComposerSelection(editor, targetSelection);
+		editor.focus();
+	};
+	const focusComposerAtEnd = () => {
+		const editor = editorRef.current;
+		if (!editor) return;
+		const end = readChatComposerSnapshotFromEditorState(editor.getEditorState()).nodes.reduce((cursor, node) => cursor + (node.type === "text" ? node.text.length : 1), 0);
+		const targetSelection = {
+			start: end,
+			end
+		};
+		selectionRef.current = targetSelection;
+		editor.getRootElement()?.focus({ preventScroll: true });
+		syncLexicalSelectionFromChatComposerSelection(editor, targetSelection);
+		editor.focus();
 	};
 	const readComposerSnapshot = () => ({
 		nodes: readCurrentNodes(),
@@ -1748,6 +1764,7 @@ const ChatInputBarTokenizedComposer = forwardRef(function ChatInputBarTokenizedC
 	});
 	useImperativeHandle(ref, () => createLexicalComposerHandle({
 		focusComposer,
+		focusComposerAtEnd,
 		onSlashItemSelect: props.onSlashItemSelect,
 		optionsReader: readComposerSnapshot,
 		publishSnapshot
@@ -1913,7 +1930,8 @@ const ChatInputBar = forwardRef(function ChatInputBar(props, ref) {
 	useImperativeHandle(ref, () => ({
 		insertFileToken: (tokenKey, label) => composerRef.current?.insertFileToken(tokenKey, label),
 		insertFileTokens: (tokens) => composerRef.current?.insertFileTokens(tokens),
-		focusComposer: () => composerRef.current?.focusComposer()
+		focusComposer: () => composerRef.current?.focusComposer(),
+		focusComposerAtEnd: () => composerRef.current?.focusComposerAtEnd()
 	}), []);
 	return /* @__PURE__ */ jsx("div", {
 		className: "border-t border-gray-200/80 bg-white p-4",
@@ -3797,9 +3815,6 @@ const TYPING_TEXT_SHEEN_CSS = `
   0% {
     background-position: 160% 0;
   }
-  64% {
-    background-position: -60% 0;
-  }
   100% {
     background-position: -60% 0;
   }
@@ -3822,7 +3837,7 @@ const TYPING_TEXT_SHEEN_CSS = `
   background-clip: text;
   color: transparent;
   -webkit-text-fill-color: transparent;
-  animation: nextclaw-chat-typing-text-sheen 4.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  animation: nextclaw-chat-typing-text-sheen 2.5s linear infinite;
 }
 
 @media (prefers-reduced-motion: reduce) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/agent-chat-ui",
-  "version": "0.3.17",
+  "version": "0.3.18",
   "private": false,
   "description": "Reusable Nextclaw agent chat UI primitives and default skin.",
   "type": "module",