@bastani/atomic 0.5.12-1 → 0.5.12-3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bastani/atomic",
-  "version": "0.5.12-1",
+  "version": "0.5.12-3",
   "description": "Configuration management CLI and SDK for coding agents",
   "type": "module",
   "license": "MIT",
@@ -81,6 +81,8 @@
     "commander": "^14.0.3",
     "ignore": "^7.0.5",
     "react": "^19.2.5",
+    "react-devtools-core": "^7.0.1",
+    "ws": "^8.18.0",
     "yaml": "^2.8.3",
     "zod": "^4.3.6"
   }

package/src/sdk/components/workflow-picker-panel.tsx

@@ -591,18 +591,14 @@ function TextAreaContent({
     }
   }, [value]);
 
-  // Report changes back to parent via onContentChange.
-  useEffect(() => {
-    const ta = ref.current;
-    if (!ta) return;
-    ta.onContentChange = () => {
-      changeRef.current?.(ta.plainText);
-    };
-    return () => {
-      ta.onContentChange = undefined;
-    };
-  }, [changeRef]);
-
+  // Wire onContentChange as a prop so the reconciler sets it during the
+  // commit phase (via the constructor and setProperty's default branch),
+  // guaranteeing it is active before the textarea can receive key events.
+  // The previous useEffect approach deferred setup as a passive effect
+  // (ConcurrentRoot schedules these via setTimeout) — creating a window
+  // where keystrokes reached the focused textarea before the listener
+  // existed, silently dropping content-change notifications and leaving
+  // fieldValues stale.
   return (
     <textarea
       ref={ref}
@@ -616,6 +612,9 @@ function TextAreaContent({
       placeholderColor={theme.textDim}
       wrapMode="word"
       flexGrow={1}
+      onContentChange={() => {
+        changeRef.current?.(ref.current?.plainText ?? "");
+      }}
     />
   );
 }