@yuneta/gobj-ui 7.23.171 → 7.23.172

package/dist/gobj-ui.es.js

@@ -1,5 +1,4 @@
-import * as gobj_js from "@yuneta/gobj-js";
-import { SDATA, SDATA_END, clean_name, createElement2, createOneHtml, create_template_record, data_type_t, debounce, delete_from_list, duplicate_objects, empty_json, empty_string, escapeHtml, event_flag_t, flat_diff, gclass_create, gclass_find_by_name, gclass_flag_t, getPositionRelativeToBody, gobj_bottom_gobj, gobj_change_state, gobj_command, gobj_create, gobj_create_pure_child, gobj_create_service, gobj_current_state, gobj_destroy, gobj_find_child, gobj_find_service, gobj_full_name, gobj_gclass_name, 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_post_event, 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_start_tree, 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, gobj_yuno_name, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_string, json2flat, 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_new_dict, log_error, log_warning, msg_iev_get_stack, parseBoolean, parseSVG, refresh_language, safeSrc, sdata_flag_t, set_console_log_enabled, set_log_callback, sprintf, str_in_list, template_get_field_desc, 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, delete_from_list, duplicate_objects, empty_json, empty_string, escapeHtml, event_flag_t, flat_diff, gclass_create, gclass_find_by_name, gclass_flag_t, getPositionRelativeToBody, gobj_bottom_gobj, gobj_change_state, gobj_command, gobj_create, gobj_create_pure_child, gobj_create_service, gobj_current_state, gobj_destroy, gobj_find_child, gobj_find_service, gobj_full_name, gobj_gclass_name, gobj_get_gclass_trace_level2, gobj_global_trace_level, gobj_global_trace_no_level, 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_post_event, 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_start_tree, 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, gobj_yuno_name, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_string, json2flat, 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_new_dict, log_error, log_warning, msg_iev_get_stack, parseBoolean, parseSVG, refresh_language, safeSrc, sdata_flag_t, set_console_log_enabled, set_log_callback, sprintf, str_in_list, template_get_field_desc, trace_level_t, 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 { createJSONEditor } from "vanilla-jsoneditor";
@@ -76152,86 +76151,6 @@ 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
@@ -76249,10 +76168,7 @@ function log_is_periodic(level, text) {
 *  losing history. Reopening the window repaints the buffer.
 ***********************************************************************/
 var TRAFFIC_MAX = 600;
-var PERIODIC_THRESHOLD = 5;
-var PERIODIC_RE = /PERIODIC|TIMEOUT|HEARTBEAT|PING/i;
 var TRAFFIC_LOG = [];
-var TRAFFIC_COUNTS = /* @__PURE__ */ new Map();
 var SEARCH_TEXT = "";
 var LOG_ERR_COUNT = 0;
 var LOG_WARN_COUNT = 0;
@@ -76269,39 +76185,53 @@ var TRAFFIC_TS_FIELDS = {
 };
 var TRACE_DEFS = [
 	[
-		"trace_automata",
 		"automata",
-		trace_automata
+		"automata",
+		"trace every event of every automaton",
+		automata_state,
+		toggle_automata
 	],
 	[
-		"trace_creation",
 		"creation",
-		trace_creation
+		"creation",
+		"trace the creation and destruction of gobjs",
+		() => global_bit(trace_level_t.TRACE_CREATE_DELETE),
+		() => toggle_global("create_delete")
 	],
 	[
-		"trace_start_stop",
+		"start_stop",
 		"start / stop",
-		trace_start_stop
+		"trace the start and stop of gobjs",
+		() => global_bit(trace_level_t.TRACE_START_STOP),
+		() => toggle_global("start_stop")
 	],
 	[
-		"trace_subscriptions",
 		"subscriptions",
-		trace_subscriptions
+		"subscriptions",
+		"trace subscriptions and publications",
+		() => global_bit(trace_level_t.TRACE_SUBSCRIPTIONS),
+		() => toggle_global("subscriptions")
 	],
 	[
-		"trace_i18n",
 		"i18n",
-		trace_i18n
+		"i18n",
+		"i18next debug output",
+		i18n_state,
+		toggle_i18n
 	],
 	[
-		"trace_traffic",
 		"traffic",
-		trace_traffic
+		"traffic",
+		"trace the messages to and from the backend",
+		traffic_state,
+		toggle_traffic
 	],
 	[
-		"no_poll",
-		"no poll",
-		set_no_poll
+		"periodic",
+		"periodic",
+		"trace the periodic timer event",
+		periodic_state,
+		toggle_periodic
 	]
 ];
 /******************************
@@ -76368,45 +76298,24 @@ 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;
 var SIMPLE_MACH_DEFAULT = 1;
 var SIMPLE_MACH_KEY = "dev_mach_simple";
 function dev_simple_mach() {
 	return dev_num(SIMPLE_MACH_KEY, SIMPLE_MACH_DEFAULT) ? 1 : 0;
 }
-function dev_hide_periodic() {
-	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);
 	return v === "window" || v === "console" ? v : "both";
 }
 function apply_console_route() {
 	set_console_log_enabled(dev_route() !== "window");
-	if (typeof gobj_js.set_console_log_filter === "function") gobj_js.set_console_log_filter((level, msg) => {
-		if (!dev_hide_periodic()) return true;
-		return !log_is_periodic(level, is_string(msg) ? msg : String(msg));
-	});
-	else if (!__console_filter_warned__) {
-		__console_filter_warned__ = true;
-		console.warn("yui_dev: gobj-js has no set_console_log_filter (needs >= 7.13.6): the Periodic filter applies to this window only, not to the console");
-	}
 }
-var __console_filter_warned__ = false;
 function console_traffic(title, jn, direction, size) {
 	let event = jn && jn.event ? String(jn.event) : "(no event)";
 	let kw = jn && jn.kw && typeof jn.kw === "object" ? jn.kw : jn;
 	let color = direction === 2 ? "#16a34a" : direction === 3 ? "#dc2626" : "#2563eb";
 	window.console.log("%c" + dir_arrow(direction) + " " + (title ? "[" + title + "] " : "") + event + (size ? "  (" + size + "b)" : ""), "color:" + color, kw);
 }
-function dev_muted() {
-	let a = kw_get_local_storage_value("dev_muted_events", [], false);
-	if (!Array.isArray(a)) a = [];
-	return new Set(a);
-}
-function dev_set_muted(set) {
-	kw_set_local_storage_value("dev_muted_events", Array.from(set));
-}
 function set_view(v) {
 	kw_set_local_storage_value("dev_view_mode", v);
 	rerender_all();
@@ -76422,54 +76331,25 @@ function set_output_route(v) {
 function toggle_pref(key, def) {
 	let v = dev_num(key, def) ? 0 : 1;
 	kw_set_local_storage_value(key, v);
-	apply_console_route();
-	rerender_all();
-	refresh_dev_chrome();
-}
-function mute_signature(sig) {
-	let set = dev_muted();
-	set.add(sig);
-	dev_set_muted(set);
-	rerender_all();
-	refresh_dev_chrome();
-}
-function unmute_signature(sig) {
-	let set = dev_muted();
-	set.delete(sig);
-	dev_set_muted(set);
 	rerender_all();
 	refresh_dev_chrome();
 }
 /******************************
 *      Filtering
 ******************************/
-function traffic_signature(event, command) {
-	return command ? event + " · " + command : event;
-}
-function traffic_is_periodic(sig) {
-	if (PERIODIC_RE.test(sig)) return true;
-	return (TRAFFIC_COUNTS.get(sig) || 0) >= PERIODIC_THRESHOLD;
-}
 function build_filter_ctx() {
 	return {
 		out: dev_num("dev_filter_out", 1),
 		inc: dev_num("dev_filter_in", 1),
 		err: dev_num("dev_filter_err", 1),
-		muted: dev_muted(),
-		hide_periodic: dev_hide_periodic(),
 		search: SEARCH_TEXT
 	};
 }
 function entry_hidden(e, ctx) {
-	if (e.kind === "log") {
-		if (ctx.hide_periodic && e.periodic) return true;
-		return !!(ctx.search && e.hay.indexOf(ctx.search) < 0);
-	}
+	if (e.kind === "log") 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;
-	if (ctx.muted.has(e.sig)) return true;
-	if (ctx.hide_periodic && traffic_is_periodic(e.sig)) return true;
 	if (ctx.search && e.hay.indexOf(ctx.search) < 0) return true;
 	return false;
 }
@@ -76493,11 +76373,6 @@ function ensure_dev_style() {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 }
 .YDEV_LOG { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 6px 10px; }
-.YDEV_MUTED {
-    display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
-    padding: 4px 10px; border-bottom: 1px solid rgba(0,0,0,0.08); font-size: 12px;
-}
-.YDEV_MUTED:empty { display: none; }
 .YDEV_STATS {
     flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 14px;
     padding: 6px 10px; border-top: 1px solid rgba(0,0,0,0.1);
@@ -76529,7 +76404,6 @@ function ensure_dev_style() {
 .YDEV_CHIP.s-in.is-active  { background: rgba(5,150,105,0.16); border-color: #059669; color: #059669; }
 .YDEV_CHIP.s-err.is-active { background: rgba(220,38,38,0.16); border-color: #dc2626; color: #dc2626; }
 .YDEV_CHIP[data-dir]:not(.is-active) { opacity: 0.4; text-decoration: line-through; }
-.YDEV_CHIP[data-toggle="periodic"].is-active { background: rgba(217,119,6,0.16); border-color: #d97706; color: #b45309; font-weight: 600; }
 .YDEV_SEG { display: inline-flex; border: 1px solid rgba(0,0,0,0.18); border-radius: 7px; overflow: hidden; }
 .YDEV_SEG_BTN {
     font: inherit; font-size: 12px; padding: 4px 10px; border: 0;
@@ -76543,12 +76417,6 @@ function ensure_dev_style() {
     border: 1px solid rgba(0,0,0,0.18); border-radius: 7px;
     background: transparent; color: inherit;
 }
-.YDEV_MUTED_CHIP {
-    font: inherit; font-family: "DejaVu Sans Mono", monospace; font-size: 12px;
-    display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px;
-    border: 1px solid rgba(217,119,6,0.5); border-radius: 999px;
-    background: rgba(217,119,6,0.12); color: #b45309; cursor: pointer;
-}
 .YDEV_STAT.s-out { color: #2563eb; } .YDEV_STAT.s-in { color: #059669; } .YDEV_STAT.s-err { color: #dc2626; }
 .YDEV_STAT.s-warn { color: #d97706; }
 .YDEV_STAT.is-strong { font-weight: 700; }
@@ -76576,10 +76444,7 @@ function ensure_dev_style() {
 .dir-err .TRAFFIC_ARROW, .dir-err .TRAFFIC_EVENT { color: #dc2626; }
 .TRAFFIC_SUMMARY { opacity: 0.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; min-width: 0; }
 .TRAFFIC_META { margin-left: auto; opacity: 0.6; font-size: 11px; white-space: nowrap; }
-.TRAFFIC_MUTE { border: 0; background: transparent; color: inherit; cursor: pointer; opacity: 0; font-size: 12px; padding: 0 2px; flex: 0 0 auto; }
-.TRAFFIC_ENTRY:hover .TRAFFIC_MUTE, .TRAFFIC_LINE:hover .TRAFFIC_MUTE, .TRAFFIC_NAME:hover .TRAFFIC_MUTE { opacity: 0.5; }
-.TRAFFIC_MUTE:hover { opacity: 1 !important; color: #d97706; }
-.TRAFFIC_KW { margin: 2px 0 0 16px; }
+.TRAFFIC_ENTRY:hover .TRAFFIC_KW { margin: 2px 0 0 16px; }
 .TRAFFIC_FULL { margin: 4px 0 0 16px; padding: 6px 8px; font-family: monospace; font-size: 11px; line-height: 1.4; white-space: pre-wrap; word-break: break-word; background: rgba(0,0,0,0.04); border-radius: 4px; overflow-x: auto; }
 .TRAFFIC_ROW { display: flex; gap: 6px; align-items: baseline; }
 .TRAFFIC_BULLET { opacity: 0.45; flex: 0 0 auto; }
@@ -76623,9 +76488,7 @@ details.TRAFFIC_NEST > summary::-webkit-details-marker { display: none; }
 :root[data-theme="dark"] .TRAFFIC_VAL.t-bool, :root[data-theme="dark"] .TRAFFIC_VAL.t-null { color: #c084fc; }
 :root[data-theme="dark"] .YDEV_CHIP.is-active { background: rgba(96,165,250,0.2); border-color: #60a5fa; color: #93c5fd; }
 :root[data-theme="dark"] .YDEV_SEG_BTN.is-active { background: #2563eb; color: #fff; }
-:root[data-theme="dark"] .YDEV_CHIP[data-toggle="periodic"].is-active { background: rgba(217,119,6,0.24); border-color: #f59e0b; color: #fbbf24; }
-:root[data-theme="dark"] .YDEV_MUTED_CHIP { border-color: rgba(245,158,11,0.5); background: rgba(245,158,11,0.16); color: #fbbf24; }
-`;
+:root[data-theme="dark"] `;
 	let $style = document.createElement("style");
 	$style.id = "yui-dev-style";
 	$style.textContent = css;
@@ -76768,23 +76631,6 @@ function traffic_bullets(obj) {
 /******************************
 *      Entry rendering (per view)
 ******************************/
-function mute_button(sig) {
-	return [
-		"button",
-		{
-			class: "TRAFFIC_MUTE",
-			type: "button",
-			title: t("mute this message"),
-			"data-i18n-title": "mute this message"
-		},
-		"⊘",
-		{ click: (ev) => {
-			ev.stopPropagation();
-			ev.preventDefault();
-			mute_signature(sig);
-		} }
-	];
-}
 function event_spans(e) {
 	let spans = [[
 		"span",
@@ -76822,7 +76668,6 @@ function compact_summary(kw) {
 }
 function render_detailed(e) {
 	let head = event_spans(e);
-	head.push(mute_button(e.sig));
 	head.push([
 		"span",
 		{ class: "TRAFFIC_META" },
@@ -76881,7 +76726,6 @@ function full_sections(payload) {
 }
 function render_full(e) {
 	let head = event_spans(e);
-	head.push(mute_button(e.sig));
 	head.push([
 		"span",
 		{ class: "TRAFFIC_META" },
@@ -76919,7 +76763,6 @@ function render_compact(e) {
 		{ class: "TRAFFIC_SUMMARY" },
 		compact_summary(e.kw)
 	]);
-	kids.push(mute_button(e.sig));
 	kids.push([
 		"span",
 		{ class: "TRAFFIC_META" },
@@ -76936,7 +76779,6 @@ function render_compact(e) {
 }
 function render_name(e) {
 	let kids = event_spans(e);
-	kids.push(mute_button(e.sig));
 	kids.push([
 		"span",
 		{ class: "TRAFFIC_META" },
@@ -76993,7 +76835,6 @@ function render_entry(e) {
 ******************************/
 function clear_traffic() {
 	TRAFFIC_LOG.length = 0;
-	TRAFFIC_COUNTS.clear();
 	LOG_ERR_COUNT = 0;
 	LOG_WARN_COUNT = 0;
 	let logger = document.getElementById("developer-traffic-logger");
@@ -77105,7 +76946,6 @@ function info_traffic(title, msg, direction, size) {
 	let event = jn && jn.event ? String(jn.event) : "(no event)";
 	let kw = jn && jn.kw && typeof jn.kw === "object" ? jn.kw : null;
 	let command = kw && typeof kw.command === "string" ? kw.command : "";
-	let sig = traffic_signature(event, command);
 	let hay = "";
 	try {
 		hay = (event + " " + command + " " + (kw ? JSON.stringify(kw) : "")).toLowerCase();
@@ -77116,7 +76956,6 @@ function info_traffic(title, msg, direction, size) {
 		title: title || "",
 		event,
 		command,
-		sig,
 		dir: direction,
 		size,
 		ts: traffic_now(),
@@ -77126,17 +76965,11 @@ function info_traffic(title, msg, direction, size) {
 		$node: null
 	};
 	TRAFFIC_LOG.push(entry);
-	TRAFFIC_COUNTS.set(sig, (TRAFFIC_COUNTS.get(sig) || 0) + 1);
-	let crossed = dev_hide_periodic() && TRAFFIC_COUNTS.get(sig) === PERIODIC_THRESHOLD;
 	if (TRAFFIC_LOG.length > TRAFFIC_MAX) {
 		let old = TRAFFIC_LOG.shift();
-		let c = (TRAFFIC_COUNTS.get(old.sig) || 0) - 1;
-		if (c <= 0) TRAFFIC_COUNTS.delete(old.sig);
-		else TRAFFIC_COUNTS.set(old.sig, c);
 		if (old.$node && old.$node.parentNode) old.$node.parentNode.removeChild(old.$node);
 	}
-	if (crossed) rerender_all();
-	else if (!entry_hidden(entry, build_filter_ctx())) {
+	if (!entry_hidden(entry, build_filter_ctx())) {
 		let node = render_entry(entry);
 		entry.$node = node;
 		let ph = logger.querySelector(".YDEV_EMPTY");
@@ -77182,19 +77015,12 @@ function info_log(level, msg, hora) {
 			dir: 0,
 			size: 0,
 			ts: traffic_now(),
-			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) {
 			let old = TRAFFIC_LOG.shift();
-			if (old.kind !== "log") {
-				let c = (TRAFFIC_COUNTS.get(old.sig) || 0) - 1;
-				if (c <= 0) TRAFFIC_COUNTS.delete(old.sig);
-				else TRAFFIC_COUNTS.set(old.sig, c);
-			}
 			if (old.$node && old.$node.parentNode) old.$node.parentNode.removeChild(old.$node);
 		}
 		if (!entry_hidden(entry, build_filter_ctx())) {
@@ -77212,72 +77038,97 @@ function info_log(level, msg, hora) {
 /******************************
 *      Trace toggles
 ******************************/
-function trace_traffic() {
-	let v = Number(kw_get_local_storage_value("trace_traffic"));
-	if (v) {
-		gobj_write_attr(gobj_yuno(), "trace_inter_event", false);
-		v = 0;
-	} else {
-		gobj_write_attr(gobj_yuno(), "trace_inter_event", true);
-		gobj_write_attr(gobj_yuno(), "trace_ievent_callback", info_traffic);
-		v = 1;
-	}
-	kw_set_local_storage_value("trace_traffic", v);
+function yuno_trace_command(command, kw) {
+	let r = gobj_command(gobj_yuno(), command, kw, gobj_yuno());
+	if (!r || r.result < 0) log_error(`yui_dev: ${command} ${JSON.stringify(kw)}: ${r ? r.comment : "no answer"}`);
 	refresh_dev_chrome();
 }
-function trace_automata() {
-	let v = Number(kw_get_local_storage_value("trace_automata"));
-	if (v === 0) v = 1;
-	else if (v === 1) v = 2;
-	else v = 0;
-	gobj_write_attr(gobj_yuno(), "tracing", v);
-	kw_set_local_storage_value("trace_automata", v);
-	refresh_dev_chrome();
+function global_bit(bit) {
+	return gobj_global_trace_level() & bit ? 1 : 0;
 }
-function trace_creation() {
-	let v = Number(kw_get_local_storage_value("trace_creation"));
-	v = v === 0 ? 1 : 0;
-	gobj_write_attr(gobj_yuno(), "trace_creation", v);
-	kw_set_local_storage_value("trace_creation", v);
-	refresh_dev_chrome();
+var GLOBAL_TRACE_BITS = {
+	"machine": trace_level_t.TRACE_MACHINE,
+	"ev_kw": trace_level_t.TRACE_EV_KW,
+	"create_delete": trace_level_t.TRACE_CREATE_DELETE,
+	"start_stop": trace_level_t.TRACE_START_STOP,
+	"subscriptions": trace_level_t.TRACE_SUBSCRIPTIONS
+};
+function toggle_global(level) {
+	yuno_trace_command("set-global-trace", {
+		level,
+		set: global_bit(GLOBAL_TRACE_BITS[level]) ? 0 : 1
+	});
 }
-function trace_start_stop() {
-	let v = Number(kw_get_local_storage_value("trace_start_stop"));
-	v = v === 0 ? 1 : 0;
-	gobj_write_attr(gobj_yuno(), "trace_start_stop", v);
-	kw_set_local_storage_value("trace_start_stop", v);
-	refresh_dev_chrome();
+function automata_state() {
+	if (!global_bit(trace_level_t.TRACE_MACHINE)) return 0;
+	return global_bit(trace_level_t.TRACE_EV_KW) ? 2 : 1;
 }
-function trace_subscriptions() {
-	let v = Number(kw_get_local_storage_value("trace_subscriptions"));
-	v = v === 0 ? 1 : 0;
-	gobj_write_attr(gobj_yuno(), "trace_subscriptions", v);
-	kw_set_local_storage_value("trace_subscriptions", v);
-	refresh_dev_chrome();
+function toggle_automata() {
+	let v = automata_state();
+	if (v === 0) yuno_trace_command("set-global-trace", {
+		level: "machine",
+		set: 1
+	});
+	else if (v === 1) yuno_trace_command("set-global-trace", {
+		level: "ev_kw",
+		set: 1
+	});
+	else {
+		yuno_trace_command("set-global-trace", {
+			level: "ev_kw",
+			set: 0
+		});
+		yuno_trace_command("set-global-trace", {
+			level: "machine",
+			set: 0
+		});
+	}
 }
-function trace_i18n() {
-	let v = Number(kw_get_local_storage_value("trace_i18n"));
-	v = v === 0 ? 1 : 0;
+function traffic_state() {
+	return gobj_get_gclass_trace_level2("C_IEVENT_CLI").includes("ievents") ? 1 : 0;
+}
+function toggle_traffic() {
+	yuno_trace_command("set-gclass-trace", {
+		gclass_name: "C_IEVENT_CLI",
+		level: "ievents",
+		set: traffic_state() ? 0 : 1
+	});
+}
+function periodic_state() {
+	let on = gobj_global_trace_level() & trace_level_t.TRACE_TIMER_PERIODIC;
+	let off = gobj_global_trace_no_level() & trace_level_t.TRACE_TIMER_PERIODIC;
+	return on && !off ? 1 : 0;
+}
+function toggle_periodic() {
+	let v = periodic_state() ? 0 : 1;
+	yuno_trace_command("set-global-trace", {
+		level: "timer_periodic",
+		set: v
+	});
+	yuno_trace_command("set-global-no-trace", {
+		level: "timer_periodic",
+		set: v ? 0 : 1
+	});
+}
+function i18n_state() {
+	return Number(kw_get_local_storage_value("trace_i18n", 0, false)) ? 1 : 0;
+}
+function toggle_i18n() {
+	let v = i18n_state() ? 0 : 1;
 	i18next.options.debug = v ? true : false;
 	kw_set_local_storage_value("trace_i18n", v);
 	refresh_dev_chrome();
 }
-function set_no_poll() {
-	let v = Number(kw_get_local_storage_value("no_poll"));
-	v = v ? 0 : 1;
-	gobj_write_attr(gobj_yuno(), "no_poll", v);
-	kw_set_local_storage_value("no_poll", v);
-	refresh_dev_chrome();
-}
 /******************************
 *      Chrome (controls)
 ******************************/
 function refresh_dev_chrome() {
 	document.querySelectorAll(".YDEV_CHIP[data-trace]").forEach(($b) => {
 		let key = $b.getAttribute("data-trace");
+		let def = TRACE_DEFS.find((d) => d[0] === key);
 		let label = t($b.getAttribute("data-label") || "");
-		let v = dev_num(key, 0);
-		$b.textContent = key === "trace_automata" && v > 0 ? label + " " + v : label;
+		let v = def ? def[3]() : 0;
+		$b.textContent = key === "automata" && v > 0 ? label + " " + v : label;
 		$b.classList.toggle("is-active", v > 0);
 	});
 	let view = dev_view();
@@ -77296,40 +77147,9 @@ function refresh_dev_chrome() {
 	document.querySelectorAll(".YDEV_CHIP[data-dir]").forEach(($b) => {
 		$b.classList.toggle("is-active", !!dev_num($b.getAttribute("data-dir"), 1));
 	});
-	document.querySelectorAll(".YDEV_CHIP[data-toggle=\"periodic\"]").forEach(($b) => {
-		$b.classList.toggle("is-active", dev_hide_periodic());
-	});
 	document.querySelectorAll(".YDEV_CHIP[data-toggle=\"automata-simple\"]").forEach(($b) => {
 		$b.classList.toggle("is-active", !!dev_simple_mach());
 	});
-	let $m = document.getElementById("ydev-muted");
-	if ($m) {
-		$m.replaceChildren();
-		let set = dev_muted();
-		if (set.size) {
-			let $lbl = document.createElement("span");
-			$lbl.className = "YDEV_LABEL";
-			$lbl.textContent = t("muted");
-			$lbl.setAttribute("data-i18n", "muted");
-			$m.appendChild($lbl);
-			set.forEach((sig) => {
-				$m.appendChild(createElement2([
-					"button",
-					{
-						class: "YDEV_MUTED_CHIP",
-						type: "button",
-						title: t("unmute"),
-						"data-i18n-title": "unmute"
-					},
-					"⊘ " + sig + "  ✕",
-					{ click: (ev) => {
-						ev.stopPropagation();
-						unmute_signature(sig);
-					} }
-				]));
-			});
-		}
-	}
 	update_stats();
 }
 function traffic_to_text() {
@@ -77374,19 +77194,23 @@ function dev_fallback_copy(text) {
 	document.body.removeChild(ta);
 }
 function build_control_bar() {
-	let trace_chips = TRACE_DEFS.map(([key, label_key, fn]) => [
+	let trace_chips = TRACE_DEFS.map(([key, label_key, title_key, state, toggle]) => [
 		"button",
 		{
 			class: "YDEV_CHIP",
 			"data-trace": key,
 			"data-label": label_key,
 			"data-i18n": label_key,
-			type: "button"
+			type: "button",
+			title: t(title_key),
+			"data-i18n-title": title_key,
+			"aria-label": t(label_key),
+			"data-i18n-aria-label": label_key
 		},
 		t(label_key),
 		{ click: (ev) => {
 			ev.stopPropagation();
-			fn();
+			toggle();
 		} }
 	]);
 	let simple_mach = [
@@ -77524,29 +77348,6 @@ function build_control_bar() {
 		mk_dir("in", "⇠", "dev_filter_in", "incoming"),
 		mk_dir("err", "⚠", "dev_filter_err", "errors")
 	];
-	let periodic_chip = [
-		"button",
-		{
-			class: "YDEV_CHIP",
-			"data-toggle": "periodic",
-			type: "button",
-			title: t("hide the timers and the recurring traffic"),
-			"data-i18n-title": "hide the timers and the recurring traffic"
-		},
-		[[
-			"span",
-			{ class: "YDEV_GLYPH" },
-			"⊘"
-		], [
-			"span",
-			{ "data-i18n": "periodic" },
-			t("periodic")
-		]],
-		{ click: (ev) => {
-			ev.stopPropagation();
-			toggle_pref("dev_hide_periodic", HIDE_PERIODIC_DEFAULT);
-		} }
-	];
 	let search = [
 		"input",
 		{
@@ -77627,7 +77428,7 @@ function build_control_bar() {
 			grp("view", [view_seg]),
 			expand_grp,
 			sep(),
-			grp("show", [...dir_chips, periodic_chip]),
+			grp("show", dir_chips),
 			sep(),
 			grp("find", [search]),
 			sep(),
@@ -77662,14 +77463,6 @@ function build_dev_body() {
 		{ class: "YDEV_BODY" },
 		[
 			build_control_bar(),
-			[
-				"div",
-				{
-					class: "YDEV_MUTED",
-					id: "ydev-muted"
-				},
-				[]
-			],
 			[
 				"div",
 				{
@@ -77702,28 +77495,16 @@ function dev_window_was_open() {
 	return Number(kw_get_local_storage_value("open_developer_window", 0, false)) ? true : false;
 }
 /************************************************************
-*  Apply ALL persisted developer-trace flags to the running
-*  yuno.  Independent of the dev window — call it once at app
-*  startup so a refresh keeps logging whatever was enabled.
+*  Wire the developer window's sinks and the browser-side prefs.
+*  Call it once at app startup.
+*
+*  The TRACE LEVELS are not here: the yuno restores the ones the user
+*  persisted in its own mt_create (`trace_levels` / `no_trace_levels`),
+*  as a C yuno does. What is left is where the output goes.
 ************************************************************/
 function apply_dev_traces() {
-	let traffic = Number(kw_get_local_storage_value("trace_traffic", 0, false));
-	let trace = Number(kw_get_local_storage_value("trace_automata", 0, false));
-	let creation = Number(kw_get_local_storage_value("trace_creation", 0, false));
-	let start_stop = Number(kw_get_local_storage_value("trace_start_stop", 0, false));
-	let subscriptions = Number(kw_get_local_storage_value("trace_subscriptions", 0, false));
-	let i18n = Number(kw_get_local_storage_value("trace_i18n", 0, false));
-	let no_poll = Number(kw_get_local_storage_value("no_poll", 0, false));
-	if (traffic) {
-		gobj_write_attr(gobj_yuno(), "trace_inter_event", true);
-		gobj_write_attr(gobj_yuno(), "trace_ievent_callback", info_traffic);
-	} else gobj_write_attr(gobj_yuno(), "trace_inter_event", false);
-	gobj_write_attr(gobj_yuno(), "tracing", trace);
-	gobj_write_attr(gobj_yuno(), "trace_creation", creation);
-	gobj_write_attr(gobj_yuno(), "trace_start_stop", start_stop);
-	gobj_write_attr(gobj_yuno(), "trace_subscriptions", subscriptions);
-	gobj_write_attr(gobj_yuno(), "no_poll", no_poll);
-	i18next.options.debug = i18n ? true : false;
+	gobj_write_attr(gobj_yuno(), "trace_ievent_callback", info_traffic);
+	i18next.options.debug = i18n_state() ? true : false;
 	gobj_set_trace_machine_format(dev_simple_mach());
 	set_log_callback(info_log);
 	apply_console_route();
@@ -77774,8 +77555,8 @@ function setup_dev(self, show) {
 *
 *  Returns { $el, dispose }:
 *    - $el:     the panel element (control bar + log + stats).
-*    - dispose: stops the inter-event traffic trace; call it from
-*               the modal's on_close.
+*    - dispose: call it from the modal's on_close (kept for the
+*               contract; the traces outlive the panel).
 ************************************************************/
 function build_dev_panel() {
 	ensure_dev_style();
@@ -77796,9 +77577,7 @@ function build_dev_panel() {
 		refresh_dev_chrome();
 		rerender_all();
 	}, 0);
-	let dispose = function() {
-		gobj_write_attr(gobj_yuno(), "trace_inter_event", false);
-	};
+	let dispose = function() {};
 	return {
 		$el,
 		dispose