@yuneta/gobj-ui 2.2.0 → 2.2.4

package/dist/gobj-ui.cjs.js

@@ -816,6 +816,17 @@ function update_stats() {
 	});
 }
 /************************************************************
+*  Append a row and follow the tail — but only when the user is
+*  already at (or near) the bottom; a reader scrolled up into the
+*  backlog must not be yanked down. Container-local on purpose:
+*  scrollIntoView also scrolls the host page's ancestors.
+************************************************************/
+function append_and_follow(logger, node) {
+	let at_bottom = logger.scrollHeight - logger.scrollTop - logger.clientHeight < 40;
+	logger.appendChild(node);
+	if (at_bottom) logger.scrollTop = logger.scrollHeight;
+}
+/************************************************************
 *  Append one inter-event message. Kept in a bounded buffer so
 *  view/filter switches repaint from memory. Shared by the legacy
 *  C_YUI_WINDOW (setup_dev) and the modal (build_dev_panel).
@@ -876,8 +887,7 @@ function info_traffic(title, msg, direction, size) {
 		entry.$node = node;
 		let ph = logger.querySelector(".YDEV_EMPTY");
 		if (ph) ph.remove();
-		logger.appendChild(node);
-		node.scrollIntoView({ block: "end" });
+		append_and_follow(logger, node);
 	}
 	update_stats();
 }
@@ -931,8 +941,7 @@ function info_log(level, msg, hora) {
 			entry.$node = node;
 			let ph = logger.querySelector(".YDEV_EMPTY");
 			if (ph) ph.remove();
-			logger.appendChild(node);
-			node.scrollIntoView({ block: "end" });
+			append_and_follow(logger, node);
 		}
 		update_stats();
 	} finally {
@@ -1061,6 +1070,11 @@ function traffic_to_text() {
 	let out = [];
 	for (let e of TRAFFIC_LOG) {
 		if (entry_hidden(e, ctx)) continue;
+		if (e.kind === "log") {
+			out.push(`${e.ts} ${e.level}: ${e.text}`);
+			out.push("");
+			continue;
+		}
 		let head = `${e.ts} ${dir_arrow(e.dir)} ${e.title ? "[" + e.title + "] " : ""}${e.event}${e.command ? " " + e.command : ""}`;
 		out.push(head);
 		let payload = e.kw ? e.kw : e.jn;
@@ -2857,7 +2871,7 @@ function resolve_manager(gobj) {
 	let m = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "manager");
 	if (!m) return null;
 	if (typeof m === "string") {
-		m = (0, _yuneta_gobj_js.gobj_find_service)(m, false);
+		m = (0, _yuneta_gobj_js.gobj_find_service)(m, false) || null;
 		(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "manager", m);
 	}
 	return m;
@@ -3154,13 +3168,14 @@ function close_window(gobj) {
 	let kw_close = { abort_close: false };
 	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_WINDOW_TO_CLOSE", kw_close);
 	let on_close = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "on_close");
-	if (on_close) on_close();
 	if (!kw_close.abort_close) {
+		if (on_close) on_close();
 		if ((0, _yuneta_gobj_js.gobj_is_running)(gobj)) (0, _yuneta_gobj_js.gobj_stop)(gobj);
 		(0, _yuneta_gobj_js.gobj_stop_children)(gobj);
 		(0, _yuneta_gobj_js.gobj_destroy)(gobj);
 	} else if (kw_close.warning) get_yesnocancel(kw_close.warning, function(resp) {
 		if (resp === "yes") {
+			if (on_close) on_close();
 			(0, _yuneta_gobj_js.gobj_stop)(gobj);
 			(0, _yuneta_gobj_js.gobj_stop_children)(gobj);
 			(0, _yuneta_gobj_js.gobj_destroy)(gobj);
@@ -3242,6 +3257,9 @@ function mvStart(gobj, evt) {
 		$container.style.transform = "translate3d(" + div_x + "px, " + div_y + "px, 0px)";
 	}
 	function mvStop(evt) {
+		document.removeEventListener("pointermove", mvMove);
+		document.removeEventListener("pointerup", mvStop);
+		if ((0, _yuneta_gobj_js.gobj_is_destroying)(gobj)) return;
 		div_x = evt.screenX - x;
 		div_y = evt.screenY - y;
 		let xx = pos_x + div_x;
@@ -3250,8 +3268,6 @@ function mvStart(gobj, evt) {
 		$container.style.top = yy + "px";
 		$container.style.transition = "none";
 		$container.style.transform = "translate3d(0px, 0px, 0px)";
-		document.removeEventListener("pointermove", mvMove);
-		document.removeEventListener("pointerup", mvStop);
 		let rect = $container.getBoundingClientRect();
 		(0, _yuneta_gobj_js.gobj_write_integer_attr)(gobj, "x", rect.x);
 		(0, _yuneta_gobj_js.gobj_write_integer_attr)(gobj, "y", rect.y);
@@ -3291,12 +3307,13 @@ function rsStart(gobj, evt) {
 		$container.style.height = height + rel_h + "px";
 	}
 	function rsStop(evt) {
+		document.removeEventListener("pointermove", rsMove);
+		document.removeEventListener("pointerup", rsStop);
+		if ((0, _yuneta_gobj_js.gobj_is_destroying)(gobj)) return;
 		rel_w = evt.pageX - pageX;
 		rel_h = evt.pageY - pageY;
 		$container.style.width = width + rel_w + "px";
 		$container.style.height = height + rel_h + "px";
-		document.removeEventListener("pointermove", rsMove);
-		document.removeEventListener("pointerup", rsStop);
 		let rect = $container.getBoundingClientRect();
 		if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "force_center")) {
 			rect = do_center(gobj, rect.x, rect.y, rect.width, rect.height);
@@ -3675,7 +3692,7 @@ function build_dock(gobj) {
 	ensure_dock_style();
 	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", (0, _yuneta_gobj_js.createElement2)([
 		"div",
-		{ class: "yui-dock is-empty" },
+		{ class: "C_YUI_WINDOW_MANAGER yui-dock is-empty" },
 		[]
 	]));
 	apply_placement(gobj);
@@ -3861,10 +3878,20 @@ function ac_register_window(gobj, event, kw, src) {
 				} }
 			]
 		],
-		{ click: (evt) => {
-			evt.stopPropagation();
-			on_chip_click(gobj, entry);
-		} }
+		{
+			click: (evt) => {
+				evt.stopPropagation();
+				on_chip_click(gobj, entry);
+			},
+			keydown: (evt) => {
+				if (evt.target !== evt.currentTarget) return;
+				if (evt.key === "Enter" || evt.key === " ") {
+					if (evt.key === " ") evt.preventDefault();
+					evt.stopPropagation();
+					on_chip_click(gobj, entry);
+				}
+			}
+		}
 	]);
 	entry.$chip = $chip;
 	priv.windows.push(entry);
@@ -12340,9 +12367,10 @@ function navigate_to(gobj, route) {
 	let prev_route = stage.active_route;
 	if (prev_route && prev_route !== matched_route) {
 		let prev_gobj = stage.items[prev_route];
+		let $prev = null;
 		if (prev_gobj) {
-			let $c = (0, _yuneta_gobj_js.gobj_read_attr)(prev_gobj, "$container");
-			if ($c) $c.classList.add("is-hidden");
+			$prev = (0, _yuneta_gobj_js.gobj_read_attr)(prev_gobj, "$container");
+			if ($prev) $prev.classList.add("is-hidden");
 		}
 		let prev_entry = priv.item_index[prev_route];
 		if (prev_entry && prev_entry.target && prev_entry.target.lifecycle === "lazy_destroy") {
@@ -12352,6 +12380,7 @@ function navigate_to(gobj, route) {
 			} catch (e) {
 				(0, _yuneta_gobj_js.log_warning)(`C_YUI_SHELL: lazy_destroy of '${prev_route}' failed: ${e}`);
 			}
+			if ($prev && $prev.parentNode) $prev.parentNode.removeChild($prev);
 			delete stage.items[prev_route];
 		}
 	}

package/dist/gobj-ui.es.js

@@ -1,4 +1,4 @@
-import { SDATA, SDATA_END, clean_name, createElement2, createOneHtml, create_template_record, data_type_t, debounce, duplicate_objects, empty_string, escapeHtml, event_flag_t, gclass_create, gclass_flag_t, getPositionRelativeToBody, gobj_command, gobj_create, gobj_create_service, gobj_current_state, gobj_default_service, gobj_destroy, gobj_find_child, gobj_find_service, gobj_full_name, gobj_gclass_name, gobj_has_attr, gobj_is_playing, gobj_is_pure_child, gobj_is_running, gobj_is_service, gobj_is_volatil, gobj_match_children, gobj_name, gobj_parent, gobj_publish_event, gobj_read_attr, gobj_read_bool_attr, gobj_read_integer_attr, gobj_read_pointer_attr, gobj_read_str_attr, gobj_save_persistent_attrs, gobj_send_event, gobj_set_trace_machine_format, gobj_short_name, gobj_start, gobj_stop, gobj_stop_children, gobj_subscribe_event, gobj_unsubscribe_event, gobj_write_attr, gobj_write_bool_attr, gobj_write_integer_attr, gobj_write_str_attr, gobj_yuno, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_pure_number, is_string, json_deep_copy, json_object_size, json_object_update, json_object_update_missing, json_size, kw_clone_by_keys, kw_flag_t, kw_get_dict, kw_get_dict_value, kw_get_int, kw_get_local_storage_value, kw_get_str, kw_has_key, kw_set_dict_value, kw_set_local_storage_value, kwid_find_one_record, kwid_get_ids, kwid_new_dict, list2options, log_error, log_warning, msg_iev_get_stack, parseBoolean, parseSVG, refresh_language, safeSrc, sdata_flag_t, set_log_callback, sprintf, str_in_list, template_get_field_desc, trace_json, trace_msg, treedb_decoder_fkey, treedb_encoder_fkey, treedb_get_field_desc, treedb_hook_data_size } from "@yuneta/gobj-js";
+import { SDATA, SDATA_END, clean_name, createElement2, createOneHtml, create_template_record, data_type_t, debounce, duplicate_objects, empty_string, escapeHtml, event_flag_t, gclass_create, gclass_flag_t, getPositionRelativeToBody, gobj_command, gobj_create, gobj_create_service, gobj_current_state, gobj_default_service, gobj_destroy, gobj_find_child, gobj_find_service, gobj_full_name, gobj_gclass_name, gobj_has_attr, gobj_is_destroying, gobj_is_playing, gobj_is_pure_child, gobj_is_running, gobj_is_service, gobj_is_volatil, gobj_match_children, gobj_name, gobj_parent, gobj_publish_event, gobj_read_attr, gobj_read_bool_attr, gobj_read_integer_attr, gobj_read_pointer_attr, gobj_read_str_attr, gobj_save_persistent_attrs, gobj_send_event, gobj_set_trace_machine_format, gobj_short_name, gobj_start, gobj_stop, gobj_stop_children, gobj_subscribe_event, gobj_unsubscribe_event, gobj_write_attr, gobj_write_bool_attr, gobj_write_integer_attr, gobj_write_str_attr, gobj_yuno, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_pure_number, is_string, json_deep_copy, json_object_size, json_object_update, json_object_update_missing, json_size, kw_clone_by_keys, kw_flag_t, kw_get_dict, kw_get_dict_value, kw_get_int, kw_get_local_storage_value, kw_get_str, kw_has_key, kw_set_dict_value, kw_set_local_storage_value, kwid_find_one_record, kwid_get_ids, kwid_new_dict, list2options, log_error, log_warning, msg_iev_get_stack, parseBoolean, parseSVG, refresh_language, safeSrc, sdata_flag_t, set_log_callback, sprintf, str_in_list, template_get_field_desc, trace_json, trace_msg, treedb_decoder_fkey, treedb_encoder_fkey, treedb_get_field_desc, treedb_hook_data_size } from "@yuneta/gobj-js";
 import i18next, { t } from "i18next";
 import TomSelect from "tom-select";
 import { TabulatorFull } from "tabulator-tables";
@@ -811,6 +811,17 @@ function update_stats() {
 	});
 }
 /************************************************************
+*  Append a row and follow the tail — but only when the user is
+*  already at (or near) the bottom; a reader scrolled up into the
+*  backlog must not be yanked down. Container-local on purpose:
+*  scrollIntoView also scrolls the host page's ancestors.
+************************************************************/
+function append_and_follow(logger, node) {
+	let at_bottom = logger.scrollHeight - logger.scrollTop - logger.clientHeight < 40;
+	logger.appendChild(node);
+	if (at_bottom) logger.scrollTop = logger.scrollHeight;
+}
+/************************************************************
 *  Append one inter-event message. Kept in a bounded buffer so
 *  view/filter switches repaint from memory. Shared by the legacy
 *  C_YUI_WINDOW (setup_dev) and the modal (build_dev_panel).
@@ -871,8 +882,7 @@ function info_traffic(title, msg, direction, size) {
 		entry.$node = node;
 		let ph = logger.querySelector(".YDEV_EMPTY");
 		if (ph) ph.remove();
-		logger.appendChild(node);
-		node.scrollIntoView({ block: "end" });
+		append_and_follow(logger, node);
 	}
 	update_stats();
 }
@@ -926,8 +936,7 @@ function info_log(level, msg, hora) {
 			entry.$node = node;
 			let ph = logger.querySelector(".YDEV_EMPTY");
 			if (ph) ph.remove();
-			logger.appendChild(node);
-			node.scrollIntoView({ block: "end" });
+			append_and_follow(logger, node);
 		}
 		update_stats();
 	} finally {
@@ -1056,6 +1065,11 @@ function traffic_to_text() {
 	let out = [];
 	for (let e of TRAFFIC_LOG) {
 		if (entry_hidden(e, ctx)) continue;
+		if (e.kind === "log") {
+			out.push(`${e.ts} ${e.level}: ${e.text}`);
+			out.push("");
+			continue;
+		}
 		let head = `${e.ts} ${dir_arrow(e.dir)} ${e.title ? "[" + e.title + "] " : ""}${e.event}${e.command ? " " + e.command : ""}`;
 		out.push(head);
 		let payload = e.kw ? e.kw : e.jn;
@@ -2852,7 +2866,7 @@ function resolve_manager(gobj) {
 	let m = gobj_read_pointer_attr(gobj, "manager");
 	if (!m) return null;
 	if (typeof m === "string") {
-		m = gobj_find_service(m, false);
+		m = gobj_find_service(m, false) || null;
 		gobj_write_attr(gobj, "manager", m);
 	}
 	return m;
@@ -3149,13 +3163,14 @@ function close_window(gobj) {
 	let kw_close = { abort_close: false };
 	gobj_publish_event(gobj, "EV_WINDOW_TO_CLOSE", kw_close);
 	let on_close = gobj_read_attr(gobj, "on_close");
-	if (on_close) on_close();
 	if (!kw_close.abort_close) {
+		if (on_close) on_close();
 		if (gobj_is_running(gobj)) gobj_stop(gobj);
 		gobj_stop_children(gobj);
 		gobj_destroy(gobj);
 	} else if (kw_close.warning) get_yesnocancel(kw_close.warning, function(resp) {
 		if (resp === "yes") {
+			if (on_close) on_close();
 			gobj_stop(gobj);
 			gobj_stop_children(gobj);
 			gobj_destroy(gobj);
@@ -3237,6 +3252,9 @@ function mvStart(gobj, evt) {
 		$container.style.transform = "translate3d(" + div_x + "px, " + div_y + "px, 0px)";
 	}
 	function mvStop(evt) {
+		document.removeEventListener("pointermove", mvMove);
+		document.removeEventListener("pointerup", mvStop);
+		if (gobj_is_destroying(gobj)) return;
 		div_x = evt.screenX - x;
 		div_y = evt.screenY - y;
 		let xx = pos_x + div_x;
@@ -3245,8 +3263,6 @@ function mvStart(gobj, evt) {
 		$container.style.top = yy + "px";
 		$container.style.transition = "none";
 		$container.style.transform = "translate3d(0px, 0px, 0px)";
-		document.removeEventListener("pointermove", mvMove);
-		document.removeEventListener("pointerup", mvStop);
 		let rect = $container.getBoundingClientRect();
 		gobj_write_integer_attr(gobj, "x", rect.x);
 		gobj_write_integer_attr(gobj, "y", rect.y);
@@ -3286,12 +3302,13 @@ function rsStart(gobj, evt) {
 		$container.style.height = height + rel_h + "px";
 	}
 	function rsStop(evt) {
+		document.removeEventListener("pointermove", rsMove);
+		document.removeEventListener("pointerup", rsStop);
+		if (gobj_is_destroying(gobj)) return;
 		rel_w = evt.pageX - pageX;
 		rel_h = evt.pageY - pageY;
 		$container.style.width = width + rel_w + "px";
 		$container.style.height = height + rel_h + "px";
-		document.removeEventListener("pointermove", rsMove);
-		document.removeEventListener("pointerup", rsStop);
 		let rect = $container.getBoundingClientRect();
 		if (gobj_read_bool_attr(gobj, "force_center")) {
 			rect = do_center(gobj, rect.x, rect.y, rect.width, rect.height);
@@ -3670,7 +3687,7 @@ function build_dock(gobj) {
 	ensure_dock_style();
 	gobj_write_attr(gobj, "$container", createElement2([
 		"div",
-		{ class: "yui-dock is-empty" },
+		{ class: "C_YUI_WINDOW_MANAGER yui-dock is-empty" },
 		[]
 	]));
 	apply_placement(gobj);
@@ -3856,10 +3873,20 @@ function ac_register_window(gobj, event, kw, src) {
 				} }
 			]
 		],
-		{ click: (evt) => {
-			evt.stopPropagation();
-			on_chip_click(gobj, entry);
-		} }
+		{
+			click: (evt) => {
+				evt.stopPropagation();
+				on_chip_click(gobj, entry);
+			},
+			keydown: (evt) => {
+				if (evt.target !== evt.currentTarget) return;
+				if (evt.key === "Enter" || evt.key === " ") {
+					if (evt.key === " ") evt.preventDefault();
+					evt.stopPropagation();
+					on_chip_click(gobj, entry);
+				}
+			}
+		}
 	]);
 	entry.$chip = $chip;
 	priv.windows.push(entry);
@@ -12335,9 +12362,10 @@ function navigate_to(gobj, route) {
 	let prev_route = stage.active_route;
 	if (prev_route && prev_route !== matched_route) {
 		let prev_gobj = stage.items[prev_route];
+		let $prev = null;
 		if (prev_gobj) {
-			let $c = gobj_read_attr(prev_gobj, "$container");
-			if ($c) $c.classList.add("is-hidden");
+			$prev = gobj_read_attr(prev_gobj, "$container");
+			if ($prev) $prev.classList.add("is-hidden");
 		}
 		let prev_entry = priv.item_index[prev_route];
 		if (prev_entry && prev_entry.target && prev_entry.target.lifecycle === "lazy_destroy") {
@@ -12347,6 +12375,7 @@ function navigate_to(gobj, route) {
 			} catch (e) {
 				log_warning(`C_YUI_SHELL: lazy_destroy of '${prev_route}' failed: ${e}`);
 			}
+			if ($prev && $prev.parentNode) $prev.parentNode.removeChild($prev);
 			delete stage.items[prev_route];
 		}
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yuneta/gobj-ui",
-    "version": "2.2.0",
+    "version": "2.2.4",
     "type": "module",
     "main": "dist/gobj-ui.cjs.js",
     "module": "dist/gobj-ui.es.js",
@@ -29,13 +29,13 @@
     "devDependencies": {
         "@rollup/plugin-terser": "^1.0.0",
         "@vitest/coverage-v8": "^4.1.6",
-        "@yuneta/gobj-js": "^7.3.4",
+        "@yuneta/gobj-js": "^7.7.0",
         "vite": "^8.0.10",
         "vitest": "^4.1.6"
     },
     "peerDependencies": {
         "@antv/g6": "^5.1.0",
-        "@yuneta/gobj-js": "^7.3.4",
+        "@yuneta/gobj-js": "^7.7.0",
         "bulma": "^1.0.4",
         "i18next": "^26.0.7",
         "maplibre-gl": "^5.24.0",

package/src/c_yui_shell.js

@@ -1050,10 +1050,11 @@ function navigate_to(gobj, route)
     let prev_route = stage.active_route;
     if(prev_route && prev_route !== matched_route) {
         let prev_gobj = stage.items[prev_route];
+        let $prev = null;
         if(prev_gobj) {
-            let $c = gobj_read_attr(prev_gobj, "$container");
-            if($c) {
-                $c.classList.add("is-hidden");
+            $prev = gobj_read_attr(prev_gobj, "$container");
+            if($prev) {
+                $prev.classList.add("is-hidden");
             }
         }
         /*  lazy_destroy: drop previous on exit */
