@nexface/tools 0.1.15-alpha.2 → 0.1.15-alpha.4

package/dist/browser/focus.d.ts

@@ -1,4 +1,3 @@
 export declare function isAgentActivation(): boolean;
 export declare function withAgentActivation<T>(activate: () => T): T;
-export declare function isAgentFocus(): boolean;
 export declare function focusForAgent(element: HTMLElement): void;

package/dist/browser/focus.js

@@ -1,4 +1,3 @@
-let focusingForAgent = false;
 let activatingForAgent = false;
 export function isAgentActivation() {
     return activatingForAgent;
@@ -13,16 +12,6 @@ export function withAgentActivation(activate) {
         activatingForAgent = previous;
     }
 }
-export function isAgentFocus() {
-    return focusingForAgent;
-}
 export function focusForAgent(element) {
-    const previous = focusingForAgent;
-    focusingForAgent = true;
-    try {
-        element.focus({ preventScroll: true });
-    }
-    finally {
-        focusingForAgent = previous;
-    }
+    element.focus({ preventScroll: true });
 }

package/dist/operation-lock.d.ts

@@ -1,3 +1,3 @@
 export declare function isOperationSurfaceLocked(surface: HTMLElement): boolean;
 /** Block user input inside the surface without hiding DOM from page tools. */
-export declare function lockOperationSurface(surface: HTMLElement, redirectFocus?: () => void): () => void;
+export declare function lockOperationSurface(surface: HTMLElement): () => void;

package/dist/operation-lock.js

@@ -1,38 +1,21 @@
-import { isAgentActivation, isAgentFocus } from "./browser/focus.js";
+import { isAgentActivation } from "./browser/focus.js";
 const lockedSurfaces = new WeakSet();
 export function isOperationSurfaceLocked(surface) {
     return lockedSurfaces.has(surface);
 }
 /** Block user input inside the surface without hiding DOM from page tools. */
-export function lockOperationSurface(surface, redirectFocus) {
+export function lockOperationSurface(surface) {
     const previousBusy = surface.getAttribute("aria-busy");
     const block = (event) => {
         if ((event.type === "submit" || event.type === "reset") && isAgentActivation())
             return;
         if (!event.isTrusted)
             return;
-        if (event.type === "focus" || event.type === "focusin") {
-            if (isAgentFocus())
-                return;
-            event.stopImmediatePropagation();
-            if (event.target instanceof HTMLElement)
-                event.target.blur();
-            redirectFocus?.();
-            return;
-        }
-        if (event.type === "keydown" && event.key === "Tab") {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-            redirectFocus?.();
-            return;
-        }
         event.preventDefault();
         event.stopImmediatePropagation();
     };
     // Wheel and touch defaults are blocked here: React delegates them passively.
     const events = [
-        "focus",
-        "focusin",
         "mouseenter",
         "mouseleave",
         "pointerenter",

package/dist/operation-view.js

@@ -139,7 +139,6 @@ export function OperationOverlayView({ operation, feedback, progressHistory = []
     const [, setGeometry] = useState("");
     const [historyOpen, setHistoryOpen] = useState(false);
     const [historyId] = useState(() => `nexface-operation-history-${globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`}`);
-    const cancelButtonRef = useRef(null);
     const controllerShouldBeVisible = operation.status !== "cancelled" &&
         (running || humanHasControl || operation.status === "failed");
     const [controllerVisibility, setControllerVisibility] = useState(controllerShouldBeVisible ? "visible" : undefined);
@@ -157,12 +156,13 @@ export function OperationOverlayView({ operation, feedback, progressHistory = []
         if (!progressHistory.length)
             setHistoryOpen(false);
     }, [progressHistory.length]);
+    const agentControlsSurface = running && !humanHasControl;
     useLayoutEffect(() => {
         const surface = resolveSurface?.();
-        if (!surface || !running || humanHasControl)
+        if (!surface || !agentControlsSurface)
             return;
-        return lockOperationSurface(surface, () => cancelButtonRef.current?.focus());
-    }, [humanHasControl, resolveSurface, running]);
+        return lockOperationSurface(surface);
+    }, [agentControlsSurface, resolveSurface]);
     const readGeometry = useCallback(() => {
         const surface = resolveSurface?.();
         const resolvedTarget = feedback?.resolveTarget ? feedback.resolveTarget() : feedback?.target;
@@ -201,7 +201,6 @@ export function OperationOverlayView({ operation, feedback, progressHistory = []
     const activeFeedback = !cancelling && !humanHasControl && !structuredTargetLost ? feedback : undefined;
     const effect = activeFeedback?.effect;
     const highlightedRect = effect === "navigate" || activeFeedback?.centered ? undefined : rect;
-    const agentControlsSurface = running && !humanHasControl;
     const operationFeedbackActive = Boolean(activeFeedback);
     const controllerMounted = Boolean(controllerVisibility);
     const controllerExiting = controllerVisibility === "exiting";
@@ -268,5 +267,5 @@ export function OperationOverlayView({ operation, feedback, progressHistory = []
                 statusLabel ? (React.createElement("small", { className: "agent-operation__description" },
                     React.createElement("span", { className: "agent-operation__status" }, statusLabel))) : null),
             (running || humanHasControl) && operation.status !== "cancelled" ? (React.createElement("span", { className: "agent-operation__compact-status", title: compactStatusLabel }, compactStatusLabel)) : null,
-            cancel && (running || humanHasControl) && operation.status !== "cancelled" ? (React.createElement("button", { ref: cancelButtonRef, className: "agent-operation__stop", type: "button", disabled: cancelling, onClick: cancel }, cancelling ? "正在终止" : "终止任务")) : null)) : null), document.body);
+            cancel && (running || humanHasControl) && operation.status !== "cancelled" ? (React.createElement("button", { className: "agent-operation__stop", type: "button", disabled: cancelling, onClick: cancel }, cancelling ? "正在终止" : "终止任务")) : null)) : null), document.body);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexface/tools",
-  "version": "0.1.15-alpha.2",
+  "version": "0.1.15-alpha.4",
   "type": "module",
   "exports": {
     ".": {
@@ -14,8 +14,8 @@
     "use-sync-external-store": "1.7.0"
   },
   "peerDependencies": {
-    "react-dom": ">=17",
-    "react": ">=17"
+    "react-dom": ">=16.14.0",
+    "react": ">=16.14.0"
   },
   "peerDependenciesMeta": {
     "react-dom": {