@yuneta/gobj-ui 7.23.171 → 7.23.172

package/dist/gobj-ui.cjs.js

@@ -32,7 +32,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 //#endregion
 let _yuneta_gobj_js = require("@yuneta/gobj-js");
-_yuneta_gobj_js = __toESM(_yuneta_gobj_js, 1);
 let i18next = require("i18next");
 i18next = __toESM(i18next, 1);
 let tom_select = require("tom-select");
@@ -76157,86 +76156,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
@@ -76254,10 +76173,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;
@@ -76274,39 +76190,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(_yuneta_gobj_js.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(_yuneta_gobj_js.trace_level_t.TRACE_START_STOP),
+		() => toggle_global("start_stop")
 	],
 	[
-		"trace_subscriptions",
 		"subscriptions",
-		trace_subscriptions
+		"subscriptions",
+		"trace subscriptions and publications",
+		() => global_bit(_yuneta_gobj_js.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
 	]
 ];
 /******************************
@@ -76373,45 +76303,24 @@ 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;
 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 = (0, _yuneta_gobj_js.kw_get_local_storage_value)("dev_output_route", "both", false);
 	return v === "window" || v === "console" ? v : "both";
 }
 function apply_console_route() {
 	(0, _yuneta_gobj_js.set_console_log_enabled)(dev_route() !== "window");
-	if (typeof _yuneta_gobj_js.set_console_log_filter === "function") _yuneta_gobj_js.set_console_log_filter((level, msg) => {
-		if (!dev_hide_periodic()) return true;
-		return !log_is_periodic(level, (0, _yuneta_gobj_js.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 = (0, _yuneta_gobj_js.kw_get_local_storage_value)("dev_muted_events", [], false);
-	if (!Array.isArray(a)) a = [];
-	return new Set(a);
-}
-function dev_set_muted(set) {
-	(0, _yuneta_gobj_js.kw_set_local_storage_value)("dev_muted_events", Array.from(set));
-}
 function set_view(v) {
 	(0, _yuneta_gobj_js.kw_set_local_storage_value)("dev_view_mode", v);
 	rerender_all();
@@ -76427,54 +76336,25 @@ function set_output_route(v) {
 function toggle_pref(key, def) {
 	let v = dev_num(key, def) ? 0 : 1;
 	(0, _yuneta_gobj_js.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;
 }
@@ -76498,11 +76378,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);
@@ -76534,7 +76409,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;
@@ -76548,12 +76422,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; }
@@ -76581,10 +76449,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; }
@@ -76628,9 +76493,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;
@@ -76773,23 +76636,6 @@ function traffic_bullets(obj) {
 /******************************
 *      Entry rendering (per view)
 ******************************/