@@ -1065,6 +1066,14 @@ function navigate_to(gobj, route)
             } catch(e) {
                 log_warning(`C_YUI_SHELL: lazy_destroy of '${prev_route}' failed: ${e}`);
             }
+            /*  The shell appended $container on mount (build_view_gobj), so
+             *  remove it symmetrically here: a view that doesn't remove its
+             *  own container in mt_destroy would otherwise leak a hidden
+             *  copy in the stage on every revisit — and any fixed DOM id
+             *  inside it then shadows the fresh instance's.  */
+            if($prev && $prev.parentNode) {
+                $prev.parentNode.removeChild($prev);
+            }
             delete stage.items[prev_route];
         }
     }

package/src/c_yui_window.js

@@ -38,6 +38,7 @@ import {
     gobj_stop,
     gobj_stop_children,
     gobj_is_running,
+    gobj_is_destroying,
     refresh_language,
 } from "@yuneta/gobj-js";
 
@@ -287,7 +288,7 @@ function resolve_manager(gobj)
         return null;
     }
     if(typeof m === "string") {
-        m = gobj_find_service(m, false);
+        m = gobj_find_service(m, false) || null;
         gobj_write_attr(gobj, "manager", m);
     }
     return m;
@@ -656,12 +657,15 @@ function close_window(gobj)
         abort_close: false
     };
     gobj_publish_event(gobj, "EV_WINDOW_TO_CLOSE", kw_close);
