@yuneta/gobj-ui 7.23.170 → 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";
@@ -23046,13 +23045,455 @@ function nodes_answer(data) {
 	};
 }
 //#endregion
+//#region src/schema_model.js
+/***********************************************************************
+*          schema_model.js
+*
+*      A SCHEMA out of the three meta-topics that store it.
+*
+*      `treedb_system_schema` keeps every schema of a yuno as DATA, in
+*      three flat topics — `treedbs`, `topics`, `cols` — linked by
+*      fkeys. That is the right STORAGE and the wrong thing to put in
+*      front of an operator: adding one column to one topic means
+*      finding it in a table holding every column of every topic of
+*      every treedb the yuno has.
+*
+*      This module turns those three lists back into what they
+*      describe: treedb -> topics -> columns, each in its declared
+*      `order`. Pure, so the editor's model can be tested with no DOM
+*      and no backend — the gclass fetches and draws, this decides
+*      what the records MEAN.
+*
+*      TWO THINGS IT EXISTS TO STATE ONCE:
+*
+*      1. A record is grouped by its FKEY, not by its id. The id is
+*         qualified (`<treedb>.<topic>.<column>`) and reading it back
+*         with a split on '.' works right up to the first treedb or
+*         topic whose name carries one. The fkey is the link the store
+*         itself uses; the id is only the fallback for a record whose
+*         fkey never arrived.
+*
+*      2. A fkey reaches this code in FOUR shapes, because `nodes`
+*         answers differently depending on the options it was called
+*         with: the bare ref string, the expanded object, a list of
+*         either, or a dict keyed by the ref. All four are the same
+*         fact and parse_fkey_ref() flattens them to it.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+var DEFAULT_ORDER = 9999;
+/***************************************************************
+*  parse_fkey_ref(value) -> [{topic_name, id, hook_name}, ...]
+*
+*      Every shape a fkey column can arrive in, flattened to the
+*      refs it names. Anything unrecognizable contributes nothing —
+*      a schema drawn without one link beats a screen that throws.
+***************************************************************/
+function parse_fkey_ref(value) {
+	let refs = [];
+	let push_one = (v) => {
+		if (typeof v === "string") {
+			let parts = v.split("^");
+			if (parts.length !== 3) return;
+			refs.push({
+				topic_name: parts[0],
+				id: parts[1],
+				hook_name: parts[2]
+			});
+			return;
+		}
+		if (v && typeof v === "object") {
+			let id = v.id;
+			if (typeof id !== "string" || id.length === 0) return;
+			refs.push({
+				topic_name: v.topic_name || "",
+				id,
+				hook_name: v.hook_name || ""
+			});
+		}
+	};
+	if (value === null || value === void 0) return refs;
+	if (typeof value === "string") {
+		push_one(value);
+		return refs;
+	}
+	if (Array.isArray(value)) {
+		for (let v of value) push_one(v);
+		return refs;
+	}
+	if (typeof value === "object") for (let [key, v] of Object.entries(value)) if (v && typeof v === "object" && typeof v.id === "string") push_one(v);
+	else push_one(key);
+	return refs;
+}
+/***************************************************************
+*  The id of the FIRST parent a record names, or "" when it
+*  names none. A record has one parent here — a column belongs to
+*  one topic, a topic to one treedb — and a second ref would be a
+*  store this editor cannot draw anyway.
+***************************************************************/
+function parent_id(record, fkey_col) {
+	let refs = parse_fkey_ref(record ? record[fkey_col] : null);
+	return refs.length > 0 ? refs[0].id : "";
+}
+/***************************************************************
+*  The name a record is KNOWN by, which is not what it is keyed
+*  by: `topics` and `cols` key by the qualified id and carry the
+*  bare name in `value` (its pkey2). An older store that still
+*  keyed by rowid has no `value` worth showing, so the id stands
+*  in — the same fallback as node_label().
+***************************************************************/
+function record_name(record) {
+	if (!record) return "";
+	if (typeof record.value === "string" && record.value.length > 0) return record.value;
+	return typeof record.id === "string" ? record.id : "";
+}
+/***************************************************************
+*  The `order` of a record as a NUMBER, whatever the store put
+*  there: an integer column read back from JSON may arrive as a
+*  string, and comparing "10" with 9 sorts the schema wrong.
+***************************************************************/
+function record_order(record) {
+	let order = record ? record.order : void 0;
+	if (typeof order === "number" && isFinite(order)) return order;
+	if (typeof order === "string" && order.trim().length > 0) {
+		let n = Number(order);
+		if (isFinite(n)) return n;
+	}
+	return DEFAULT_ORDER;
+}
+/***************************************************************
+*  Sort in place by `order`, ties broken by name so a schema
+*  whose records all default to 9999 still draws the same way
+*  twice.
+***************************************************************/
+function sort_by_order(list) {
+	list.sort((a, b) => {
+		if (a.order !== b.order) return a.order - b.order;
+		return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
+	});
+	return list;
+}
+/***************************************************************
+*  build_schema_model({treedbs, topics, cols}) -> model
+*
+*      model = {
+*          treedbs: [{
+*              id, name, record,
+*              schema_version, c_schema_version, system_schema_version,
+*              topics: [{
+*                  id, name, order, record,
+*                  pkey, topic_version, system_topic, main_topic,
+*                  cols: [{id, name, order, record}]
+*              }]
+*          }],
+*          orphan_topics: [...],   topics whose treedb is not in the store
+*          orphan_cols:   [...]    columns whose topic is not in the store
+*      }
+*
+*      An orphan is NOT dropped. A column whose topic was deleted is
+*      exactly the kind of leftover an operator opens this editor to
+*      find, and a model that hides it makes the editor lie.
+***************************************************************/
+function build_schema_model(records) {
+	let r = records || {};
+	let treedb_rows = Array.isArray(r.treedbs) ? r.treedbs : [];
+	let topic_rows = Array.isArray(r.topics) ? r.topics : [];
+	let col_rows = Array.isArray(r.cols) ? r.cols : [];
+	let treedbs = [];
+	let by_treedb_id = {};
+	for (let record of treedb_rows) {
+		if (!record || typeof record.id !== "string") continue;
+		let entry = {
+			id: record.id,
+			name: record.id,
+			record,
+			schema_version: record.schema_version,
+			c_schema_version: record.c_schema_version,
+			system_schema_version: record.system_schema_version,
+			topics: []
+		};
+		treedbs.push(entry);
+		by_treedb_id[entry.id] = entry;
+	}
+	let orphan_topics = [];
+	let by_topic_id = {};
+	for (let record of topic_rows) {
+		if (!record || typeof record.id !== "string") continue;
+		let entry = {
+			id: record.id,
+			name: record_name(record),
+			order: record_order(record),
+			record,
+			treedb_id: parent_id(record, "treedbs"),
+			pkey: record.pkey || "",
+			pkey2s: record.pkey2s,
+			system_flag: record.system_flag || "",
+			tkey: record.tkey || "",
+			topic_version: record.topic_version,
+			system_topic: !!record.system_topic,
+			main_topic: !!record.main_topic,
+			cols: []
+		};
+		by_topic_id[entry.id] = entry;
+		let parent = by_treedb_id[entry.treedb_id];
+		if (parent) parent.topics.push(entry);
+		else orphan_topics.push(entry);
+	}
+	let orphan_cols = [];
+	for (let record of col_rows) {
+		if (!record || typeof record.id !== "string") continue;
+		let entry = {
+			id: record.id,
+			name: record_name(record),
+			order: record_order(record),
+			record,
+			topic_id: parent_id(record, "topics")
+		};
+		let parent = by_topic_id[entry.topic_id];
+		if (parent) parent.cols.push(entry);
+		else orphan_cols.push(entry);
+	}
+	for (let treedb of treedbs) {
+		sort_by_order(treedb.topics);
+		for (let topic of treedb.topics) sort_by_order(topic.cols);
+	}
+	for (let topic of orphan_topics) sort_by_order(topic.cols);
+	treedbs.sort((a, b) => {
+		return a.id < b.id ? -1 : a.id > b.id ? 1 : 0;
+	});
+	sort_by_order(orphan_topics);
+	sort_by_order(orphan_cols);
+	return {
+		treedbs,
+		orphan_topics,
+		orphan_cols
+	};
+}
+/***************************************************************
+*  Is there a value here at all?
+*
+*  The store answers a `blob` column that was never set with an
+*  EMPTY COLLECTION, not with nothing: `enum: {}`, `hook: {}`,
+*  `default: {}`. Read as "a value", those turn every export into
+*  a schema full of empty objects — and `'hook': {}` in a literal
+*  is a hook with no mapping, which is a link the treedb builds
+*  and nothing writes.
+***************************************************************/
+function is_empty_value(value) {
+	if (value === null || value === void 0 || value === "") return true;
+	if (Array.isArray(value)) return value.length === 0;
+	if (typeof value === "object") return Object.keys(value).length === 0;
+	return false;
+}
+/***************************************************************
+*  The fields of a column that are DECLARED as one thing and
+*  STORED as another.
+*
+*  `hook`, `enum`, `default`, `pkey2s` and `properties` are `blob`
+*  columns of the `cols` topic (treedb_system_schema.c), so what
+*  comes back may be the value or the JSON text of the value,
+*  depending on how it was written — a projection writes the
+*  value, a hand edit through a plain text field writes the text.
+*  `flag` is an array that a single-flag edit can leave as a bare
+*  string. Reading these without saying so is how a hook drawn
+*  from `{"users":"department"}` becomes no hook at all.
+***************************************************************/
+function as_json(value) {
+	if (typeof value !== "string") return value;
+	let text = value.trim();
+	if (text.length === 0) return null;
+	try {
+		return JSON.parse(text);
+	} catch (e) {
+		return value;
+	}
+}
+function col_flags(record) {
+	let flag = record ? record.flag : null;
+	if (Array.isArray(flag)) return flag.filter((f) => typeof f === "string" && f.length > 0);
+	if (typeof flag === "string" && flag.length > 0) {
+		let parsed = as_json(flag);
+		if (Array.isArray(parsed)) return parsed.filter((f) => typeof f === "string" && f.length > 0);
+		return [flag];
+	}
+	return [];
+}
+function col_hook(record) {
+	let hook = as_json(record ? record.hook : null);
+	if (hook && typeof hook === "object" && !Array.isArray(hook)) return hook;
+	return null;
+}
+function col_enum(record) {
+	let e = as_json(record ? record.enum : null);
+	if (Array.isArray(e)) return e;
+	return [];
+}
+function topic_pkey2s(record) {
+	let pkey2s = as_json(record ? record.pkey2s : null);
+	if (Array.isArray(pkey2s)) return pkey2s.filter((k) => typeof k === "string" && k.length > 0);
+	if (typeof pkey2s === "string" && pkey2s.length > 0) return [pkey2s];
+	return [];
+}
+/***************************************************************
+*  Lookups by id. The editor addresses a position by NAME (the
+*  url carries `<treedb>/<topic>`), so both are offered.
+***************************************************************/
+function find_treedb(model, treedb_id) {
+	if (!model || !Array.isArray(model.treedbs)) return null;
+	for (let treedb of model.treedbs) if (treedb.id === treedb_id) return treedb;
+	return null;
+}
+function find_topic(model, treedb_id, topic_name) {
+	let treedb = find_treedb(model, treedb_id);
+	if (!treedb) return null;
+	for (let topic of treedb.topics) if (topic.name === topic_name || topic.id === topic_name) return topic;
+	return null;
+}
+function find_col(model, treedb_id, topic_name, col_name) {
+	let topic = find_topic(model, treedb_id, topic_name);
+	if (!topic) return null;
+	for (let col of topic.cols) if (col.name === col_name || col.id === col_name) return col;
+	return null;
+}
+/***************************************************************
+*  The fkey a NEW record must carry to belong to `parent_id`.
+*  Written here because the editor is the only writer that has to
+*  compose one, and getting the hook name wrong links the record
+*  to nothing while the write still succeeds.
+***************************************************************/
+function fkey_ref(parent_topic, parent_id_, hook_name) {
+	return `${parent_topic}^${parent_id_}^${hook_name}`;
+}
+/***************************************************************
+*  Where a new sibling goes: after the last one. The store's own
+*  default (9999) would put every hand-made column in the same
+*  place and let their names decide the schema's order.
+***************************************************************/
+function next_order(siblings) {
+	let max = 0;
+	if (Array.isArray(siblings)) for (let s of siblings) {
+		let order = s && typeof s.order === "number" ? s.order : DEFAULT_ORDER;
+		if (order < 9999 && order > max) max = order;
+	}
+	return max + 1;
+}
+/***************************************************************
+*  Renumber a list AFTER a move, as the writes it takes: only the
+*  records whose order actually changed, so a drag of one row in a
+*  40-column topic is not 40 writes.
+*
+*      moved_orders(list) -> [{id, order}, ...]
+***************************************************************/
+function moved_orders(list) {
+	let writes = [];
+	if (!Array.isArray(list)) return writes;
+	for (let i = 0; i < list.length; i++) {
+		let entry = list[i];
+		let order = i + 1;
+		if (!entry || typeof entry.id !== "string") continue;
+		if (entry.order !== order) writes.push({
+			id: entry.id,
+			order
+		});
+	}
+	return writes;
+}
+//#endregion
+//#region src/treedb_topic_keys.js
+/***********************************************************************
+*          treedb_topic_keys.js
+*
+*      The KEYS of a treedb topic, read from its desc: the pkey, the
+*      secondary keys (`pkey2s`) and the time key (`tkey`), plus the
+*      names behind its `system_flag` number.
+*
+*      Every view that describes a topic -- the schema diagram, the
+*      topic-info panel, the topic cards -- must say them, and say them
+*      the same way. A topic with `pkey2s` is not a topic with one more
+*      column: one id holds several INSTANCES, an update has to carry
+*      the pkey2 or it lands on the primary, and `delete-instance`
+*      exists. `tkey` names where the time of every record comes from.
+*      The views said neither, so this is where they ask.
+*
+*      Pure, so it is tested with no DOM.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+var SF_NAMES = [
+	"sf_string_key",
+	"sf_rowid_key",
+	"sf_int_key",
+	"",
+	"sf_zip_record",
+	"sf_cipher_record",
+	"",
+	"",
+	"sf_t_ms",
+	"sf_tm_ms",
+	"sf_deleted_instance",
+	"sf_immutable_record",
+	"sf_loading_from_disk",
+	"",
+	"",
+	""
+];
+/************************************************************
+*  The secondary keys of a topic, always a list. The desc
+*  carries a list; a schema literal may declare a bare
+*  string.
+************************************************************/
+function desc_pkey2s(desc) {
+	return topic_pkey2s(desc);
+}
+/************************************************************
+*  The time key of a topic, "" when it has none -- and then
+*  the time of a record is the time it was appended.
+************************************************************/
+function desc_tkey(desc) {
+	let tkey = desc ? desc.tkey : "";
+	return typeof tkey === "string" ? tkey : "";
+}
+/************************************************************
+*  Which keys of its topic a column IS, in the order the
+*  views print them: "pkey", "pkey2", "tkey". Empty for a
+*  column that is none.
+************************************************************/
+function col_key_roles(desc, col_id) {
+	let roles = [];
+	if (!desc || typeof col_id !== "string" || col_id.length === 0) return roles;
+	if (col_id === (desc.pkey || "id")) roles.push("pkey");
+	if (desc_pkey2s(desc).includes(col_id)) roles.push("pkey2");
+	if (desc_tkey(desc) === col_id) roles.push("tkey");
+	return roles;
+}
+/************************************************************
+*  The names of a system_flag. The desc carries the NUMBER
+*  (`1`), a schema literal carries the names
+*  ("sf_string_key|sf_t_ms"); both come back as a list. A
+*  set bit with no name is shown by its value, never
+*  dropped.
+************************************************************/
+function system_flag_names(system_flag) {
+	if (Array.isArray(system_flag)) return system_flag.filter((n) => typeof n === "string" && n.length > 0);
+	if (typeof system_flag === "string") return system_flag.split(/[|,]/).map((n) => n.trim()).filter((n) => n.length > 0);
+	if (typeof system_flag !== "number" || !Number.isInteger(system_flag) || system_flag <= 0) return [];
+	let names = [];
+	for (let bit = 0; bit < SF_NAMES.length; bit++) {
+		let mask = 1 << bit;
+		if (system_flag & mask) names.push(SF_NAMES[bit] || `0x${mask.toString(16).padStart(4, "0")}`);
+	}
+	return names;
+}
+//#endregion
 //#region src/c_yui_treedb_topics.js
 /***********************************************************************
 *          c_yui_treedb_topics.js
 *
 *          Management of TreeDB's topics with Bulma tabs
 *
-*          Copyright (c) 2025, ArtGins.
+*          Copyright (c) 2025-2026, ArtGins.
 *          All Rights Reserved.
 ***********************************************************************/
 /***************************************************************
@@ -23566,6 +24007,29 @@ function topic_card_meta(desc) {
 		{ class: "TREEDB_TOPIC_CARD_META" },
 		head
 	]);
+	let pkey2s = desc_pkey2s(desc);
+	if (pkey2s.length) {
+		let list = pkey2s.join(", ");
+		meta.push([
+			"div",
+			{
+				class: "TREEDB_TOPIC_CARD_REL TREEDB_TOPIC_CARD_PKEY2S",
+				title: list
+			},
+			[[
+				"span",
+				{
+					class: "TREEDB_TOPIC_CARD_REL_LABEL",
+					i18n: "pkey2s"
+				},
+				"pkey2s"
+			], [
+				"span",
+				{ class: "TREEDB_TOPIC_CARD_REL_LIST" },
+				list
+			]]
+		]);
+	}
 	let relation = (cls, key, arrow, names) => {
 		let list = names.join(", ");
 		return [
@@ -23829,33 +24293,26 @@ function show_topic_info(gobj, topic) {
 }
 /************************************************************
 *  Build the read-only topic-info panel from a topic desc: the
-*  topic name, its pkey, and a table of columns (name / type /
+*  topic name, its KEYS, and a table of columns (name / type /
 *  key relationship). Everything is guarded — a malformed desc
 *  renders a shorter panel, never throws.
+*
+*  The keys are what an operator has to know before touching a
+*  record, so they are all said, and the empty ones too: a
+*  topic with `pkey2s` keeps several instances under one id,
+*  and an empty `tkey` means the time of a record is the time
+*  it was appended -- a row missing is not the same as "none".
 ************************************************************/
 function build_topic_info_panel(gobj, $info, topic, desc) {
 	while ($info.firstChild) $info.removeChild($info.firstChild);
 	let pkey = desc.pkey || "";
-	let fmt_flag = (v) => {
-		if (is_array(v)) return v.join(", ");
-		if (is_object(v)) return Object.keys(v).join(", ");
-		return v === void 0 || v === null ? "" : String(v);
-	};
+	let pkey2s = desc_pkey2s(desc);
+	let tkey = desc_tkey(desc);
 	let $meta = [];
-	let push_meta = (key, value, highlight) => {
-		if (value === void 0 || value === null || value === "") return;
-		let $val = highlight ? [
-			"span",
-			{ class: "tag is-info" },
-			`${value}`
-		] : [
-			"code",
-			{},
-			`${value}`
-		];
+	let push_meta = (key, $val) => {
 		$meta.push([
 			"tr",
-			{},
+			{ class: `TREEDB_TOPIC_INFO_${key.toUpperCase()}` },
 			[[
 				"th",
 				{
@@ -23870,29 +24327,64 @@ function build_topic_info_panel(gobj, $info, topic, desc) {
 			]]
 		]);
 	};
-	push_meta("version", desc.topic_version, true);
-	push_meta("system", fmt_flag(desc.system_flag));
-	push_meta("pkey", pkey);
-	push_meta("tkey", desc.tkey);
+	if (desc.topic_version !== void 0 && desc.topic_version !== null && desc.topic_version !== "") push_meta("version", [
+		"span",
+		{ class: "tag is-info" },
+		`${desc.topic_version}`
+	]);
+	let sf_names = system_flag_names(desc.system_flag);
+	if (sf_names.length > 0) push_meta("system", [
+		"code",
+		{ title: `${desc.system_flag}` },
+		sf_names.join(" | ")
+	]);
+	if (pkey) push_meta("pkey", [
+		"code",
+		{},
+		pkey
+	]);
+	if (pkey2s.length > 0) push_meta("pkey2s", [
+		"span",
+		{ class: "tags" },
+		pkey2s.map((name) => [
+			"span",
+			{ class: "tag is-warning" },
+			name
+		])
+	]);
+	push_meta("tkey", tkey ? [
+		"code",
+		{},
+		tkey
+	] : [
+		"span",
+		{
+			class: "has-text-grey",
+			i18n: "append time"
+		},
+		"append time"
+	]);
 	let $rows = [];
 	let cols = is_array(desc.cols) ? desc.cols : [];
 	for (let col of cols) {
 		if (!col || !col.id || col.id.charAt(0) === "_") continue;
 		let type = col.type || (is_array(col.flag) ? col.flag.join(", ") : col.flag || "");
-		let rel = "";
-		if (col.id === pkey) rel = "pkey";
-		else if (is_object(col.fkey)) rel = "→ " + Object.keys(col.fkey).join(", ");
-		else if (is_object(col.hook)) rel = "hook → " + Object.keys(col.hook).join(", ");
+		let roles = col_key_roles(desc, col.id);
+		let parts = roles.slice();
+		if (is_object(col.fkey)) parts.push("→ " + Object.keys(col.fkey).join(", "));
+		else if (is_object(col.hook)) parts.push("hook → " + Object.keys(col.hook).join(", "));
+		let rel = parts.join(" · ");
+		let is_key = roles.length > 0;
 		$rows.push([
 			"tr",
-			{},
+			is_key ? { class: "TREEDB_TOPIC_INFO_KEY_COL" } : {},
 			[
 				[
 					"td",
 					{},
 					[[
 						"code",
-						{},
+						is_key ? { class: "has-text-weight-bold" } : {},
 						`${col.id}`
 					]]
 				],
@@ -23903,7 +24395,7 @@ function build_topic_info_panel(gobj, $info, topic, desc) {
 				],
 				[
 					"td",
-					{},
+					is_key ? { class: "has-text-weight-semibold" } : {},
 					`${rel}`
 				]
 			]
@@ -25638,361 +26130,6 @@ function row_matches(row, term) {
 	});
 }
 //#endregion
-//#region src/schema_model.js
-/***********************************************************************
-*          schema_model.js
-*
-*      A SCHEMA out of the three meta-topics that store it.
-*
-*      `treedb_system_schema` keeps every schema of a yuno as DATA, in
-*      three flat topics — `treedbs`, `topics`, `cols` — linked by
-*      fkeys. That is the right STORAGE and the wrong thing to put in
-*      front of an operator: adding one column to one topic means
-*      finding it in a table holding every column of every topic of
-*      every treedb the yuno has.
-*
-*      This module turns those three lists back into what they
-*      describe: treedb -> topics -> columns, each in its declared
-*      `order`. Pure, so the editor's model can be tested with no DOM
-*      and no backend — the gclass fetches and draws, this decides
-*      what the records MEAN.
-*
-*      TWO THINGS IT EXISTS TO STATE ONCE:
-*
-*      1. A record is grouped by its FKEY, not by its id. The id is
-*         qualified (`<treedb>.<topic>.<column>`) and reading it back
-*         with a split on '.' works right up to the first treedb or
-*         topic whose name carries one. The fkey is the link the store
-*         itself uses; the id is only the fallback for a record whose
-*         fkey never arrived.
-*
-*      2. A fkey reaches this code in FOUR shapes, because `nodes`
-*         answers differently depending on the options it was called
-*         with: the bare ref string, the expanded object, a list of
-*         either, or a dict keyed by the ref. All four are the same
-*         fact and parse_fkey_ref() flattens them to it.
-*
-*          Copyright (c) 2026, ArtGins.
-*          All Rights Reserved.
-***********************************************************************/
-var DEFAULT_ORDER = 9999;
-/***************************************************************
-*  parse_fkey_ref(value) -> [{topic_name, id, hook_name}, ...]
-*
-*      Every shape a fkey column can arrive in, flattened to the
-*      refs it names. Anything unrecognizable contributes nothing —
-*      a schema drawn without one link beats a screen that throws.
-***************************************************************/
-function parse_fkey_ref(value) {
-	let refs = [];
-	let push_one = (v) => {
-		if (typeof v === "string") {
-			let parts = v.split("^");
-			if (parts.length !== 3) return;
-			refs.push({
-				topic_name: parts[0],
-				id: parts[1],
-				hook_name: parts[2]
-			});
-			return;
-		}
-		if (v && typeof v === "object") {
-			let id = v.id;
-			if (typeof id !== "string" || id.length === 0) return;
-			refs.push({
-				topic_name: v.topic_name || "",
-				id,
-				hook_name: v.hook_name || ""
-			});
-		}
-	};
-	if (value === null || value === void 0) return refs;
-	if (typeof value === "string") {
-		push_one(value);
-		return refs;
-	}
-	if (Array.isArray(value)) {
-		for (let v of value) push_one(v);
-		return refs;
-	}
-	if (typeof value === "object") for (let [key, v] of Object.entries(value)) if (v && typeof v === "object" && typeof v.id === "string") push_one(v);
-	else push_one(key);
-	return refs;
-}
-/***************************************************************
-*  The id of the FIRST parent a record names, or "" when it
-*  names none. A record has one parent here — a column belongs to
-*  one topic, a topic to one treedb — and a second ref would be a
-*  store this editor cannot draw anyway.
-***************************************************************/
-function parent_id(record, fkey_col) {
-	let refs = parse_fkey_ref(record ? record[fkey_col] : null);
-	return refs.length > 0 ? refs[0].id : "";
-}
-/***************************************************************
-*  The name a record is KNOWN by, which is not what it is keyed
-*  by: `topics` and `cols` key by the qualified id and carry the
-*  bare name in `value` (its pkey2). An older store that still
-*  keyed by rowid has no `value` worth showing, so the id stands
-*  in — the same fallback as node_label().
-***************************************************************/
-function record_name(record) {
-	if (!record) return "";
-	if (typeof record.value === "string" && record.value.length > 0) return record.value;
-	return typeof record.id === "string" ? record.id : "";
-}
-/***************************************************************
-*  The `order` of a record as a NUMBER, whatever the store put
-*  there: an integer column read back from JSON may arrive as a
-*  string, and comparing "10" with 9 sorts the schema wrong.
-***************************************************************/
-function record_order(record) {
-	let order = record ? record.order : void 0;
-	if (typeof order === "number" && isFinite(order)) return order;
-	if (typeof order === "string" && order.trim().length > 0) {
-		let n = Number(order);
-		if (isFinite(n)) return n;
-	}
-	return DEFAULT_ORDER;
-}
-/***************************************************************
-*  Sort in place by `order`, ties broken by name so a schema
-*  whose records all default to 9999 still draws the same way
-*  twice.
-***************************************************************/
-function sort_by_order(list) {
-	list.sort((a, b) => {
-		if (a.order !== b.order) return a.order - b.order;
-		return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
-	});
-	return list;
-}
-/***************************************************************
-*  build_schema_model({treedbs, topics, cols}) -> model
-*
-*      model = {
-*          treedbs: [{
-*              id, name, record,
-*              schema_version, c_schema_version, system_schema_version,
-*              topics: [{
-*                  id, name, order, record,
-*                  pkey, topic_version, system_topic, main_topic,
-*                  cols: [{id, name, order, record}]
-*              }]
-*          }],
-*          orphan_topics: [...],   topics whose treedb is not in the store
-*          orphan_cols:   [...]    columns whose topic is not in the store
-*      }
-*
-*      An orphan is NOT dropped. A column whose topic was deleted is
-*      exactly the kind of leftover an operator opens this editor to
-*      find, and a model that hides it makes the editor lie.
-***************************************************************/
-function build_schema_model(records) {
-	let r = records || {};
-	let treedb_rows = Array.isArray(r.treedbs) ? r.treedbs : [];
-	let topic_rows = Array.isArray(r.topics) ? r.topics : [];
-	let col_rows = Array.isArray(r.cols) ? r.cols : [];
-	let treedbs = [];
-	let by_treedb_id = {};
-	for (let record of treedb_rows) {
-		if (!record || typeof record.id !== "string") continue;
-		let entry = {
-			id: record.id,
-			name: record.id,
-			record,
-			schema_version: record.schema_version,
-			c_schema_version: record.c_schema_version,
-			system_schema_version: record.system_schema_version,
-			topics: []
-		};
-		treedbs.push(entry);
-		by_treedb_id[entry.id] = entry;
-	}
-	let orphan_topics = [];
-	let by_topic_id = {};
-	for (let record of topic_rows) {
-		if (!record || typeof record.id !== "string") continue;
-		let entry = {
-			id: record.id,
-			name: record_name(record),
-			order: record_order(record),
-			record,
-			treedb_id: parent_id(record, "treedbs"),
-			pkey: record.pkey || "",
-			pkey2s: record.pkey2s,
-			system_flag: record.system_flag || "",
-			tkey: record.tkey || "",
-			topic_version: record.topic_version,
-			system_topic: !!record.system_topic,
-			main_topic: !!record.main_topic,
-			cols: []
-		};
-		by_topic_id[entry.id] = entry;
-		let parent = by_treedb_id[entry.treedb_id];
-		if (parent) parent.topics.push(entry);
-		else orphan_topics.push(entry);
-	}
-	let orphan_cols = [];
-	for (let record of col_rows) {
-		if (!record || typeof record.id !== "string") continue;
-		let entry = {
-			id: record.id,
-			name: record_name(record),
-			order: record_order(record),
-			record,
-			topic_id: parent_id(record, "topics")
-		};
-		let parent = by_topic_id[entry.topic_id];
-		if (parent) parent.cols.push(entry);
-		else orphan_cols.push(entry);
-	}
-	for (let treedb of treedbs) {
-		sort_by_order(treedb.topics);
-		for (let topic of treedb.topics) sort_by_order(topic.cols);
-	}
-	for (let topic of orphan_topics) sort_by_order(topic.cols);
-	treedbs.sort((a, b) => {
-		return a.id < b.id ? -1 : a.id > b.id ? 1 : 0;
-	});
-	sort_by_order(orphan_topics);
-	sort_by_order(orphan_cols);
-	return {
-		treedbs,
-		orphan_topics,
-		orphan_cols
-	};
-}
-/***************************************************************
-*  Is there a value here at all?
-*
-*  The store answers a `blob` column that was never set with an
-*  EMPTY COLLECTION, not with nothing: `enum: {}`, `hook: {}`,
-*  `default: {}`. Read as "a value", those turn every export into
-*  a schema full of empty objects — and `'hook': {}` in a literal
-*  is a hook with no mapping, which is a link the treedb builds
-*  and nothing writes.
-***************************************************************/
-function is_empty_value(value) {
-	if (value === null || value === void 0 || value === "") return true;
-	if (Array.isArray(value)) return value.length === 0;
-	if (typeof value === "object") return Object.keys(value).length === 0;
-	return false;
-}
-/***************************************************************
-*  The fields of a column that are DECLARED as one thing and
-*  STORED as another.
-*
-*  `hook`, `enum`, `default`, `pkey2s` and `properties` are `blob`
-*  columns of the `cols` topic (treedb_system_schema.c), so what
-*  comes back may be the value or the JSON text of the value,
-*  depending on how it was written — a projection writes the
-*  value, a hand edit through a plain text field writes the text.
-*  `flag` is an array that a single-flag edit can leave as a bare
-*  string. Reading these without saying so is how a hook drawn
-*  from `{"users":"department"}` becomes no hook at all.
-***************************************************************/
-function as_json(value) {
-	if (typeof value !== "string") return value;
-	let text = value.trim();
-	if (text.length === 0) return null;
-	try {
-		return JSON.parse(text);
-	} catch (e) {
-		return value;
-	}
-}
-function col_flags(record) {
-	let flag = record ? record.flag : null;
-	if (Array.isArray(flag)) return flag.filter((f) => typeof f === "string" && f.length > 0);
-	if (typeof flag === "string" && flag.length > 0) {
-		let parsed = as_json(flag);
-		if (Array.isArray(parsed)) return parsed.filter((f) => typeof f === "string" && f.length > 0);
-		return [flag];
-	}
-	return [];
-}
-function col_hook(record) {
-	let hook = as_json(record ? record.hook : null);
-	if (hook && typeof hook === "object" && !Array.isArray(hook)) return hook;
-	return null;
-}
-function col_enum(record) {
-	let e = as_json(record ? record.enum : null);
-	if (Array.isArray(e)) return e;
-	return [];
-}
-function topic_pkey2s(record) {
-	let pkey2s = as_json(record ? record.pkey2s : null);
-	if (Array.isArray(pkey2s)) return pkey2s.filter((k) => typeof k === "string" && k.length > 0);
-	if (typeof pkey2s === "string" && pkey2s.length > 0) return [pkey2s];
-	return [];
-}
-/***************************************************************
-*  Lookups by id. The editor addresses a position by NAME (the
-*  url carries `<treedb>/<topic>`), so both are offered.
-***************************************************************/
-function find_treedb(model, treedb_id) {
-	if (!model || !Array.isArray(model.treedbs)) return null;
-	for (let treedb of model.treedbs) if (treedb.id === treedb_id) return treedb;
-	return null;
-}
-function find_topic(model, treedb_id, topic_name) {
-	let treedb = find_treedb(model, treedb_id);
-	if (!treedb) return null;
-	for (let topic of treedb.topics) if (topic.name === topic_name || topic.id === topic_name) return topic;
-	return null;
-}
-function find_col(model, treedb_id, topic_name, col_name) {
-	let topic = find_topic(model, treedb_id, topic_name);
-	if (!topic) return null;
-	for (let col of topic.cols) if (col.name === col_name || col.id === col_name) return col;
-	return null;
-}
-/***************************************************************
-*  The fkey a NEW record must carry to belong to `parent_id`.
-*  Written here because the editor is the only writer that has to
-*  compose one, and getting the hook name wrong links the record
-*  to nothing while the write still succeeds.
-***************************************************************/
-function fkey_ref(parent_topic, parent_id_, hook_name) {
-	return `${parent_topic}^${parent_id_}^${hook_name}`;
-}
-/***************************************************************
-*  Where a new sibling goes: after the last one. The store's own
-*  default (9999) would put every hand-made column in the same
-*  place and let their names decide the schema's order.
-***************************************************************/
-function next_order(siblings) {
-	let max = 0;
-	if (Array.isArray(siblings)) for (let s of siblings) {
-		let order = s && typeof s.order === "number" ? s.order : DEFAULT_ORDER;
-		if (order < 9999 && order > max) max = order;
-	}
-	return max + 1;
-}
-/***************************************************************
-*  Renumber a list AFTER a move, as the writes it takes: only the
-*  records whose order actually changed, so a drag of one row in a
-*  40-column topic is not 40 writes.
-*
-*      moved_orders(list) -> [{id, order}, ...]
-***************************************************************/
-function moved_orders(list) {
-	let writes = [];
-	if (!Array.isArray(list)) return writes;
-	for (let i = 0; i < list.length; i++) {
-		let entry = list[i];
-		let order = i + 1;
-		if (!entry || typeof entry.id !== "string") continue;
-		if (entry.order !== order) writes.push({
-			id: entry.id,
-			order
-		});
-	}
-	return writes;
-}
-//#endregion
 //#region src/treedb_write_plan.js
 /***********************************************************************
 *          treedb_write_plan.js
@@ -68838,12 +68975,20 @@ function hook_mark(type) {
 *      (↖)  1 fkey      (1 parent)
 *      [↖]  n fkeys     (n parents)
 *      {↖}  N fkeys     (N parents)
+*      (2)  a secondary key (pkey2)
+*      (t)  the time key (tkey)
 *      *    required
 *      #    the primary key
 *
-*   A column can be BOTH hook and fkey, so the flags are read
-*   here rather than through treedb_get_field_desc's single
-*   `type`, which keeps only the last flag it saw.
+*   The key marks lead the mark column, and a pkey2 is drawn in
+*   bold like the pkey: a topic with secondary keys keeps several
+*   instances under one id, which is the first thing to know
+*   about it. `(t)` is new to the notation: the literals' legend
+*   carries it too.
+*
+*   The flags are read here rather than through
+*   treedb_get_field_desc's single `type`, which keeps only the
+*   last flag it saw.
 ************************************************************/
 function schema_rows(desc) {
 	let rows = [];
@@ -68853,19 +68998,25 @@ function schema_rows(desc) {
 		let flags = Array.isArray(col.flag) ? col.flag : [];
 		let is_hook = flags.indexOf("hook") >= 0;
 		let is_fkey = flags.indexOf("fkey") >= 0;
+		let roles = col_key_roles(desc, col.id);
+		let key_marks = [];
+		if (roles.includes("pkey2")) key_marks.push("(2)");
+		if (roles.includes("tkey")) key_marks.push("(t)");
 		let mark = "";
 		if (is_hook) mark = hook_mark(col.type);
 		if (is_fkey) {
 			let fmark = hook_mark(col.type).replace("}", "↖}").replace("]", "↖]").replace(")", "↖)");
 			mark = mark ? mark + " " + fmark : fmark;
 		}
+		if (key_marks.length) mark = mark ? key_marks.join(" ") + " " + mark : key_marks.join(" ");
 		rows.push({
 			name: col.id,
 			type: col.type || "",
 			mark,
 			is_hook,
 			is_fkey,
-			is_pkey: col.id === desc.pkey,
+			is_pkey: roles.includes("pkey"),
+			is_pkey2: roles.includes("pkey2"),
 			required: flags.indexOf("required") >= 0 || flags.indexOf("notnull") >= 0
 		});
 	}
@@ -68912,7 +69063,7 @@ function build_card_innerHTML(topic, rows, color, dark) {
 	let rows_html = "";
 	for (let row of rows) {
 		let lead = row.is_pkey ? "#" : row.required ? "*" : "";
-		let name_weight = row.is_pkey || row.required ? "600" : "400";
+		let name_weight = row.is_pkey || row.is_pkey2 ? "700" : row.required ? "600" : "400";
 		let name_color = row.is_hook || row.is_fkey ? title_color : text_color;
 		rows_html += `    <div class="TREEDB_SCHEMA_FIELD" style="
         display: flex; align-items: center; gap: 6px;
@@ -76000,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
@@ -76097,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;
@@ -76117,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
 	]
 ];
 /******************************
@@ -76216,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();
@@ -76270,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;
 }
@@ -76341,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);
@@ -76377,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;
@@ -76391,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; }
@@ -76424,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; }
@@ -76471,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;
@@ -76616,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",
@@ -76670,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" },
@@ -76729,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" },
@@ -76767,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" },
@@ -76784,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" },
@@ -76841,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");
@@ -76953,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();
@@ -76964,7 +76956,6 @@ function info_traffic(title, msg, direction, size) {
 		title: title || "",
 		event,
 		command,
-		sig,
 		dir: direction,
 		size,
 		ts: traffic_now(),
@@ -76974,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");
@@ -77030,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())) {
@@ -77060,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 traffic_state() {
+	return gobj_get_gclass_trace_level2("C_IEVENT_CLI").includes("ievents") ? 1 : 0;
 }
-function trace_i18n() {
-	let v = Number(kw_get_local_storage_value("trace_i18n"));
-	v = v === 0 ? 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();
@@ -77144,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() {
@@ -77222,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 = [
@@ -77372,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",
 		{
@@ -77475,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(),
@@ -77510,14 +77463,6 @@ function build_dev_body() {
 		{ class: "YDEV_BODY" },
 		[
 			build_control_bar(),
-			[
-				"div",
-				{
-					class: "YDEV_MUTED",
-					id: "ydev-muted"
-				},
-				[]
-			],
 			[
 				"div",
 				{
@@ -77550,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();
@@ -77622,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();
@@ -77644,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