@yuneta/gobj-ui 7.23.30 → 7.23.32

package/README.md

@@ -1430,7 +1430,19 @@ gclass of a **backend** yuno the host passes the answer of `view-gclass` as
 
 `gclass_view_available()` reports whether the app registers `C_YUI_JSON` — the
 gobj tree asks it before drawing its `gclass` button, so an app that does not
-carry the viewer shows no control rather than one that fails.
+carry the viewer shows no control rather than one that fails. **Importing
+`c_yui_json.js` is not registering it**: an app that only pulls it in
+transitively (through the treedb graph, say) still has to call
+`register_c_yui_json()` for the button to appear.
+
+> **Mount before you start a hosted view.** `mt_create` builds the DOM;
+> `mt_start` renders it, and a view that measures a canvas or observes its box
+> needs to be IN the document by then. A host that creates a viewer, reads its
+> `$container` and hands it to a window as `body` must therefore start the
+> viewer **after** the window — the window is what puts it in the document.
+> Started before, a graph viewer measures nothing, attaches no
+> `ResizeObserver`, and its canvas keeps its birth size for the life of the
+> window while everything resizes around it (fixed in 7.23.31).
 
 ### Toolbar badge — a count pinned to an item's icon
 

package/dist/gobj-ui.cjs.js

@@ -10983,6 +10983,26 @@ function make_toolbar$3(gobj) {
 	return $toolbar;
 }
 /************************************************************
+*  The element G6 mounts its canvas in.
+*
+*  Read from THIS gclass's own $container, never with
+*  `document.getElementById()`: a view is not always in the
+*  document when it is started -- a host that builds the
+*  viewer and mounts it into a window afterwards starts it
+*  DETACHED -- and a global lookup answers null there. It cost
+*  a resize that never worked: the ResizeObserver below was
+*  simply never attached, silently, and the canvas kept the
+*  size it was born with for the life of the window.
+*
+*  Null only if the UI was never built; that is a bug, and it
+*  is logged where it matters rather than skipped.
+************************************************************/
+function canvas_mount$1(gobj) {
+	let $container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
+	if (!$container) return null;
+	return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+/************************************************************
 *  Build a G6 graph instance
 ************************************************************/
 function build_graph$3(gobj) {
@@ -11026,8 +11046,9 @@ function build_graph$3(gobj) {
 	});
 	graph.on(_antv_g6.CanvasEvent.CLICK, (evt) => {});
 	if (typeof ResizeObserver !== "undefined") {
-		let $canvas = document.getElementById(priv.canvas_id);
-		if ($canvas) {
+		let $canvas = canvas_mount$1(gobj);
+		if (!$canvas) (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no canvas mount, the graph will never resize`);
+		else {
 			let ro = new ResizeObserver(() => {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
@@ -11964,10 +11985,9 @@ function ac_node_click$4(gobj, event, kw, src) {
 *
 ************************************************************/
 function ac_show$8(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount$1(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -11986,10 +12006,9 @@ function ac_show$8(gobj, event, kw, src) {
 *  No fitView: preserve the user's current pan/zoom.
 ************************************************************/
 function ac_resize$2(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount$1(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -13843,7 +13862,6 @@ function open_gclass_view(host, gclass_name, opts) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(host)}: cannot create the gclass viewer`);
 		return null;
 	}
-	(0, _yuneta_gobj_js.gobj_start)(jv);
 	let handle = {
 		json_gobj: jv,
 		win: null,
@@ -13867,6 +13885,7 @@ function open_gclass_view(host, gclass_name, opts) {
 			t: i18next.t,
 			on_close
 		});
+		(0, _yuneta_gobj_js.gobj_start)(jv);
 		return handle;
 	}
 	let $win_parent = window_layer_of(host, shell);
@@ -13895,6 +13914,7 @@ function open_gclass_view(host, gclass_name, opts) {
 		return null;
 	}
 	(0, _yuneta_gobj_js.gobj_start)(handle.win);
+	(0, _yuneta_gobj_js.gobj_start)(jv);
 	return handle;
 }
 /************************************************************
@@ -14636,6 +14656,26 @@ function make_toolbar$1(gobj) {
 	return $toolbar;
 }
 /************************************************************
+*  The element G6 mounts its canvas in.
+*
+*  Read from THIS gclass's own $container, never with
+*  `document.getElementById()`: a view is not always in the
+*  document when it is started -- a host that builds the
+*  viewer and mounts it into a window afterwards starts it
+*  DETACHED -- and a global lookup answers null there. It cost
+*  a resize that never worked: the ResizeObserver below was
+*  simply never attached, silently, and the canvas kept the
+*  size it was born with for the life of the window.
+*
+*  Null only if the UI was never built; that is a bug, and it
+*  is logged where it matters rather than skipped.
+************************************************************/
+function canvas_mount(gobj) {
+	let $container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
+	if (!$container) return null;
+	return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+/************************************************************
 *  Build a G6 graph instance
 ************************************************************/
 function build_graph$2(gobj) {
@@ -14679,8 +14719,9 @@ function build_graph$2(gobj) {
 		hide_popover(gobj);
 	});
 	if (typeof ResizeObserver !== "undefined") {
-		let $canvas = document.getElementById(priv.canvas_id);
-		if ($canvas) {
+		let $canvas = canvas_mount(gobj);
+		if (!$canvas) (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no canvas mount, the graph will never resize`);
+		else {
 			let ro = new ResizeObserver(() => {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
@@ -15678,12 +15719,11 @@ function ac_node_click$3(gobj, event, kw, src) {
 *
 ************************************************************/
 function ac_show$6(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	save_view_state(gobj);
 	refresh_tree(gobj);
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -15702,10 +15742,9 @@ function ac_show$6(gobj, event, kw, src) {
 *  No fitView: preserve the user's current pan/zoom.
 ************************************************************/
 function ac_resize$1(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -55366,7 +55405,6 @@ function open_json_viewer(gobj) {
 		return;
 	}
 	priv.json_gobj = jv;
-	(0, _yuneta_gobj_js.gobj_start)(jv);
 	let $box = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(jv, "$container");
 	if (mobile) {
 		if (!shell) {
@@ -55385,6 +55423,7 @@ function open_json_viewer(gobj) {
 				(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_JSON_CLOSED", {}, gobj);
 			}
 		});
+		(0, _yuneta_gobj_js.gobj_start)(jv);
 	} else {
 		let $win_parent = shell && yui_shell_popup_layer(shell) || typeof document !== "undefined" && document.getElementById("top-layer") || null;
 		priv.json_win = (0, _yuneta_gobj_js.gobj_create_service)(`treedb-jsonwin-${(0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj))}`, "C_YUI_WINDOW", {
@@ -55415,6 +55454,7 @@ function open_json_viewer(gobj) {
 			return;
 		}
 		(0, _yuneta_gobj_js.gobj_start)(priv.json_win);
+		(0, _yuneta_gobj_js.gobj_start)(jv);
 	}
 	request_print_tranger(gobj, "");
 }
@@ -55442,7 +55482,7 @@ function close_json_viewer(gobj) {
 		(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: already gone: ${e}`);
 	}
 	if (jv && (0, _yuneta_gobj_js.is_gobj)(jv)) try {
-		(0, _yuneta_gobj_js.gobj_stop)(jv);
+		if ((0, _yuneta_gobj_js.gobj_is_running)(jv)) (0, _yuneta_gobj_js.gobj_stop)(jv);
 		(0, _yuneta_gobj_js.gobj_destroy)(jv);
 	} catch (e) {
 		(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: already gone: ${e}`);
@@ -64052,6 +64092,86 @@ function register_c_yui_period() {
 	return create_gclass(GCLASS_NAME);
 }
 //#endregion
+//#region src/dev_machine_trace.js
+/***********************************************************************
+*          dev_machine_trace.js
+*
+*          Reading a MACHINE trace line back.
+*
+*          The developer window mirrors the runtime's log, and the
+*          `machine` trace is most of what lands there once it is on.
+*          Those lines arrive as text, so to the window they were just
+*          "a debug log" -- which is why its `Periodic` filter could
+*          not touch them: the filter works on a signature, and every
+*          mirrored log carried the same one (`log:debug`).
+*
+*          This gives a machine line back its EVENT, which is the only
+*          thing that says whether it is noise. Both formats gobj-js
+*          emits (`gobj_set_trace_machine_format`):
+*
+*            0  verbose  "🔄 mach(C_TIMER^t), st: ST_IDLE, ev: EV_TIMEOUT, ac: …"
+*                        "<- mach(C_TIMER^t), st: ST_IDLE, ev: EV_TIMEOUT, ret: 0"
+*            1  compact  "🔄 EV_TIMEOUT C_TIMER^t ST_IDLE from C_TIMER^t"
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+var MACHINE_MARK_RE = /\bmach\(/;
+var EVENT_FIELD_RE = /\bev:\s*([A-Za-z0-9_]+)/;
+var EVENT_HEAD_RE = /^\s*\S{0,4}\s*(EV_[A-Za-z0-9_]+)(?=\s|$)/;
+var PERIODIC_EVENT_RE = /PERIODIC|TIMEOUT|HEARTBEAT|PING|POLL/i;
+/************************************************************
+*  The event of a machine trace line, or "" when the line is
+*  not one.
+*
+*  "" is also the answer for a machine line that carries no
+*  event -- a state change ("new st(…), prev st(…)") -- and
+*  that is right: what it reports is not repetitive.
+************************************************************/
+function machine_event_of(text) {
+	if (typeof text !== "string" || text.length === 0) return "";
+	if (MACHINE_MARK_RE.test(text)) {
+		let m = EVENT_FIELD_RE.exec(text);
+		return m ? m[1] : "";
+	}
+	let m = EVENT_HEAD_RE.exec(text);
+	return m ? m[1] : "";
+}
+/************************************************************
+*  Is this event one of the ones that arrive by themselves,
+*  for ever, and say nothing about what the app is doing?
+************************************************************/
+function is_periodic_event(event_name) {
+	if (!event_name) return false;
+	return PERIODIC_EVENT_RE.test(event_name);
+}
+/************************************************************
+*  The signature of a mirrored log line: what the window
+*  counts it under and what its filters match on.
+*
+*  A machine line is signed by its EVENT, so a hundred
+*  EV_TIMEOUTs are one recurring thing rather than a hundred
+*  anonymous debug lines. Everything else is signed by its
+*  level, as before.
+************************************************************/
+function log_signature(level, text) {
+	let event = machine_event_of(text);
+	if (event) return "mach:" + event;
+	return "log:" + (level || "debug");
+}
+/************************************************************
+*  May the periodic filter hide this log line?
+*
+*  Only a machine transition, and only below warning level.
+*  An ERROR that names EV_TIMEOUT -- "Event NOT DEFINED in
+*  state", which is exactly the loud one the framework wants
+*  seen -- must never disappear because of the word in it.
+************************************************************/
+function log_is_periodic(level, text) {
+	if (level === "error" || level === "warning") return false;
+	return is_periodic_event(machine_event_of(text));
+}
+//#endregion
 //#region src/yui_dev.js
 /***********************************************************************
 *          ui_dev.js
@@ -64188,8 +64308,9 @@ function dev_view() {
 	let v = (0, _yuneta_gobj_js.kw_get_local_storage_value)("dev_view_mode", "detailed", false);
 	return v === "compact" || v === "name" || v === "full" ? v : "detailed";
 }
+var HIDE_PERIODIC_DEFAULT = 1;
 function dev_hide_periodic() {
-	return dev_num("dev_hide_periodic", 0) ? true : false;
+	return dev_num("dev_hide_periodic", HIDE_PERIODIC_DEFAULT) ? true : false;
 }
 function dev_route() {
 	let v = (0, _yuneta_gobj_js.kw_get_local_storage_value)("dev_output_route", "both", false);
@@ -64265,7 +64386,10 @@ function build_filter_ctx() {
 	};
 }
 function entry_hidden(e, ctx) {
-	if (e.kind === "log") return !!(ctx.search && e.hay.indexOf(ctx.search) < 0);
+	if (e.kind === "log") {
+		if (ctx.hide_periodic && e.periodic) return true;
+		return !!(ctx.search && e.hay.indexOf(ctx.search) < 0);
+	}
 	if (e.dir === 1 && !ctx.out) return true;
 	if (e.dir === 2 && !ctx.inc) return true;
 	if (e.dir === 3 && !ctx.err) return true;
@@ -64966,7 +65090,8 @@ function info_log(level, msg, hora) {
 			dir: 0,
 			size: 0,
 			ts: traffic_now(),
-			sig: "log:" + lvl,
+			sig: log_signature(lvl, text),
+			periodic: log_is_periodic(lvl, text),
 			hay: (lvl + " " + text).toLowerCase(),
 			$node: null
 		};
@@ -65299,12 +65424,12 @@ function build_control_bar() {
 			class: "YDEV_CHIP",
 			"data-toggle": "periodic",
 			type: "button",
-			title: "Hide recurring / periodic events (polls, heartbeats)"
+			title: "Hide the timers: EV_TIMEOUT / PERIODIC / HEARTBEAT / PING transitions, and recurring traffic. On by default"
 		},
 		"⊘ Periodic",
 		{ click: (ev) => {
 			ev.stopPropagation();
-			toggle_pref("dev_hide_periodic", 0);
+			toggle_pref("dev_hide_periodic", HIDE_PERIODIC_DEFAULT);
 		} }
 	];
 	let search = [

package/dist/gobj-ui.es.js

@@ -10978,6 +10978,26 @@ function make_toolbar$3(gobj) {
 	return $toolbar;
 }
 /************************************************************
+*  The element G6 mounts its canvas in.
+*
+*  Read from THIS gclass's own $container, never with
+*  `document.getElementById()`: a view is not always in the
+*  document when it is started -- a host that builds the
+*  viewer and mounts it into a window afterwards starts it
+*  DETACHED -- and a global lookup answers null there. It cost
+*  a resize that never worked: the ResizeObserver below was
+*  simply never attached, silently, and the canvas kept the
+*  size it was born with for the life of the window.
+*
+*  Null only if the UI was never built; that is a bug, and it
+*  is logged where it matters rather than skipped.
+************************************************************/
+function canvas_mount$1(gobj) {
+	let $container = gobj_read_attr(gobj, "$container");
+	if (!$container) return null;
+	return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+/************************************************************
 *  Build a G6 graph instance
 ************************************************************/
 function build_graph$3(gobj) {
@@ -11021,8 +11041,9 @@ function build_graph$3(gobj) {
 	});
 	graph.on(CanvasEvent.CLICK, (evt) => {});
 	if (typeof ResizeObserver !== "undefined") {
-		let $canvas = document.getElementById(priv.canvas_id);
-		if ($canvas) {
+		let $canvas = canvas_mount$1(gobj);
+		if (!$canvas) log_error(`${gobj_short_name(gobj)}: no canvas mount, the graph will never resize`);
+		else {
 			let ro = new ResizeObserver(() => {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
@@ -11959,10 +11980,9 @@ function ac_node_click$4(gobj, event, kw, src) {
 *
 ************************************************************/
 function ac_show$8(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount$1(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -11981,10 +12001,9 @@ function ac_show$8(gobj, event, kw, src) {
 *  No fitView: preserve the user's current pan/zoom.
 ************************************************************/
 function ac_resize$2(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount$1(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -13838,7 +13857,6 @@ function open_gclass_view(host, gclass_name, opts) {
 		log_error(`${gobj_short_name(host)}: cannot create the gclass viewer`);
 		return null;
 	}
-	gobj_start(jv);
 	let handle = {
 		json_gobj: jv,
 		win: null,
@@ -13862,6 +13880,7 @@ function open_gclass_view(host, gclass_name, opts) {
 			t,
 			on_close
 		});
+		gobj_start(jv);
 		return handle;
 	}
 	let $win_parent = window_layer_of(host, shell);
@@ -13890,6 +13909,7 @@ function open_gclass_view(host, gclass_name, opts) {
 		return null;
 	}
 	gobj_start(handle.win);
+	gobj_start(jv);
 	return handle;
 }
 /************************************************************
@@ -14631,6 +14651,26 @@ function make_toolbar$1(gobj) {
 	return $toolbar;
 }
 /************************************************************
+*  The element G6 mounts its canvas in.
+*
+*  Read from THIS gclass's own $container, never with
+*  `document.getElementById()`: a view is not always in the
+*  document when it is started -- a host that builds the
+*  viewer and mounts it into a window afterwards starts it
+*  DETACHED -- and a global lookup answers null there. It cost
+*  a resize that never worked: the ResizeObserver below was
+*  simply never attached, silently, and the canvas kept the
+*  size it was born with for the life of the window.
+*
+*  Null only if the UI was never built; that is a bug, and it
+*  is logged where it matters rather than skipped.
+************************************************************/
+function canvas_mount(gobj) {
+	let $container = gobj_read_attr(gobj, "$container");
+	if (!$container) return null;
+	return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+/************************************************************
 *  Build a G6 graph instance
 ************************************************************/
 function build_graph$2(gobj) {
@@ -14674,8 +14714,9 @@ function build_graph$2(gobj) {
 		hide_popover(gobj);
 	});
 	if (typeof ResizeObserver !== "undefined") {
-		let $canvas = document.getElementById(priv.canvas_id);
-		if ($canvas) {
+		let $canvas = canvas_mount(gobj);
+		if (!$canvas) log_error(`${gobj_short_name(gobj)}: no canvas mount, the graph will never resize`);
+		else {
 			let ro = new ResizeObserver(() => {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
@@ -15673,12 +15714,11 @@ function ac_node_click$3(gobj, event, kw, src) {
 *
 ************************************************************/
 function ac_show$6(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	save_view_state(gobj);
 	refresh_tree(gobj);
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -15697,10 +15737,9 @@ function ac_show$6(gobj, event, kw, src) {
 *  No fitView: preserve the user's current pan/zoom.
 ************************************************************/
 function ac_resize$1(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -55361,7 +55400,6 @@ function open_json_viewer(gobj) {
 		return;
 	}
 	priv.json_gobj = jv;
-	gobj_start(jv);
 	let $box = gobj_read_pointer_attr(jv, "$container");
 	if (mobile) {
 		if (!shell) {
@@ -55380,6 +55418,7 @@ function open_json_viewer(gobj) {
 				gobj_send_event(gobj, "EV_JSON_CLOSED", {}, gobj);
 			}
 		});
+		gobj_start(jv);
 	} else {
 		let $win_parent = shell && yui_shell_popup_layer(shell) || typeof document !== "undefined" && document.getElementById("top-layer") || null;
 		priv.json_win = gobj_create_service(`treedb-jsonwin-${clean_name(gobj_name(gobj))}`, "C_YUI_WINDOW", {
@@ -55410,6 +55449,7 @@ function open_json_viewer(gobj) {
 			return;
 		}
 		gobj_start(priv.json_win);
+		gobj_start(jv);
 	}
 	request_print_tranger(gobj, "");
 }
@@ -55437,7 +55477,7 @@ function close_json_viewer(gobj) {
 		log_warning(`${gobj_short_name(gobj)}: already gone: ${e}`);
 	}
 	if (jv && is_gobj(jv)) try {
-		gobj_stop(jv);
+		if (gobj_is_running(jv)) gobj_stop(jv);
 		gobj_destroy(jv);
 	} catch (e) {
 		log_warning(`${gobj_short_name(gobj)}: already gone: ${e}`);
@@ -64047,6 +64087,86 @@ function register_c_yui_period() {
 	return create_gclass(GCLASS_NAME);
 }
 //#endregion
+//#region src/dev_machine_trace.js
+/***********************************************************************
+*          dev_machine_trace.js
+*
+*          Reading a MACHINE trace line back.
+*
+*          The developer window mirrors the runtime's log, and the
+*          `machine` trace is most of what lands there once it is on.
+*          Those lines arrive as text, so to the window they were just
+*          "a debug log" -- which is why its `Periodic` filter could
+*          not touch them: the filter works on a signature, and every
+*          mirrored log carried the same one (`log:debug`).
+*
+*          This gives a machine line back its EVENT, which is the only
+*          thing that says whether it is noise. Both formats gobj-js
+*          emits (`gobj_set_trace_machine_format`):
+*
+*            0  verbose  "🔄 mach(C_TIMER^t), st: ST_IDLE, ev: EV_TIMEOUT, ac: …"
+*                        "<- mach(C_TIMER^t), st: ST_IDLE, ev: EV_TIMEOUT, ret: 0"
+*            1  compact  "🔄 EV_TIMEOUT C_TIMER^t ST_IDLE from C_TIMER^t"
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+var MACHINE_MARK_RE = /\bmach\(/;
+var EVENT_FIELD_RE = /\bev:\s*([A-Za-z0-9_]+)/;
+var EVENT_HEAD_RE = /^\s*\S{0,4}\s*(EV_[A-Za-z0-9_]+)(?=\s|$)/;
+var PERIODIC_EVENT_RE = /PERIODIC|TIMEOUT|HEARTBEAT|PING|POLL/i;
+/************************************************************
+*  The event of a machine trace line, or "" when the line is
+*  not one.
+*
+*  "" is also the answer for a machine line that carries no
+*  event -- a state change ("new st(…), prev st(…)") -- and
+*  that is right: what it reports is not repetitive.
+************************************************************/
+function machine_event_of(text) {
+	if (typeof text !== "string" || text.length === 0) return "";
+	if (MACHINE_MARK_RE.test(text)) {
+		let m = EVENT_FIELD_RE.exec(text);
+		return m ? m[1] : "";
+	}
+	let m = EVENT_HEAD_RE.exec(text);
+	return m ? m[1] : "";
+}
+/************************************************************
+*  Is this event one of the ones that arrive by themselves,
+*  for ever, and say nothing about what the app is doing?
+************************************************************/
+function is_periodic_event(event_name) {
+	if (!event_name) return false;
+	return PERIODIC_EVENT_RE.test(event_name);
+}
+/************************************************************
+*  The signature of a mirrored log line: what the window
+*  counts it under and what its filters match on.
+*
+*  A machine line is signed by its EVENT, so a hundred
+*  EV_TIMEOUTs are one recurring thing rather than a hundred
+*  anonymous debug lines. Everything else is signed by its
+*  level, as before.
+************************************************************/
+function log_signature(level, text) {
+	let event = machine_event_of(text);
+	if (event) return "mach:" + event;
+	return "log:" + (level || "debug");
+}
+/************************************************************
+*  May the periodic filter hide this log line?
+*
+*  Only a machine transition, and only below warning level.
+*  An ERROR that names EV_TIMEOUT -- "Event NOT DEFINED in
+*  state", which is exactly the loud one the framework wants
+*  seen -- must never disappear because of the word in it.
+************************************************************/
+function log_is_periodic(level, text) {
+	if (level === "error" || level === "warning") return false;
+	return is_periodic_event(machine_event_of(text));
+}
+//#endregion
 //#region src/yui_dev.js
 /***********************************************************************
 *          ui_dev.js
@@ -64183,8 +64303,9 @@ function dev_view() {
 	let v = kw_get_local_storage_value("dev_view_mode", "detailed", false);
 	return v === "compact" || v === "name" || v === "full" ? v : "detailed";
 }
+var HIDE_PERIODIC_DEFAULT = 1;
 function dev_hide_periodic() {
-	return dev_num("dev_hide_periodic", 0) ? true : false;
+	return dev_num("dev_hide_periodic", HIDE_PERIODIC_DEFAULT) ? true : false;
 }
 function dev_route() {
 	let v = kw_get_local_storage_value("dev_output_route", "both", false);
@@ -64260,7 +64381,10 @@ function build_filter_ctx() {
 	};
 }
 function entry_hidden(e, ctx) {
-	if (e.kind === "log") return !!(ctx.search && e.hay.indexOf(ctx.search) < 0);
+	if (e.kind === "log") {
+		if (ctx.hide_periodic && e.periodic) return true;
+		return !!(ctx.search && e.hay.indexOf(ctx.search) < 0);
+	}
 	if (e.dir === 1 && !ctx.out) return true;
 	if (e.dir === 2 && !ctx.inc) return true;
 	if (e.dir === 3 && !ctx.err) return true;
@@ -64961,7 +65085,8 @@ function info_log(level, msg, hora) {
 			dir: 0,
 			size: 0,
 			ts: traffic_now(),
-			sig: "log:" + lvl,
+			sig: log_signature(lvl, text),
+			periodic: log_is_periodic(lvl, text),
 			hay: (lvl + " " + text).toLowerCase(),
 			$node: null
 		};
@@ -65294,12 +65419,12 @@ function build_control_bar() {
 			class: "YDEV_CHIP",
 			"data-toggle": "periodic",
 			type: "button",
-			title: "Hide recurring / periodic events (polls, heartbeats)"
+			title: "Hide the timers: EV_TIMEOUT / PERIODIC / HEARTBEAT / PING transitions, and recurring traffic. On by default"
 		},
 		"⊘ Periodic",
 		{ click: (ev) => {
 			ev.stopPropagation();
-			toggle_pref("dev_hide_periodic", 0);
+			toggle_pref("dev_hide_periodic", HIDE_PERIODIC_DEFAULT);
 		} }
 	];
 	let search = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.23.30",
+  "version": "7.23.32",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/c_yui_gobj_tree_js.js

@@ -903,6 +903,30 @@ function make_toolbar(gobj)
     return $toolbar;
 }
 
+/************************************************************
+ *  The element G6 mounts its canvas in.
+ *
+ *  Read from THIS gclass's own $container, never with
+ *  `document.getElementById()`: a view is not always in the
+ *  document when it is started -- a host that builds the
+ *  viewer and mounts it into a window afterwards starts it
+ *  DETACHED -- and a global lookup answers null there. It cost
+ *  a resize that never worked: the ResizeObserver below was
+ *  simply never attached, silently, and the canvas kept the
+ *  size it was born with for the life of the window.
+ *
+ *  Null only if the UI was never built; that is a bug, and it
+ *  is logged where it matters rather than skipped.
+ ************************************************************/
+function canvas_mount(gobj)
+{
+    let $container = gobj_read_attr(gobj, "$container");
+    if(!$container) {
+        return null;
+    }
+    return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+
 /************************************************************
  *  Build a G6 graph instance
  ************************************************************/
@@ -991,8 +1015,10 @@ function build_graph(gobj)
      *  the observed box so there is no feedback loop.
      */
     if(typeof ResizeObserver !== "undefined") {
-        let $canvas = document.getElementById(priv.canvas_id);
-        if($canvas) {
+        let $canvas = canvas_mount(gobj);
+        if(!$canvas) {
+            log_error(`${gobj_short_name(gobj)}: no canvas mount, the graph will never resize`);
+        } else {
             let ro = new ResizeObserver(() => {
                 if(priv._resize_raf) {
                     cancelAnimationFrame(priv._resize_raf);
@@ -2501,7 +2527,7 @@ function ac_show(gobj, event, kw, src)
     refresh_tree(gobj);
 
     if(graph) {
-        let $canvas = document.getElementById(priv.canvas_id);
+        let $canvas = canvas_mount(gobj);
         if($canvas) {
             /*
              *  Content box (clientWidth/Height), not getBoundingClientRect:
@@ -2534,7 +2560,7 @@ function ac_resize(gobj, event, kw, src)
     let graph = priv.graph;
 
     if(graph) {
-        let $canvas = document.getElementById(priv.canvas_id);
+        let $canvas = canvas_mount(gobj);
         if($canvas) {
             let cw = $canvas.clientWidth;
             let ch = $canvas.clientHeight;

package/src/c_yui_json_graph.js

@@ -674,6 +674,30 @@ function make_toolbar(gobj)
     return $toolbar;
 }
 
+/************************************************************
+ *  The element G6 mounts its canvas in.
+ *
+ *  Read from THIS gclass's own $container, never with
+ *  `document.getElementById()`: a view is not always in the
+ *  document when it is started -- a host that builds the
+ *  viewer and mounts it into a window afterwards starts it
+ *  DETACHED -- and a global lookup answers null there. It cost
+ *  a resize that never worked: the ResizeObserver below was
+ *  simply never attached, silently, and the canvas kept the
+ *  size it was born with for the life of the window.
+ *
+ *  Null only if the UI was never built; that is a bug, and it
+ *  is logged where it matters rather than skipped.
+ ************************************************************/
+function canvas_mount(gobj)
+{
+    let $container = gobj_read_attr(gobj, "$container");
+    if(!$container) {
+        return null;
+    }
+    return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+
 /************************************************************
  *  Build a G6 graph instance
  ************************************************************/
@@ -778,8 +802,10 @@ function build_graph(gobj)
      *  the observed box so there is no feedback loop.
      */
     if(typeof ResizeObserver !== "undefined") {
-        let $canvas = document.getElementById(priv.canvas_id);
-        if($canvas) {
+        let $canvas = canvas_mount(gobj);
+        if(!$canvas) {
+            log_error(`${gobj_short_name(gobj)}: no canvas mount, the graph will never resize`);
+        } else {
             let ro = new ResizeObserver(() => {
                 if(priv._resize_raf) {
                     cancelAnimationFrame(priv._resize_raf);
@@ -2333,7 +2359,7 @@ function ac_show(gobj, event, kw, src)
     let graph = priv.graph;
 
     if(graph) {
-        let $canvas = document.getElementById(priv.canvas_id);
+        let $canvas = canvas_mount(gobj);
         if($canvas) {
             /*
              *  Content box (clientWidth/Height), not getBoundingClientRect:
@@ -2366,7 +2392,7 @@ function ac_resize(gobj, event, kw, src)
     let graph = priv.graph;
 
     if(graph) {
-        let $canvas = document.getElementById(priv.canvas_id);
+        let $canvas = canvas_mount(gobj);
         if($canvas) {
             let cw = $canvas.clientWidth;
             let ch = $canvas.clientHeight;

package/src/c_yui_treedb_graph.js

@@ -771,7 +771,14 @@ function open_json_viewer(gobj)
         return;
     }
     priv.json_gobj = jv;
-    gobj_start(jv);
+
+    /*  CREATED, not started. `mt_create` builds the DOM; `mt_start`
+     *  RENDERS it -- and the viewer's graph view measures a canvas and
+     *  puts a ResizeObserver on it, both of which need the element to be
+     *  in the document, which the presenter below is what does. Started
+     *  here it worked only while the reader had last used the tree view;
+     *  with the graph view remembered it built detached, attached no
+     *  observer, and the canvas never followed the window again.  */
     let $box = gobj_read_pointer_attr(jv, "$container");
 
     if(mobile) {
@@ -793,6 +800,7 @@ function open_json_viewer(gobj)
                 gobj_send_event(gobj, "EV_JSON_CLOSED", {}, gobj);
             }
         });
+        gobj_start(jv);     /*  mounted: now it can measure itself  */
     } else {
         let $win_parent = (shell && yui_shell_popup_layer(shell)) ||
             (typeof document !== "undefined" && document.getElementById("top-layer")) ||
@@ -833,6 +841,7 @@ function open_json_viewer(gobj)
             return;
         }
         gobj_start(priv.json_win);
+        gobj_start(jv);     /*  mounted: now it can measure itself  */
     }
 
     request_print_tranger(gobj, "");    /*  first fetch: whole tranger, collapsed  */
@@ -877,11 +886,16 @@ function close_json_viewer(gobj)
     }
     if(jv && is_gobj(jv)) {
         try {
-            /*  STOP, then destroy — the viewer was STARTED in open_json_viewer.
-             *  gobj_destroy() raises the `destroying` flag before it can stop a
-             *  running gobj, so destroying it straight logs "Destroying a
-             *  RUNNING gobj" + "gobj NULL or DESTROYED" and skips its mt_stop. */
-            gobj_stop(jv);
+            /*  STOP, then destroy: gobj_destroy() raises the `destroying`
+             *  flag before it can stop a running gobj, so destroying it
+             *  straight logs "Destroying a RUNNING gobj" + "gobj NULL or
+             *  DESTROYED" and skips its mt_stop. GUARDED, because the
+             *  viewer is now started AFTER its presenter is up: the two
+             *  failure paths that get here arrive with it created and
+             *  never started. */
+            if(gobj_is_running(jv)) {
+                gobj_stop(jv);
+            }
             gobj_destroy(jv);
         } catch(e) {
             log_warning(`${gobj_short_name(gobj)}: already gone: ${e}`);

package/src/dev_machine_trace.js

@@ -0,0 +1,116 @@
+/***********************************************************************
+ *          dev_machine_trace.js
+ *
+ *          Reading a MACHINE trace line back.
+ *
+ *          The developer window mirrors the runtime's log, and the
+ *          `machine` trace is most of what lands there once it is on.
+ *          Those lines arrive as text, so to the window they were just
+ *          "a debug log" -- which is why its `Periodic` filter could
+ *          not touch them: the filter works on a signature, and every
+ *          mirrored log carried the same one (`log:debug`).
+ *
+ *          This gives a machine line back its EVENT, which is the only
+ *          thing that says whether it is noise. Both formats gobj-js
+ *          emits (`gobj_set_trace_machine_format`):
+ *
+ *            0  verbose  "🔄 mach(C_TIMER^t), st: ST_IDLE, ev: EV_TIMEOUT, ac: …"
+ *                        "<- mach(C_TIMER^t), st: ST_IDLE, ev: EV_TIMEOUT, ret: 0"
+ *            1  compact  "🔄 EV_TIMEOUT C_TIMER^t ST_IDLE from C_TIMER^t"
+ *
+ *          Copyright (c) 2026, ArtGins.
+ *          All Rights Reserved.
+ ***********************************************************************/
+
+
+/*  The verbose format names itself; the compact one does not.  */
+const MACHINE_MARK_RE = /\bmach\(/;
+
+/*  Verbose: the event is the `ev:` field.  */
+const EVENT_FIELD_RE = /\bev:\s*([A-Za-z0-9_]+)/;
+
+/*  Compact: the event is the first token, behind the emoji. Anchored,
+ *  so a line that merely MENTIONS an event ("subscribed to EV_X") is
+ *  not mistaken for a transition.  */
+const EVENT_HEAD_RE = /^\s*\S{0,4}\s*(EV_[A-Za-z0-9_]+)(?=\s|$)/;
+
+/*  What "recurring" means by name. The count-based half of the filter
+ *  lives in the window, which is the only thing that can count.  */
+const PERIODIC_EVENT_RE = /PERIODIC|TIMEOUT|HEARTBEAT|PING|POLL/i;
+
+
+/************************************************************
+ *  The event of a machine trace line, or "" when the line is
+ *  not one.
+ *
+ *  "" is also the answer for a machine line that carries no
+ *  event -- a state change ("new st(…), prev st(…)") -- and
+ *  that is right: what it reports is not repetitive.
+ ************************************************************/
+function machine_event_of(text)
+{
+    if(typeof text !== "string" || text.length === 0) {
+        return "";
+    }
+
+    if(MACHINE_MARK_RE.test(text)) {
+        let m = EVENT_FIELD_RE.exec(text);
+        return m? m[1]: "";
+    }
+
+    let m = EVENT_HEAD_RE.exec(text);
+    return m? m[1]: "";
+}
+
+/************************************************************
+ *  Is this event one of the ones that arrive by themselves,
+ *  for ever, and say nothing about what the app is doing?
+ ************************************************************/
+function is_periodic_event(event_name)
+{
+    if(!event_name) {
+        return false;
+    }
+    return PERIODIC_EVENT_RE.test(event_name);
+}
+
+/************************************************************
+ *  The signature of a mirrored log line: what the window
+ *  counts it under and what its filters match on.
+ *
+ *  A machine line is signed by its EVENT, so a hundred
+ *  EV_TIMEOUTs are one recurring thing rather than a hundred
+ *  anonymous debug lines. Everything else is signed by its
+ *  level, as before.
+ ************************************************************/
+function log_signature(level, text)
+{
+    let event = machine_event_of(text);
+    if(event) {
+        return "mach:" + event;
+    }
+    return "log:" + (level || "debug");
+}
+
+/************************************************************
+ *  May the periodic filter hide this log line?
+ *
+ *  Only a machine transition, and only below warning level.
+ *  An ERROR that names EV_TIMEOUT -- "Event NOT DEFINED in
+ *  state", which is exactly the loud one the framework wants
+ *  seen -- must never disappear because of the word in it.
+ ************************************************************/
+function log_is_periodic(level, text)
+{
+    if(level === "error" || level === "warning") {
+        return false;
+    }
+    return is_periodic_event(machine_event_of(text));
+}
+
+export {
+    machine_event_of,
+    is_periodic_event,
+    log_signature,
+    log_is_periodic,
+};

package/src/dev_machine_trace.test.js

@@ -0,0 +1,98 @@
+import {describe, it, expect} from "vitest";
+import {
+    machine_event_of,
+    is_periodic_event,
+    log_signature,
+    log_is_periodic,
+} from "./dev_machine_trace.js";
+
+/*  Real lines, copied from the developer window.  */
+const VERBOSE_IN =
+    "🔄 mach(C_TIMER^demo_yuno), st: ST_IDLE, ev: EV_TIMEOUT, ac: fi(), from(C_TIMER^demo_yuno)";
+const VERBOSE_RET =
+    "<- mach(C_YUNO^demo_yuno), st: ST_IDLE, ev: EV_TIMEOUT_PERIODIC, ret: 0";
+const VERBOSE_WORK =
+    "🔄 mach(C_YUI_SHELL^shell), st: ST_IDLE, ev: EV_ROUTE_CHANGED, ac: ac_route(), from(C_YUI_NAV^nav)";
+const COMPACT =
+    "🔄 EV_TIMEOUT C_TIMER^demo_yuno ST_IDLE from C_TIMER^demo_yuno";
+const STATE_CHANGE =
+    "🔀🔀 mach(C_TCP^conn), new st(ST_CONNECTED), prev st(ST_WAIT_CONNECTED)";
+const NOT_DEFINED =
+    "📛 mach(C_X^x), st: ST_IDLE, ev: EV_TIMEOUT, 📛📛ERROR Event NOT DEFINED in state📛📛, from(C_TIMER^t)";
+
+describe("machine_event_of", () => {
+    it("reads the event out of the verbose format, both lines of it", () => {
+        expect(machine_event_of(VERBOSE_IN)).toBe("EV_TIMEOUT");
+        expect(machine_event_of(VERBOSE_RET)).toBe("EV_TIMEOUT_PERIODIC");
+        expect(machine_event_of(VERBOSE_WORK)).toBe("EV_ROUTE_CHANGED");
+    });
+
+    it("reads it out of the compact format, where it leads the line", () => {
+        expect(machine_event_of(COMPACT)).toBe("EV_TIMEOUT");
+    });
+
+    it("a state change carries no event, and says so", () => {
+        expect(machine_event_of(STATE_CHANGE)).toBe("");
+    });
+
+    it("a line that merely MENTIONS an event is not a transition", () => {
+        expect(machine_event_of("subscribed to EV_TIMEOUT of C_TIMER^t")).toBe("");
+        expect(machine_event_of("cannot send EV_ON_OPEN")).toBe("");
+    });
+
+    it("is safe on anything that is not a line", () => {
+        expect(machine_event_of("")).toBe("");
+        expect(machine_event_of(null)).toBe("");
+        expect(machine_event_of(undefined)).toBe("");
+        expect(machine_event_of(42)).toBe("");
+    });
+});
+
+describe("is_periodic_event", () => {
+    it("names the events that arrive by themselves for ever", () => {
+        expect(is_periodic_event("EV_TIMEOUT")).toBe(true);
+        expect(is_periodic_event("EV_TIMEOUT_PERIODIC")).toBe(true);
+        expect(is_periodic_event("EV_HEARTBEAT")).toBe(true);
+        expect(is_periodic_event("EV_PING")).toBe(true);
+    });
+
+    it("leaves the ones a user caused alone", () => {
+        expect(is_periodic_event("EV_ROUTE_CHANGED")).toBe(false);
+        expect(is_periodic_event("EV_ON_MESSAGE")).toBe(false);
+        expect(is_periodic_event("")).toBe(false);
+        expect(is_periodic_event(null)).toBe(false);
+    });
+});
+
+describe("log_signature", () => {
+    it("signs a machine line by its EVENT, so a hundred of them are one thing", () => {
+        expect(log_signature("debug", VERBOSE_IN)).toBe("mach:EV_TIMEOUT");
+        expect(log_signature("debug", VERBOSE_RET)).toBe("mach:EV_TIMEOUT_PERIODIC");
+        expect(log_signature("debug", COMPACT)).toBe("mach:EV_TIMEOUT");
+    });
+
+    it("signs everything else by its level, as before", () => {
+        expect(log_signature("error", "connect failed")).toBe("log:error");
+        expect(log_signature("debug", "hello")).toBe("log:debug");
+        expect(log_signature("", "hello")).toBe("log:debug");
+    });
+});
+
+describe("log_is_periodic", () => {
+    it("hides the timer traffic the filter is for", () => {
+        expect(log_is_periodic("debug", VERBOSE_IN)).toBe(true);
+        expect(log_is_periodic("debug", VERBOSE_RET)).toBe(true);
+        expect(log_is_periodic("debug", COMPACT)).toBe(true);
+    });
+
+    it("NEVER hides an error or a warning that names a timeout", () => {
+        expect(log_is_periodic("error", NOT_DEFINED)).toBe(false);
+        expect(log_is_periodic("warning", VERBOSE_RET)).toBe(false);
+        expect(log_is_periodic("error", "connection timeout")).toBe(false);
+    });
+
+    it("leaves a transition somebody caused alone", () => {
+        expect(log_is_periodic("debug", VERBOSE_WORK)).toBe(false);
+        expect(log_is_periodic("debug", "just a log line")).toBe(false);
+    });
+});

package/src/yui_dev.js

@@ -21,6 +21,8 @@ import {
     gobj_set_trace_machine_format,
 } from "@yuneta/gobj-js";
 
+import {log_signature, log_is_periodic} from "./dev_machine_trace.js";
+
 import i18next from 'i18next';
 
 /***********************************************************************
@@ -164,9 +166,20 @@ function dev_view()
     return (v === "compact" || v === "name" || v === "full") ? v : "detailed";
 }
 
+/*  ON by default. The machine trace is the reason this window
+ *  exists, and a yuno with one timer emits two lines a second for
+ *  ever: leaving the filter off meant the first thing anybody saw
+ *  after enabling Automata was a wall of EV_TIMEOUT with their own
+ *  transitions somewhere inside it. The chip turns it back off.
+ *
+ *  A CONSTANT, and not the literal in two places: the reader and the
+ *  toggle must agree on what "unset" means, or the first click on the
+ *  chip writes the value it already had and appears to do nothing. */
+const HIDE_PERIODIC_DEFAULT = 1;
+
 function dev_hide_periodic()
 {
-    return dev_num("dev_hide_periodic", 0) ? true : false;
+    return dev_num("dev_hide_periodic", HIDE_PERIODIC_DEFAULT) ? true : false;
 }
 
 /*  Where dev output (traffic + all logs + automata) is routed:
@@ -300,7 +313,21 @@ function entry_hidden(e, ctx)
 {
     if(e.kind === "log") {
         /*  Mirrored console logs respect the search box only — not the
-         *  in/out/err/periodic traffic filters. */
+         *  in/out/err traffic filters, which are about DIRECTION and a
+         *  log has none.
+         *
+         *  The PERIODIC filter does reach them, and it has to: once
+         *  Automata is on, the machine trace is what floods this
+         *  window, and every one of those lines arrives here as a log.
+         *  It applies to a machine TRANSITION only, and never above
+         *  debug level — see log_is_periodic(). By NAME and not by
+         *  count, unlike the traffic half below: a busy FSM crosses
+         *  the recurrence threshold on almost every event within
+         *  seconds, so counting here would empty the window of the
+         *  very transitions somebody turned Automata on to read. */
+        if(ctx.hide_periodic && e.periodic) {
+            return true;
+        }
         return !!(ctx.search && e.hay.indexOf(ctx.search) < 0);
     }
     if(e.dir === 1 && !ctx.out) {
@@ -1031,10 +1058,16 @@ function info_log(level, msg, hora)
         } else {
             text = is_string(msg) ? msg : String(msg);
         }
+        /*  A machine line is signed by its EVENT, not by "log:debug":
+         *  that is what makes a hundred EV_TIMEOUTs ONE recurring
+         *  thing the filter and the counter can see, instead of a
+         *  hundred anonymous debug lines they cannot tell apart. */
         let entry = {
             kind: "log", level: lvl, text: text,
             dir: 0, size: 0, ts: traffic_now(),
-            sig: "log:" + lvl, hay: (lvl + " " + text).toLowerCase(), $node: null,
+            sig: log_signature(lvl, text),
+            periodic: log_is_periodic(lvl, text),
+            hay: (lvl + " " + text).toLowerCase(), $node: null,
         };
         TRAFFIC_LOG.push(entry);
         if(TRAFFIC_LOG.length > TRAFFIC_MAX) {
@@ -1384,11 +1417,12 @@ function build_control_bar()
 
     let periodic_chip = ['button', {
         class: 'YDEV_CHIP', 'data-toggle': 'periodic', type: 'button',
-        title: 'Hide recurring / periodic events (polls, heartbeats)',
+        title: 'Hide the timers: EV_TIMEOUT / PERIODIC / HEARTBEAT / PING ' +
+            'transitions, and recurring traffic. On by default',
     }, '⊘ Periodic', {
         click: (ev) => {
             ev.stopPropagation();
-            toggle_pref('dev_hide_periodic', 0);
+            toggle_pref('dev_hide_periodic', HIDE_PERIODIC_DEFAULT);
         }
     }];
 

package/src/yui_gclass_view.js

@@ -115,8 +115,19 @@ function open_gclass_view(host, gclass_name, opts)
         log_error(`${gobj_short_name(host)}: cannot create the gclass viewer`);
         return null;
     }
-    gobj_start(jv);
 
+    /*  CREATED, not started. `mt_create` builds the DOM; `mt_start`
+     *  RENDERS it -- and the viewer's graph view measures a canvas and
+     *  puts a ResizeObserver on it, both of which need the element to be
+     *  in the document. The window below is what puts it there, so the
+     *  start goes after the window, at the bottom of this function.
+     *
+     *  Starting it here worked for as long as the reader had last used
+     *  the tree view: the graph is built on first entry, which was after
+     *  the window. The moment the viewer REMEMBERED the graph view, it
+     *  built it inside mt_start, detached, found no mount, attached no
+     *  observer -- and the canvas kept its birth size for the life of
+     *  the window while the window resized around it.  */
     let handle = {json_gobj: jv, win: null, modal: null};
     let $box = gobj_read_pointer_attr(jv, "$container");
 
@@ -140,6 +151,7 @@ function open_gclass_view(host, gclass_name, opts)
             t:             t,
             on_close:      on_close,
         });
+        gobj_start(jv);     /*  mounted: now it can measure itself  */
         return handle;
     }
 
@@ -180,6 +192,7 @@ function open_gclass_view(host, gclass_name, opts)
         return null;
     }
     gobj_start(handle.win);
+    gobj_start(jv);         /*  mounted: now it can measure itself  */
 
     return handle;
 }