+
+    /*  on_close only fires when the close actually proceeds:
+     *  a subscriber may abort it and keep the window open. */
     let on_close = gobj_read_attr(gobj, "on_close");
-    if(on_close) {
-        on_close();
-    }
 
     if(!kw_close.abort_close) {
+        if(on_close) {
+            on_close();
+        }
         if(gobj_is_running(gobj)) {
             gobj_stop(gobj);
         }
@@ -670,6 +674,9 @@ function close_window(gobj)
     } else if(kw_close.warning) {
         get_yesnocancel(kw_close.warning, function(resp) {
             if(resp === "yes") {
+                if(on_close) {
+                    on_close();
+                }
                 gobj_stop(gobj);
                 gobj_stop_children(gobj);
                 gobj_destroy(gobj);
@@ -794,6 +801,14 @@ function mvStart(gobj, evt)
 
     function mvStop(evt)
     {
+        document.removeEventListener('pointermove', mvMove);
+        document.removeEventListener('pointerup', mvStop);
+
+        /*  The window can be destroyed mid-drag (e.g. dock ✕). */
+        if(gobj_is_destroying(gobj)) {
+            return;
+        }
+
         div_x      = (evt.screenX - x);
         div_y      = (evt.screenY - y);
         let xx = pos_x + div_x;
@@ -804,9 +819,6 @@ function mvStart(gobj, evt)
         $container.style.transition = 'none';
         $container.style.transform = 'translate3d(0px, 0px, 0px)';
 
-        document.removeEventListener('pointermove', mvMove);
-        document.removeEventListener('pointerup', mvStop);
-
         // trigger event
         let rect = $container.getBoundingClientRect();
 
@@ -859,15 +871,20 @@ function rsStart(gobj, evt)
 
     function rsStop(evt)
     {
+        document.removeEventListener('pointermove', rsMove);
+        document.removeEventListener('pointerup', rsStop);
+
+        /*  The window can be destroyed mid-resize (e.g. dock ✕). */
+        if(gobj_is_destroying(gobj)) {
+            return;
+        }
+
         rel_w = evt.pageX - pageX;
         rel_h = evt.pageY - pageY;
 
         $container.style.width = (width + rel_w) +'px';
         $container.style.height = (height + rel_h) +'px';
 
-        document.removeEventListener('pointermove', rsMove);
-        document.removeEventListener('pointerup', rsStop);
-
         // trigger event
         let rect = $container.getBoundingClientRect();
         if(gobj_read_bool_attr(gobj, "force_center")) {

package/src/c_yui_window_manager.js

@@ -228,7 +228,7 @@ function build_dock(gobj)
 {
     ensure_dock_style();
 
-    let $dock = createElement2(['div', {class: 'yui-dock is-empty'}, []]);
+    let $dock = createElement2(['div', {class: 'C_YUI_WINDOW_MANAGER yui-dock is-empty'}, []]);
     gobj_write_attr(gobj, "$container", $dock);
 
     apply_placement(gobj);
@@ -462,6 +462,20 @@ function ac_register_window(gobj, event, kw, src)
             click: (evt) => {
                 evt.stopPropagation();
                 on_chip_click(gobj, entry);
+            },
+            keydown: (evt) => {
+                /*  Only the chip itself — Enter on the inner ✕ button
+                 *  already fires its own click. */
+                if(evt.target !== evt.currentTarget) {
+                    return;
+                }
+                if(evt.key === "Enter" || evt.key === " ") {
+                    if(evt.key === " ") {
+                        evt.preventDefault();
+                    }
+                    evt.stopPropagation();
+                    on_chip_click(gobj, entry);
+                }
             }
         }]
     );

package/src/yui_dev.js

@@ -808,6 +808,22 @@ function update_stats()
     });
 }
 
+/************************************************************
+ *  Append a row and follow the tail — but only when the user is
+ *  already at (or near) the bottom; a reader scrolled up into the
+ *  backlog must not be yanked down. Container-local on purpose:
+ *  scrollIntoView also scrolls the host page's ancestors.
+ ************************************************************/
+function append_and_follow(logger, node)
+{
+    let at_bottom =
+        logger.scrollHeight - logger.scrollTop - logger.clientHeight < 40;
+    logger.appendChild(node);
+    if(at_bottom) {
+        logger.scrollTop = logger.scrollHeight;
+    }
+}
+
 /************************************************************
  *  Append one inter-event message. Kept in a bounded buffer so
  *  view/filter switches repaint from memory. Shared by the legacy
@@ -886,8 +902,7 @@ function info_traffic(title, msg, direction, size)
         if(ph) {
             ph.remove();
         }
-        logger.appendChild(node);
-        node.scrollIntoView({block: "end"});
+        append_and_follow(logger, node);
     }
     update_stats();
 }
@@ -956,8 +971,7 @@ function info_log(level, msg, hora)
             if(ph) {
                 ph.remove();
             }
-            logger.appendChild(node);
-            node.scrollIntoView({block: "end"});
+            append_and_follow(logger, node);
         }
         update_stats();
     } finally {
@@ -1130,6 +1144,12 @@ function traffic_to_text()
         if(entry_hidden(e, ctx)) {
             continue;
         }
+        if(e.kind === "log") {
+            /*  Mirrored log/automata line: no event/kw — serialize as shown. */
+            out.push(`${e.ts} ${e.level}: ${e.text}`);
+            out.push("");
+            continue;
+        }
         let head = `${e.ts} ${dir_arrow(e.dir)} ` +
             `${e.title ? "[" + e.title + "] " : ""}${e.event}` +
             `${e.command ? " " + e.command : ""}`;