-function mute_button(sig) {
-	return [
-		"button",
-		{
-			class: "TRAFFIC_MUTE",
-			type: "button",
-			title: (0, i18next.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",
@@ -76827,7 +76673,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" },
@@ -76886,7 +76731,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" },
@@ -76924,7 +76768,6 @@ function render_compact(e) {
 		{ class: "TRAFFIC_SUMMARY" },
 		compact_summary(e.kw)
 	]);
-	kids.push(mute_button(e.sig));
 	kids.push([
 		"span",
 		{ class: "TRAFFIC_META" },
@@ -76941,7 +76784,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" },
@@ -76998,7 +76840,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");
@@ -77110,7 +76951,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();
@@ -77121,7 +76961,6 @@ function info_traffic(title, msg, direction, size) {
 		title: title || "",
 		event,
 		command,
-		sig,
 		dir: direction,
 		size,
 		ts: traffic_now(),
@@ -77131,17 +76970,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");
@@ -77187,19 +77020,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())) {
@@ -77217,72 +77043,97 @@ function info_log(level, msg, hora) {
 /******************************
 *      Trace toggles
 ******************************/
-function trace_traffic() {
-	let v = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_traffic"));
-	if (v) {
-		(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_inter_event", false);
-		v = 0;
-	} else {
-		(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_inter_event", true);
-		(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_ievent_callback", info_traffic);
-		v = 1;
-	}
-	(0, _yuneta_gobj_js.kw_set_local_storage_value)("trace_traffic", v);
+function yuno_trace_command(command, kw) {
+	let r = (0, _yuneta_gobj_js.gobj_command)((0, _yuneta_gobj_js.gobj_yuno)(), command, kw, (0, _yuneta_gobj_js.gobj_yuno)());
+	if (!r || r.result < 0) (0, _yuneta_gobj_js.log_error)(`yui_dev: ${command} ${JSON.stringify(kw)}: ${r ? r.comment : "no answer"}`);
 	refresh_dev_chrome();
 }
-function trace_automata() {
-	let v = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_automata"));
-	if (v === 0) v = 1;
-	else if (v === 1) v = 2;
-	else v = 0;
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "tracing", v);
-	(0, _yuneta_gobj_js.kw_set_local_storage_value)("trace_automata", v);
-	refresh_dev_chrome();
+function global_bit(bit) {
+	return (0, _yuneta_gobj_js.gobj_global_trace_level)() & bit ? 1 : 0;
 }
-function trace_creation() {
-	let v = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_creation"));
-	v = v === 0 ? 1 : 0;
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_creation", v);
-	(0, _yuneta_gobj_js.kw_set_local_storage_value)("trace_creation", v);
-	refresh_dev_chrome();
+var GLOBAL_TRACE_BITS = {
+	"machine": _yuneta_gobj_js.trace_level_t.TRACE_MACHINE,
+	"ev_kw": _yuneta_gobj_js.trace_level_t.TRACE_EV_KW,
+	"create_delete": _yuneta_gobj_js.trace_level_t.TRACE_CREATE_DELETE,
+	"start_stop": _yuneta_gobj_js.trace_level_t.TRACE_START_STOP,
+	"subscriptions": _yuneta_gobj_js.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((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_start_stop"));
-	v = v === 0 ? 1 : 0;
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_start_stop", v);
-	(0, _yuneta_gobj_js.kw_set_local_storage_value)("trace_start_stop", v);
-	refresh_dev_chrome();
+function automata_state() {
+	if (!global_bit(_yuneta_gobj_js.trace_level_t.TRACE_MACHINE)) return 0;
+	return global_bit(_yuneta_gobj_js.trace_level_t.TRACE_EV_KW) ? 2 : 1;
 }
-function trace_subscriptions() {
-	let v = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_subscriptions"));
-	v = v === 0 ? 1 : 0;
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_subscriptions", v);
-	(0, _yuneta_gobj_js.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((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_i18n"));
-	v = v === 0 ? 1 : 0;
+function traffic_state() {
+	return (0, _yuneta_gobj_js.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 = (0, _yuneta_gobj_js.gobj_global_trace_level)() & _yuneta_gobj_js.trace_level_t.TRACE_TIMER_PERIODIC;
+	let off = (0, _yuneta_gobj_js.gobj_global_trace_no_level)() & _yuneta_gobj_js.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((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_i18n", 0, false)) ? 1 : 0;
+}
+function toggle_i18n() {
+	let v = i18n_state() ? 0 : 1;
 	i18next.default.options.debug = v ? true : false;
 	(0, _yuneta_gobj_js.kw_set_local_storage_value)("trace_i18n", v);
 	refresh_dev_chrome();
 }
-function set_no_poll() {
-	let v = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("no_poll"));
-	v = v ? 0 : 1;
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "no_poll", v);
-	(0, _yuneta_gobj_js.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 = (0, i18next.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();
@@ -77301,40 +77152,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 = (0, i18next.t)("muted");
-			$lbl.setAttribute("data-i18n", "muted");
-			$m.appendChild($lbl);
-			set.forEach((sig) => {
-				$m.appendChild((0, _yuneta_gobj_js.createElement2)([
-					"button",
-					{
-						class: "YDEV_MUTED_CHIP",
-						type: "button",
-						title: (0, i18next.t)("unmute"),
-						"data-i18n-title": "unmute"
-					},
-					"⊘ " + sig + "  ✕",
-					{ click: (ev) => {
-						ev.stopPropagation();
-						unmute_signature(sig);
-					} }
-				]));
-			});
-		}
-	}
 	update_stats();
 }
 function traffic_to_text() {
@@ -77379,19 +77199,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: (0, i18next.t)(title_key),
+			"data-i18n-title": title_key,
+			"aria-label": (0, i18next.t)(label_key),
+			"data-i18n-aria-label": label_key
 		},
 		(0, i18next.t)(label_key),
 		{ click: (ev) => {
 			ev.stopPropagation();
-			fn();
+			toggle();
 		} }
 	]);
 	let simple_mach = [
@@ -77529,29 +77353,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: (0, i18next.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" },
-			(0, i18next.t)("periodic")
-		]],
-		{ click: (ev) => {
-			ev.stopPropagation();
-			toggle_pref("dev_hide_periodic", HIDE_PERIODIC_DEFAULT);
-		} }
-	];
 	let search = [
 		"input",
 		{
@@ -77632,7 +77433,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(),
@@ -77667,14 +77468,6 @@ function build_dev_body() {
 		{ class: "YDEV_BODY" },
 		[
 			build_control_bar(),
-			[
-				"div",
-				{
-					class: "YDEV_MUTED",
-					id: "ydev-muted"
-				},
-				[]
-			],
 			[
 				"div",
 				{
@@ -77707,28 +77500,16 @@ function dev_window_was_open() {
 	return Number((0, _yuneta_gobj_js.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((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_traffic", 0, false));
-	let trace = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_automata", 0, false));
-	let creation = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_creation", 0, false));
-	let start_stop = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_start_stop", 0, false));
-	let subscriptions = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_subscriptions", 0, false));
-	let i18n = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("trace_i18n", 0, false));
-	let no_poll = Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("no_poll", 0, false));
-	if (traffic) {
-		(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_inter_event", true);
-		(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_ievent_callback", info_traffic);
-	} else (0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_inter_event", false);
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "tracing", trace);
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_creation", creation);
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_start_stop", start_stop);
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_subscriptions", subscriptions);
-	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "no_poll", no_poll);
-	i18next.default.options.debug = i18n ? true : false;
+	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_ievent_callback", info_traffic);
+	i18next.default.options.debug = i18n_state() ? true : false;
 	(0, _yuneta_gobj_js.gobj_set_trace_machine_format)(dev_simple_mach());
 	(0, _yuneta_gobj_js.set_log_callback)(info_log);
 	apply_console_route();
@@ -77779,8 +77560,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();
@@ -77801,9 +77582,7 @@ function build_dev_panel() {
 		refresh_dev_chrome();
 		rerender_all();
 	}, 0);
-	let dispose = function() {
-		(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_inter_event", false);
-	};
+	let dispose = function() {};
 	return {
 		$el,
 		dispose