@nextclaw/agent-chat-ui 0.3.1 → 0.3.2

package/dist/index.js

@@ -1424,6 +1424,7 @@ var ChatComposerRuntime = class {
 		this.snapshot = this.controller.getSnapshot();
 		this.config = null;
 		this.isComposing = false;
+		this.hasPendingImeComposition = false;
 		this.bindRootElement = (node) => {
 			this.rootElement = node;
 		};
@@ -1472,11 +1473,11 @@ var ChatComposerRuntime = class {
 			};
 		};
 		this.restoreDomAfterCommit = () => {
-			if (this.isComposing) return;
+			if (this.shouldSuspendDomSync()) return;
 			this.viewController.restoreSelectionIfFocused(this.rootElement, this.selection);
 		};
 		this.renderSurface = () => {
-			if (this.isComposing) return;
+			if (this.shouldSuspendDomSync()) return;
 			this.viewController.renderSurface({
 				root: this.rootElement,
 				snapshot: this.snapshot,
@@ -1487,7 +1488,7 @@ var ChatComposerRuntime = class {
 			this.viewController.syncViewport(this.rootElement);
 		};
 		this.syncSelectionState = () => {
-			if (!this.rootElement || this.isComposing) return;
+			if (!this.rootElement || this.shouldSuspendDomSync()) return;
 			const nextSnapshot = this.viewController.syncSelectionFromRoot(this.rootElement);
 			this.selection = nextSnapshot.selection;
 			this.selectedRange = nextSnapshot.selection;
@@ -1495,24 +1496,28 @@ var ChatComposerRuntime = class {
 			this.requestRender();
 		};
 		this.handleBeforeInput = (event) => {
+			this.syncImeGuardFromInputEvent(event.nativeEvent);
 			this.viewController.handleBeforeInput({
 				event,
 				disabled: this.requireConfig().disabled,
-				isComposing: this.isComposing,
+				isComposing: this.shouldSuspendDomSync(),
 				commitSnapshot: this.commitSnapshot
 			});
 		};
 		this.handleInput = (event) => {
+			this.syncImeGuardFromInputEvent(event.nativeEvent);
 			this.viewController.handleInput({
 				event,
-				isComposing: this.isComposing,
+				isComposing: this.shouldSuspendDomSync(),
 				commitSnapshot: this.commitSnapshot
 			});
 		};
 		this.handleCompositionStart = () => {
+			this.hasPendingImeComposition = false;
 			this.isComposing = true;
 		};
 		this.handleCompositionEnd = (event) => {
+			this.hasPendingImeComposition = false;
 			this.isComposing = false;
 			this.viewController.handleCompositionEnd({
 				event,
@@ -1521,7 +1526,8 @@ var ChatComposerRuntime = class {
 		};
 		this.handleKeyDown = (event) => {
 			const config = this.requireConfig();
-			if (this.rootElement && !this.isComposing) {
+			this.syncImeGuardFromKeyboardEvent(event);
+			if (this.rootElement && !this.shouldSuspendDomSync()) {
 				const nextSnapshot = this.viewController.syncSelectionFromRoot(this.rootElement);
 				this.selection = nextSnapshot.selection;
 				this.selectedRange = nextSnapshot.selection;
@@ -1551,6 +1557,7 @@ var ChatComposerRuntime = class {
 		};
 		this.handleBlur = () => {
 			const config = this.requireConfig();
+			this.hasPendingImeComposition = false;
 			this.isComposing = false;
 			this.viewController.handleBlur({
 				clearSelectedRange: this.clearSelectedRange,
@@ -1587,6 +1594,28 @@ var ChatComposerRuntime = class {
 		this.requestRender = () => {
 			this.requireConfig().requestRender();
 		};
+		this.shouldSuspendDomSync = () => {
+			return this.isComposing || this.hasPendingImeComposition;
+		};
+		this.syncImeGuardFromKeyboardEvent = (event) => {
+			const { nativeEvent } = event;
+			const keyCode = nativeEvent.keyCode || nativeEvent.which || event.keyCode || event.which;
+			if (nativeEvent.isComposing || event.key === "Process" || event.key === "Unidentified" || keyCode === 229) {
+				this.hasPendingImeComposition = true;
+				return;
+			}
+			this.hasPendingImeComposition = false;
+		};
+		this.syncImeGuardFromInputEvent = (nativeEvent) => {
+			if (nativeEvent.isComposing || this.isCompositionInputType(nativeEvent.inputType)) {
+				this.hasPendingImeComposition = true;
+				return;
+			}
+			this.hasPendingImeComposition = false;
+		};
+		this.isCompositionInputType = (inputType) => {
+			return typeof inputType === "string" && inputType.toLowerCase().includes("composition");
+		};
 		this.focusComposerSoon = () => {
 			if (typeof requestAnimationFrame === "function") {
 				requestAnimationFrame(() => this.focusComposer());

package/package.json

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