@yuneta/gobj-ui 5.2.0 → 5.3.0

package/dist/gobj-ui.es.js

@@ -1,4 +1,4 @@
-import { SDATA, SDATA_END, clean_name, createElement2, createOneHtml, create_template_record, data_type_t, debounce, duplicate_objects, empty_string, escapeHtml, event_flag_t, gclass_create, gclass_find_by_name, gclass_flag_t, getPositionRelativeToBody, 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_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 as gobj_send_event$1, 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, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_string, json_deep_copy, json_object_size, json_object_update, json_object_update_missing, json_size, kw_clone_by_keys, kw_flag_t, kw_get_dict, kw_get_dict_value, kw_get_int, kw_get_local_storage_value, kw_get_str, kw_has_key, kw_set_dict_value, kw_set_local_storage_value, kwid_find_one_record, kwid_get_ids, kwid_new_dict, 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, duplicate_objects, empty_string, escapeHtml, event_flag_t, gclass_create, gclass_find_by_name, gclass_flag_t, getPositionRelativeToBody, 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_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, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_string, json_deep_copy, json_object_size, json_object_update, json_object_update_missing, json_size, kw_clone_by_keys, kw_flag_t, kw_get_dict, kw_get_dict_value, kw_get_int, kw_get_local_storage_value, kw_get_str, kw_has_key, kw_set_dict_value, kw_set_local_storage_value, kwid_find_one_record, kwid_get_ids, kwid_new_dict, 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 i18next, { t } from "i18next";
 import TomSelect from "tom-select";
 import { createJSONEditor } from "vanilla-jsoneditor";
@@ -339,6 +339,11 @@ function _is_non_empty_string(v) {
 *   - root `/` is NEVER an ancestor catch-all (it only matches
 *     exactly): otherwise every typo route would silently mount
 *     the home view and the unknown-route diagnostic would die.
+*     ONE exception, opt-in: an entry whose target declares
+*     `owns_subtree` is a view that resolves the tail ITSELF and
+*     says so when a segment names nothing — a C_YUI_NODE tree
+*     rooted at `/`.  The diagnostic is not lost there, it moves
+*     one layer down to whoever actually knows the names.
 *   - nothing matched                  → entry as found (may be
 *     null or a targetless submenu parent), subpath "".
 ************************************************************/
@@ -366,7 +371,15 @@ function resolve_route(item_index, route) {
 		while (parts.length > 0 && (!entry || !entry.target)) {
 			parts.pop();
 			let cand = "/" + parts.join("/");
-			if (cand === "/") break;
+			if (cand === "/") {
+				let root = item_index["/"];
+				if (root && root.target && root.target.owns_subtree) {
+					entry = root;
+					matched_route = "/";
+					subpath = route.replace(/^\/+/, "");
+				}
+				break;
+			}
 			let e = item_index[cand];
 			if (e && e.target) {
 				entry = e;
@@ -483,6 +496,38 @@ function collect_routes(nodes, into) {
 	}
 }
 /************************************************************
+*  A route can be reached from more than one surface: the primary
+*  menu, a drawer, an account dropdown.  Each occurrence rendered
+*  its whole SUBTREE, so a branch reachable three ways was drawn
+*  three times — bearable when a section had four children, noise
+*  once a node tree hangs there with fourteen.
+*
+*  Exactly one occurrence owns the subtree; the others become
+*  references (`ref: true`, no children) — still real, clickable
+*  routes, just not repeated structure.
+*
+*  Who owns it: the first occurrence in the NAV, then in `other`,
+*  then in the toolbar.  The nav is where the app's structure
+*  lives; a toolbar entry pointing at the same route is a
+*  shortcut — a non-structural edge — and hanging the tree off it
+*  would bury the whole structure inside the account menu.
+************************************************************/
+function dedupe_subtrees(groups) {
+	let owner = {};
+	let visit = (node) => {
+		if (node.route) {
+			if (owner[node.route] === void 0) owner[node.route] = node;
+			else if (owner[node.route] !== node) {
+				node.ref = true;
+				node.children = [];
+				return;
+			}
+		}
+		if (Array.isArray(node.children)) node.children.forEach(visit);
+	};
+	for (let group of groups) group.forEach(visit);
+}
+/************************************************************
 *  Mark "you are here": the node whose route best matches
 *  current_route — exact hit wins, else the LONGEST declared
 *  route that is a path-prefix of it (the base view of a deep
@@ -492,6 +537,7 @@ function mark_current(groups, current_route) {
 	if (!current_route) return;
 	let best = null;
 	let visit = (n) => {
+		if (n.ref) return;
 		if (n.route) {
 			if (n.route === current_route) {
 				if (!best || best.node.route !== current_route) best = {
@@ -609,6 +655,11 @@ function build_nav_map(input) {
 		});
 	}
 	other.forEach(enrich);
+	dedupe_subtrees([
+		nav,
+		other,
+		toolbar
+	]);
 	mark_current([
 		toolbar,
 		nav,
@@ -770,6 +821,7 @@ var attrs_table$17 = [
 	SDATA(data_type_t.DTP_JSON, "config", 0, null, "Shell declarative config (zones, menu, stages, toolbar)"),
 	SDATA(data_type_t.DTP_STRING, "default_route", 0, "", "Fallback route if hash is empty"),
 	SDATA(data_type_t.DTP_STRING, "current_route", 0, "", "Current active route"),
+	SDATA(data_type_t.DTP_BOOLEAN, "remember_section_position", 0, false, "A menu click returns to the last position visited inside that section"),
 	SDATA(data_type_t.DTP_BOOLEAN, "use_hash", 0, true, "Bind navigation to window.location.hash"),
 	SDATA(data_type_t.DTP_POINTER, "mount_element", 0, null, "HTMLElement to mount shell into (default: document.body)"),
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Root HTMLElement of the shell"),
@@ -781,6 +833,7 @@ var PRIVATE_DATA$17 = {
 	stages: {},
 	navs: [],
 	item_index: {},
+	section_pos: {},
 	sub_routes: {},
 	event_handlers: {},
 	hash_handler: null,
@@ -828,6 +881,8 @@ function mt_start$14(gobj) {
 		]));
 		return;
 	}
+	let shell_cfg = config.shell || {};
+	if (typeof shell_cfg.remember_section_position === "boolean") gobj_write_attr(gobj, "remember_section_position", shell_cfg.remember_section_position);
 	build_item_index(gobj, config);
 	instantiate_menus(gobj, config);
 	build_toolbar(gobj, config);
@@ -1187,6 +1242,59 @@ function build_item_index(gobj, config) {
 			menu_id: prev && prev.menu_id || ""
 		};
 	}
+	index_node_tree(gobj, config);
+}
+/************************************************************
+*  config.shell.tree — the navigation is a TREE OF NODES and
+*  its root is where the shell's own root used to be.
+*
+*  The shell keeps what it is good at, the SPACE: zones, layers,
+*  stages, toolbar, overlays, theme, breakpoints.  It stops being
+*  the owner of the menu: the root C_YUI_NODE holds the primary
+*  options as its children and projects them into zones (a left
+*  rail, a bottom bar) exactly as `menu.primary.render` used to
+*  say — a per-zone projection is still a projection.
+*
+*  All this does is synthesize ONE route entry.  `owns_subtree`
+*  lets it match as the ancestor of everything (route_resolver),
+*  so the whole url space below it is the tree's `subpath` and no
+*  route table grows.  The unknown-route diagnostic is not lost:
+*  it moves to the node that knows the names of its children.
+*
+*  `menu` and `tree` are not exclusive — an app may declare both
+*  while it migrates — but a tree at "/" owns every route no
+*  other entry claims, which is the point.
+************************************************************/
+function index_node_tree(gobj, config) {
+	let priv = gobj.priv;
+	let tree = config.shell && config.shell.tree || null;
+	if (!tree) return;
+	if (!is_object(tree)) {
+		log_error("C_YUI_SHELL: config.shell.tree must be an object");
+		return;
+	}
+	let base_route = normalize_route(tree.base_route || "/");
+	let kw = {};
+	for (let key of Object.keys(tree)) {
+		if (key.charAt(0) === "_" || key === "stage") continue;
+		kw[key] = tree[key];
+	}
+	kw.base_route = base_route;
+	if (!kw.node_id) kw.node_id = "root";
+	let prev = priv.item_index[base_route];
+	priv.item_index[base_route] = {
+		item: prev && prev.item || null,
+		parent_item: prev && prev.parent_item || null,
+		stage: tree.stage || "main",
+		menu_id: prev && prev.menu_id || "",
+		target: {
+			stage: tree.stage || "main",
+			gclass: "C_YUI_NODE",
+			lifecycle: "keep_alive",
+			owns_subtree: true,
+			kw
+		}
+	};
 }
 /************************************************************
 *  For each menu declared: for each zone hosting it, create
@@ -1431,6 +1539,7 @@ function navigate_to(gobj, route, depth, no_drain) {
 	if ($c) $c.classList.remove("is-hidden");
 	stage.active_route = matched_route;
 	gobj_write_attr(gobj, "current_route", route);
+	remember_position(gobj, route);
 	update_secondary_nav_visibility(gobj, entry);
 	close_all_drawers(gobj);
 	close_toolbar_dropdown(gobj);
@@ -2055,7 +2164,11 @@ function pop_escape(gobj, handler) {
 *    - navigate_to() drains (closes) every registered overlay when the
 *      RESTING route changes — overlays are transient and do not
 *      outlive the view they float above.  An action route or a
-*      subpath-only move keeps them open.
+*      subpath-only move keeps them open.  An overlay registered with
+*      `keep_on_navigate` opts OUT of the drain: it is a NAVIGATION
+*      PANEL, not a thing floating above one view — the site map is
+*      the reference case, where every row click is meant to move the
+*      user with the panel still up.
 *    - a drained/buried entry is left INERT: overlay_dismissed only
 *      history.back()s when the marker is the CURRENT history entry
 *      (adjacent, so the back() is invisible) — never over real route
@@ -2068,14 +2181,20 @@ function pop_escape(gobj, handler) {
 function drain_overlays(gobj) {
 	let priv = gobj.priv;
 	if (!priv || !priv.overlay_stack) return;
+	let kept = [];
 	while (priv.overlay_stack.length > 0) {
 		let entry = priv.overlay_stack.pop();
+		if (entry.keep_on_navigate) {
+			kept.unshift(entry);
+			continue;
+		}
 		try {
 			entry.close();
 		} catch (e) {
 			log_warning(`C_YUI_SHELL: overlay close on navigation failed: ${e}`);
 		}
 	}
+	for (let entry of kept) priv.overlay_stack.push(entry);
 }
 function retag_overlay_hash(gobj, st, hash) {
 	let priv = gobj.priv;
@@ -2083,7 +2202,7 @@ function retag_overlay_hash(gobj, st, hash) {
 	let entry = priv.overlay_stack.find((e) => e.id === st.__yui_overlay__);
 	if (entry) entry.hash = hash;
 }
-function push_overlay_history(gobj, close) {
+function push_overlay_history(gobj, close, opts) {
 	let priv = gobj.priv;
 	if (!priv || !priv.overlay_stack || !gobj_read_attr(gobj, "use_hash")) return null;
 	let entry = {
@@ -2214,6 +2333,7 @@ function update_secondary_nav_visibility(gobj, entry) {
 function ac_nav_clicked(gobj, event, kw, src) {
 	let route = kw && kw.route || "";
 	if (empty_string(route)) return 0;
+	route = remembered_position(gobj, route);
 	if (gobj_read_attr(gobj, "use_hash") && !route_restores_url(gobj, route)) {
 		let target_hash = route_to_hash(route);
 		if (window.location.hash !== target_hash) window.location.hash = target_hash;
@@ -2297,6 +2417,48 @@ function register_c_yui_shell() {
 *  bottom of the file to keep the skeleton layout intact.
 ***************************************************************/
 /************************************************************
+*  Last position inside each section — the routes a MENU CLICK
+*  returns to (`remember_section_position`).
+*
+*  A section is a menu item's route; anything under it is a
+*  position inside it.  The memory MIRRORS the url and is never
+*  the authority for it (ROUTING.md §3): it lives for the page,
+*  not on disk, and only a click on the section's own menu item
+*  consults it.  Typing the url, a deep link, Back/Forward and
+*  programmatic navigation all land exactly where they say —
+*  which is the property that would be lost if this were stored
+*  and applied everywhere.
+************************************************************/
+function remember_position(gobj, route) {
+	let priv = gobj.priv;
+	if (!gobj_read_attr(gobj, "remember_section_position")) return;
+	for (let section of Object.keys(priv.item_index)) {
+		if (section === "/") continue;
+		if (route === section || route.indexOf(section + "/") === 0) priv.section_pos[section] = route;
+	}
+}
+/************************************************************
+*  Where a click on `route` should actually land: the last
+*  position inside it, when there is one and it still resolves.
+*  A remembered route whose node has since disappeared is
+*  dropped rather than followed — the tree is allowed to change
+*  under a memory.
+************************************************************/
+function remembered_position(gobj, route) {
+	let priv = gobj.priv;
+	if (!gobj_read_attr(gobj, "remember_section_position")) return route;
+	let current = gobj_read_attr(gobj, "current_route") || "";
+	if (current === route || current.indexOf(route + "/") === 0) return route;
+	let last = priv.section_pos[route];
+	if (!last || last === route) return route;
+	let r = resolve_route(priv.item_index, last);
+	if (!r || !r.entry || !r.entry.target) {
+		delete priv.section_pos[route];
+		return route;
+	}
+	return last;
+}
+/************************************************************
 *  Resolve the shell that governs `gobj`: the nearest
 *  C_YUI_SHELL ancestor, else the last shell created on the
 *  page (apps have exactly one).  Null when no shell exists —
@@ -2398,8 +2560,8 @@ function yui_shell_push_escape(shell_gobj, layer, handler) {
 function yui_shell_pop_escape(shell_gobj, handler) {
 	pop_escape(shell_gobj, handler);
 }
-function yui_shell_register_overlay(shell_gobj, close_fn) {
-	return push_overlay_history(shell_gobj, close_fn);
+function yui_shell_register_overlay(shell_gobj, close_fn, opts) {
+	return push_overlay_history(shell_gobj, close_fn, opts);
 }
 function yui_shell_overlay_dismissed(shell_gobj, overlay) {
 	overlay_dismissed(shell_gobj, overlay);
@@ -3003,6 +3165,7 @@ var attrs_table$16 = [
 	SDATA(data_type_t.DTP_BOOLEAN, "modal", 0, false, "Enable modal mode"),
 	SDATA(data_type_t.DTP_BOOLEAN, "keyboard", 0, true, "Close window on ESC if not modal"),
 	SDATA(data_type_t.DTP_BOOLEAN, "back_dismissable", 0, true, "Browser Back closes this window (floating overlays only; ignored when it has a `manager`)"),
+	SDATA(data_type_t.DTP_BOOLEAN, "keep_on_navigate", 0, false, "This window is a navigation PANEL: a route change does not close it"),
 	SDATA(data_type_t.DTP_POINTER, "back_overlay", 0, null, "Internal: overlay-history entry (Back-button integration)"),
 	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Internal: Window container element"),
 	SDATA(data_type_t.DTP_STRING, "window_id", 0, "", "Internal: Window ID"),
@@ -3027,10 +3190,10 @@ function mt_create$16(gobj) {
 		let $c = gobj_read_attr(gobj, "$container");
 		if ($c) $c.addEventListener("pointerdown", function() {
 			let m = gobj_read_pointer_attr(gobj, "manager");
-			if (m) gobj_send_event$1(m, "EV_FOCUS_WINDOW", { window: gobj }, gobj);
+			if (m) gobj_send_event(m, "EV_FOCUS_WINDOW", { window: gobj }, gobj);
 		}, true);
 		let chip_title = composed_title(gobj);
-		gobj_send_event$1(manager, "EV_REGISTER_WINDOW", {
+		gobj_send_event(manager, "EV_REGISTER_WINDOW", {
 			window: gobj,
 			title: chip_title ? chip_title : gobj_short_name(gobj),
 			title_key: gobj_read_str_attr(gobj, "title") || "",
@@ -3042,7 +3205,7 @@ function mt_create$16(gobj) {
 		let shell = yui_shell_of(gobj);
 		if (shell) gobj_write_attr(gobj, "back_overlay", yui_shell_register_overlay(shell, function() {
 			close_window(gobj);
-		}));
+		}, { keep_on_navigate: gobj_read_bool_attr(gobj, "keep_on_navigate") }));
 	}
 	let on_win_resize = function() {
 		handleResize(gobj);
@@ -3055,7 +3218,7 @@ function mt_create$16(gobj) {
 ***************************************************************/
 function mt_destroy$16(gobj) {
 	let manager = gobj_read_pointer_attr(gobj, "manager");
-	if (manager) gobj_send_event$1(manager, "EV_UNREGISTER_WINDOW", { window: gobj }, gobj);
+	if (manager) gobj_send_event(manager, "EV_UNREGISTER_WINDOW", { window: gobj }, gobj);
 	let back_overlay = gobj_read_attr(gobj, "back_overlay");
 	if (back_overlay) {
 		let shell = yui_shell_of(gobj);
@@ -3219,7 +3382,7 @@ function do_minimize(gobj) {
 		log_error(`${gobj_short_name(gobj)}: minimize without a window manager`);
 		return;
 	}
-	gobj_send_event$1(manager, "EV_MINIMIZE_WINDOW", { window: gobj }, gobj);
+	gobj_send_event(manager, "EV_MINIMIZE_WINDOW", { window: gobj }, gobj);
 }
 /************************************************************
 *   Build UI
@@ -4219,7 +4382,7 @@ function ac_register_window(gobj, event, kw, src) {
 				WC_X,
 				{ click: (evt) => {
 					evt.stopPropagation();
-					gobj_send_event$1(entry.gobj, "EV_CLOSE_WINDOW", {}, gobj);
+					gobj_send_event(entry.gobj, "EV_CLOSE_WINDOW", {}, gobj);
 				} }
 			]
 		],
@@ -4486,7 +4649,7 @@ function build_ui$13(gobj) {
 					]],
 					{ click: function(evt) {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_POP_PAGE", {}, gobj);
+						gobj_send_event(gobj, "EV_POP_PAGE", {}, gobj);
 					} }
 				],
 				[
@@ -4517,7 +4680,7 @@ function build_ui$13(gobj) {
 					]],
 					{ click: function(evt) {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_DISCARD_PAGE", {}, gobj);
+						gobj_send_event(gobj, "EV_DISCARD_PAGE", {}, gobj);
 					} }
 				]
 			]
@@ -4596,7 +4759,7 @@ function render_header(gobj) {
 function forward_top(gobj, event, kw) {
 	let priv = gobj.priv;
 	let top = priv.stack[priv.stack.length - 1];
-	if (top && top.gobj) gobj_send_event$1(top.gobj, event, kw || {}, gobj);
+	if (top && top.gobj) gobj_send_event(top.gobj, event, kw || {}, gobj);
 }
 /***************************
 *      Actions
@@ -5055,7 +5218,7 @@ function build_ui$12(gobj) {
 					]],
 					{ click: function(evt) {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_PREV", {}, gobj);
+						gobj_send_event(gobj, "EV_PREV", {}, gobj);
 					} }
 				], [
 					"button",
@@ -5073,7 +5236,7 @@ function build_ui$12(gobj) {
 					]],
 					{ click: function(evt) {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_NEXT", {}, gobj);
+						gobj_send_event(gobj, "EV_NEXT", {}, gobj);
 					} }
 				]]
 			]
@@ -5146,7 +5309,7 @@ function render_chrome(gobj) {
 function forward_current(gobj, event, kw) {
 	let priv = gobj.priv;
 	let s = priv.steps[priv.idx];
-	if (s && s.gobj) gobj_send_event$1(s.gobj, event, kw || {}, gobj);
+	if (s && s.gobj) gobj_send_event(s.gobj, event, kw || {}, gobj);
 }
 /************************************************************
 *   Accumulate the current step's kw, then advance or finish
@@ -5233,7 +5396,7 @@ function ac_next$1(gobj, event, kw, src) {
 	if (wizard_should_validate(gobj_read_attr(gobj, "linear"), !!(cur && cur.gobj))) {
 		if (priv.awaiting) return 0;
 		priv.awaiting = true;
-		gobj_send_event$1(cur.gobj, "EV_STEP_VALIDATE", {}, gobj);
+		gobj_send_event(cur.gobj, "EV_STEP_VALIDATE", {}, gobj);
 		return 0;
 	}
 	advance(gobj, {});
@@ -5564,7 +5727,7 @@ function yui_watch_theme(gobj, event = "EV_THEME") {
 		if (theme === last) return;
 		last = theme;
 		if (gobj_is_destroying(gobj)) return;
-		gobj_send_event$1(gobj, event, { theme }, gobj);
+		gobj_send_event(gobj, event, { theme }, gobj);
 	};
 	let mo = new MutationObserver(notify);
 	mo.observe($html, {
@@ -5658,7 +5821,7 @@ function mt_destroy$12(gobj) {
 ************************************************************/
 function mt_start$11(gobj) {
 	let record = gobj_read_attr(gobj, "record");
-	if (record) gobj_send_event$1(gobj, "EV_LOAD_RECORD", record, gobj);
+	if (record) gobj_send_event(gobj, "EV_LOAD_RECORD", record, gobj);
 }
 /************************************************************
 *      Framework Method stop
@@ -5704,12 +5867,12 @@ function set_changed_stated(gobj, changed) {
 			$form.querySelectorAll(".yui-tabulator-table").forEach(($table) => {
 				if (isEventSet($table.tabulator, "dataChanged")) $table.tabulator.off("dataChanged");
 				$table.tabulator.on("dataChanged", function(data) {
-					gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+					gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 				});
 				$table.querySelectorAll(".yui-tabulator-table-nested").forEach(($table_nested) => {
 					if (isEventSet($table_nested.tabulator, "dataChanged")) $table_nested.tabulator.off("dataChanged");
 					$table_nested.tabulator.on("dataChanged", function(data) {
-						gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					});
 				});
 			});
@@ -5722,7 +5885,7 @@ function set_changed_stated(gobj, changed) {
 async function readClipboard$1(gobj) {
 	try {
 		const text = await navigator.clipboard.readText();
-		gobj_send_event$1(gobj, "EV_PASTE_RECORD", JSON.parse(text), gobj);
+		gobj_send_event(gobj, "EV_PASTE_RECORD", JSON.parse(text), gobj);
 	} catch (error) {
 		log_error(`Failed to read clipboard contents: ${error}`);
 	}
@@ -5779,7 +5942,7 @@ function build_ui$11(gobj) {
 						]],
 						{ click: function(evt) {
 							evt.stopPropagation();
-							gobj_send_event$1(gobj, "EV_SAVE_RECORD", {}, gobj);
+							gobj_send_event(gobj, "EV_SAVE_RECORD", {}, gobj);
 						} }
 					],
 					[
@@ -5804,7 +5967,7 @@ function build_ui$11(gobj) {
 						]],
 						{ click: function(evt) {
 							evt.stopPropagation();
-							gobj_send_event$1(gobj, "EV_UNDO_RECORD", {}, gobj);
+							gobj_send_event(gobj, "EV_UNDO_RECORD", {}, gobj);
 						} }
 					],
 					[
@@ -5828,7 +5991,7 @@ function build_ui$11(gobj) {
 						]],
 						{ click: function(evt) {
 							evt.stopPropagation();
-							gobj_send_event$1(gobj, "EV_CLEAR_RECORD", {}, gobj);
+							gobj_send_event(gobj, "EV_CLEAR_RECORD", {}, gobj);
 						} }
 					]
 				]
@@ -5859,7 +6022,7 @@ function build_ui$11(gobj) {
 					]],
 					{ click: function(evt) {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_COPY_RECORD", {}, gobj);
+						gobj_send_event(gobj, "EV_COPY_RECORD", {}, gobj);
 					} }
 				], [
 					"button",
@@ -6436,7 +6599,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 								{ click: function(evt) {
 									evt.stopPropagation();
 									evt.preventDefault();
-									gobj_send_event$1(gobj, "EV_ADD_TABLE_ROW", kw_add_table_row, gobj);
+									gobj_send_event(gobj, "EV_ADD_TABLE_ROW", kw_add_table_row, gobj);
 								} }
 							]]
 						]]
@@ -6536,7 +6699,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 						$h.style.display = "block";
 					},
 					"input": function(evt) {
-						gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					},
 					"blur": function(evt) {
 						if (!this.checkValidity()) {
@@ -6591,7 +6754,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 						option
 					]),
 					{ "change": function(evt) {
-						gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					} }
 				]
 			]);
@@ -6634,7 +6797,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 				}
 			});
 			$extend.tom_select.on("change", function() {
-				gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+				gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 			});
 			break;
 		}
@@ -6650,7 +6813,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 					},
 					"",
 					{ "change": function(evt) {
-						gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					} }
 				]
 			]);
@@ -6683,7 +6846,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 				props: {
 					readOnly: !!readonly,
 					onChange: function() {
-						gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					},
 					timestampTag: function({ field, value, path }) {
 						return field === "__t__" || field === "__tm__" || field === "tm" || field === "t" || field === "time" || field === "from_t" || field === "to_t" || field === "t_input" || field === "t_output" || field === "from_tm" || field === "to_tm";
@@ -6759,7 +6922,7 @@ function create_coordinates(gobj, attrs) {
 			let $h = $input.closest(".xcontrol").parentNode.querySelector(".help");
 			$h.textContent = "";
 			$h.style.display = "none";
-			gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+			gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 		}
 		function showError(error) {
 			let errorMsg = "";
@@ -6805,7 +6968,7 @@ function create_coordinates(gobj, attrs) {
 				},
 				"",
 				{ "input": function(evt) {
-					gobj_send_event$1(gobj, "EV_RECORD_CHANGED", {}, gobj);
+					gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 				} }
 			], [
 				"span",
@@ -6935,7 +7098,7 @@ function template2columns(gobj, columns, template, sub_elements) {
 					cellClick: function(evt, cell) {
 						evt.stopPropagation();
 						let $row = cell.getRow().getElement();
-						gobj_send_event$1(gobj, "EV_ADD_TABLE_ROW", {
+						gobj_send_event(gobj, "EV_ADD_TABLE_ROW", {
 							$row,
 							$table: $row.querySelector(`[name="${field_desc.name}"]`),
 							record: {},
@@ -7313,14 +7476,14 @@ function load_tabulator_data(gobj, $table, value) {
 		return;
 	}
 	let tabulator = $table.tabulator;
-	if (tabulator.initialized) for (let row of value) gobj_send_event$1(gobj, "EV_ADD_TABLE_ROW", {
+	if (tabulator.initialized) for (let row of value) gobj_send_event(gobj, "EV_ADD_TABLE_ROW", {
 		$row: null,
 		$table,
 		record: row,
 		loading: true
 	}, gobj);
 	else tabulator.on("tableBuilt", function() {
-		for (let row of value) gobj_send_event$1(gobj, "EV_ADD_TABLE_ROW", {
+		for (let row of value) gobj_send_event(gobj, "EV_ADD_TABLE_ROW", {
 			$row: null,
 			$table,
 			record: row,
@@ -7854,7 +8017,7 @@ var EditControl = class {
 			this.$btn_marker_drag.querySelector("svg").style.fill = "blue";
 			this._enable_moving_markers = true;
 		}
-		gobj_send_event$1(this.gobj, "EV_EDIT_MAP", { enable_moving_markers: this._enable_moving_markers }, this.gobj);
+		gobj_send_event(this.gobj, "EV_EDIT_MAP", { enable_moving_markers: this._enable_moving_markers }, this.gobj);
 	}
 };
 var MarkerControl = class {
@@ -7924,7 +8087,7 @@ var MarkerControl = class {
 	}
 	_toggle_center_map() {
 		if (this._enable_center_map) {}
-		gobj_send_event$1(this.gobj, "EV_CONTROL_MAP", { center_map: true }, this.gobj);
+		gobj_send_event(this.gobj, "EV_CONTROL_MAP", { center_map: true }, this.gobj);
 	}
 	_toggle_user_location() {
 		if (this._enable_user_location) {
@@ -7934,7 +8097,7 @@ var MarkerControl = class {
 			this.$btn_user_location.querySelector("svg").style.fill = "blue";
 			this._enable_user_location = true;
 		}
-		gobj_send_event$1(this.gobj, "EV_CONTROL_MAP", { user_location: this._enable_user_location }, this.gobj);
+		gobj_send_event(this.gobj, "EV_CONTROL_MAP", { user_location: this._enable_user_location }, this.gobj);
 	}
 };
 //#endregion
@@ -8026,7 +8189,7 @@ function mt_create$11(gobj) {
 	});
 	map.addControl(priv.marker_user_position, "top-right");
 	map.on("load", () => {
-		gobj_send_event$1(gobj, "EV_MAP_ON_LOAD", {}, gobj);
+		gobj_send_event(gobj, "EV_MAP_ON_LOAD", {}, gobj);
 	});
 	map.on("zoomend", () => {});
 	if (gobj_read_bool_attr(gobj, "dimensions_with_parent_observer")) {
@@ -8339,7 +8502,7 @@ function onMove(gobj, e) {
 	let device = find_device(gobj, priv.draggedFeature.properties.id);
 	if (device) {
 		device.settings.coordinates = [coords.lng, coords.lat];
-		gobj_send_event$1(gobj, "EV_REFRESH", {}, gobj);
+		gobj_send_event(gobj, "EV_REFRESH", {}, gobj);
 	}
 }
 function onUp(gobj, e) {
@@ -8352,7 +8515,7 @@ function onUp(gobj, e) {
 	coordinates.latitude = coords.lat;
 	coordinates.longitude = coords.lng;
 	const gobj_service = gobj_find_service(priv.draggedFeature.properties.gobj_service_name, true);
-	if (gobj_service) gobj_send_event$1(gobj_service, "EV_SET_COORDINATES", coordinates, gobj);
+	if (gobj_service) gobj_send_event(gobj_service, "EV_SET_COORDINATES", coordinates, gobj);
 }
 function xmouseDown(gobj, e) {
 	let priv = gobj.priv;
@@ -9272,7 +9435,7 @@ function make_toolbar$3(gobj) {
 			}],
 			{ click: (evt) => {
 				evt.stopPropagation();
-				gobj_send_event$1(gobj, event_name, { evt }, gobj);
+				gobj_send_event(gobj, event_name, { evt }, gobj);
 			} }
 		]);
 	}
@@ -9320,7 +9483,7 @@ function build_graph$3(gobj) {
 	});
 	if (priv.theme) graph.setTheme(priv.theme);
 	graph.on(NodeEvent.CLICK, (evt) => {
-		gobj_send_event$1(gobj, "EV_NODE_CLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_CLICK", { evt }, gobj);
 	});
 	graph.on(CanvasEvent.CLICK, (evt) => {});
 	if (typeof ResizeObserver !== "undefined") {
@@ -9330,7 +9493,7 @@ function build_graph$3(gobj) {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
 					priv._resize_raf = 0;
-					if (priv.graph) gobj_send_event$1(gobj, "EV_RESIZE", {}, gobj);
+					if (priv.graph) gobj_send_event(gobj, "EV_RESIZE", {}, gobj);
 				});
 			});
 			ro.observe($canvas);
@@ -10135,7 +10298,7 @@ function make_toolbar$2(gobj) {
 		},
 		[],
 		{ input: function(evt) {
-			gobj_send_event$1(gobj, "EV_SEARCH", { text: evt.target.value }, gobj);
+			gobj_send_event(gobj, "EV_SEARCH", { text: evt.target.value }, gobj);
 		} }
 	]);
 	let $search_control = createElement2([
@@ -10204,7 +10367,7 @@ function icon_button(gobj, icon, event_name, label_key) {
 		]],
 		{ click: function(evt) {
 			evt.stopPropagation();
-			gobj_send_event$1(gobj, event_name, {}, gobj);
+			gobj_send_event(gobj, event_name, {}, gobj);
 		} }
 	];
 }
@@ -10355,7 +10518,7 @@ function push_collapsed_row(ctx, value, segments, depth, key, rows) {
 	};
 	let events = is_pending ? void 0 : { click: function(evt) {
 		evt.stopPropagation();
-		gobj_send_event$1(ctx.gobj, "EV_EXPAND_COLLAPSED", {
+		gobj_send_event(ctx.gobj, "EV_EXPAND_COLLAPSED", {
 			path,
 			size
 		}, ctx.gobj);
@@ -10420,7 +10583,7 @@ function toggle_row(gobj, key, size, is_object, depth, path, open) {
 		]],
 		{ click: function(evt) {
 			evt.stopPropagation();
-			gobj_send_event$1(gobj, "EV_TOGGLE_NODE", { path }, gobj);
+			gobj_send_event(gobj, "EV_TOGGLE_NODE", { path }, gobj);
 		} }
 	];
 }
@@ -10488,10 +10651,19 @@ function leaf_row(key, value, depth) {
 	];
 }
 /************************************************************
-*   Depth indentation (inline style keeps it CSS-framework free)
+*   Depth indentation (inline style keeps it CSS-framework free).
+*
+*   FOUR characters per level, house rule: structure is read as
+*   indentation, and it has to be the same four everywhere — this
+*   viewer, the raw dump behind it, the site map's tree.  `ch` is
+*   the character width of the row's own font, so the rows line up
+*   with the monospace text they carry instead of drifting from it
+*   at some zoom level.
 ************************************************************/
+var INDENT_CH = 4;
+var INDENT_PAD = .4;
 function row_indent(depth) {
-	return "padding-left:" + (.4 + depth * 1.1) + "em;";
+	return "padding-left:" + (INDENT_PAD + depth * INDENT_CH) + "ch;background-size:" + depth * INDENT_CH + "ch 100%;";
 }
 /************************************************************
 *   String() that never throws on a non-primitive
@@ -10631,7 +10803,7 @@ function ac_collapse_all$1(gobj, event, kw, src) {
 function ac_copy_all(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	if (priv.root === null || priv.root === void 0) return 0;
-	let text = JSON.stringify(priv.root, null, 2);
+	let text = JSON.stringify(priv.root, null, 4);
 	if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(text).catch(function(e) {
 		log_error(`${GCLASS_NAME$8}: clipboard write failed: ${e}`);
 	});
@@ -11132,7 +11304,7 @@ function build_ui$7(gobj) {
 		evt.stopImmediatePropagation();
 		evt.preventDefault();
 		let node_id = $toggle.getAttribute("data-node-id");
-		if (node_id) gobj_send_event$1(gobj, "EV_TOGGLE_COLLAPSE", { node_id }, gobj);
+		if (node_id) gobj_send_event(gobj, "EV_TOGGLE_COLLAPSE", { node_id }, gobj);
 	}, true);
 	refresh_language($container, t);
 }
@@ -11299,7 +11471,7 @@ function make_toolbar$1(gobj) {
 			}],
 			{ click: (evt) => {
 				evt.stopPropagation();
-				gobj_send_event$1(gobj, event_name, { evt }, gobj);
+				gobj_send_event(gobj, event_name, { evt }, gobj);
 			} }
 		]);
 	}
@@ -11326,7 +11498,7 @@ function make_toolbar$1(gobj) {
 		options,
 		{ change: (evt) => {
 			let value = evt.target.value;
-			gobj_send_event$1(gobj, "EV_CHANGE_LAYOUT", { layout: value }, gobj);
+			gobj_send_event(gobj, "EV_CHANGE_LAYOUT", { layout: value }, gobj);
 		} }
 	]);
 	priv.$layout_select = $select;
@@ -11376,7 +11548,7 @@ function build_graph$2(gobj) {
 	});
 	if (priv.theme) graph.setTheme(priv.theme);
 	graph.on(NodeEvent.CLICK, (evt) => {
-		gobj_send_event$1(gobj, "EV_NODE_CLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_CLICK", { evt }, gobj);
 	});
 	graph.on(CanvasEvent.CLICK, (evt) => {
 		hide_popover(gobj);
@@ -11388,7 +11560,7 @@ function build_graph$2(gobj) {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
 					priv._resize_raf = 0;
-					if (priv.graph) gobj_send_event$1(gobj, "EV_RESIZE", {}, gobj);
+					if (priv.graph) gobj_send_event(gobj, "EV_RESIZE", {}, gobj);
 				});
 			});
 			ro.observe($canvas);
@@ -12488,6 +12660,13 @@ function cards_grid_descriptor(items, show_label) {
 *          "cards"      — grid of tappable cards (section-index landing;
 *                         mounted as a stage view by C_YUI_SHELL when a
 *                         primary item declares submenu.index)
+*          "breadcrumb" — the PATH as one line ("Cards › Energy › South
+*                         hall › Meter 3"), each crumb a link to that
+*                         level.  Unlike every other layout its items
+*                         are not a node's children but the trail down
+*                         to where the user is: the second way to show
+*                         depth, for when stacking one strip per level
+*                         costs more vertical room than it is worth.
 *          "backbar"    — single "← <section>" link back to the section
 *                         index; the mobile replacement of the tab strip
 *                         for submenu.index sections (the shell collapses
@@ -12535,7 +12714,8 @@ var SUPPORTED_LAYOUTS = [
 	"submenu",
 	"accordion",
 	"cards",
-	"backbar"
+	"backbar",
+	"breadcrumb"
 ];
 function is_decorative(it) {
 	return !!(it && (it.type === "header" || it.type === "divider"));
@@ -12641,6 +12821,9 @@ function build_ui$6(gobj) {
 		case "backbar":
 			$container = render_backbar(gobj);
 			break;
+		case "breadcrumb":
+			$container = render_breadcrumb(gobj, items);
+			break;
 		default: $container = render_vertical(gobj, items);
 	}
 	$container.setAttribute("data-nav-zone", zone);
@@ -12661,6 +12844,7 @@ function build_ui$6(gobj) {
 	}
 	wire_clicks(gobj, $container);
 	gobj_write_attr(gobj, "$container", $container);
+	apply_active_route(gobj);
 }
 /************************************************************
 *  Rebuild the nav DOM in place from the current menu_items.
@@ -12679,7 +12863,6 @@ function rebuild(gobj) {
 	if ($new && was_hidden) $new.classList.add("is-hidden");
 	if (parent && $new) parent.insertBefore($new, next);
 	if ($old && $old.parentNode) $old.parentNode.removeChild($old);
-	apply_active_route(gobj);
 }
 /************************************************************
 *  Re-apply the active-route highlight after a rebuild (the
@@ -12833,6 +13016,74 @@ function render_cards(gobj, items) {
 *  collapses the whole secondary zone (tabs and cards never
 *  coexist), so the bar needs no self-hiding logic.
 ************************************************************/
+/************************************************************
+*  breadcrumb: the trail to here, one line.
+*
+*  Bulma's own markup (nav.breadcrumb > ul > li, separators drawn by
+*  CSS), with the SAME data-route/data-item-id contract as every
+*  other layout — so the delegated click handler and the active
+*  highlight work unchanged, and the last crumb marks itself through
+*  `active_route` like a tab does.
+************************************************************/
+function render_breadcrumb(gobj, items) {
+	let show_label = gobj_read_attr(gobj, "show_label");
+	let lis = [];
+	for (let it of items || []) {
+		if (is_decorative(it)) continue;
+		let children = [];
+		if (it.icon) children.push([
+			"span",
+			{ class: "icon is-small" },
+			["i", {
+				class: it.icon,
+				"aria-hidden": "true"
+			}]
+		]);
+		if (show_label !== false) {
+			let label = it.name || it.id || "";
+			children.push([
+				"span",
+				{
+					class: "yui-nav-label",
+					i18n: label
+				},
+				label
+			]);
+		}
+		let a_attrs = {
+			class: "yui-nav-item yui-nav-crumb",
+			href: it.route ? "#" + it.route : "#",
+			"data-item-id": it.id,
+			"data-route": it.route || "",
+			"data-disabled": it.disabled ? "1" : "0"
+		};
+		if (it.name) {
+			a_attrs["aria-label"] = it.name;
+			a_attrs["data-i18n-aria-label"] = it.name;
+		}
+		lis.push([
+			"li",
+			{},
+			[[
+				"a",
+				a_attrs,
+				children
+			]]
+		]);
+	}
+	return createElement2([
+		"nav",
+		{
+			class: "breadcrumb is-small",
+			"aria-label": "breadcrumbs"
+		},
+		[[
+			"ul",
+			{},
+			lis
+		]]
+	]);
+}
 function render_backbar(gobj) {
 	let back_route = gobj_read_attr(gobj, "back_route") || "";
 	let label = gobj_read_attr(gobj, "nav_label") || "";
@@ -13238,6 +13489,7 @@ function register_c_yui_nav() {
 //#endregion
 //#region src/shell_route_map.js
 var WIN_NAME$1 = "shell-route-map-window";
+var __show_refs__ = true;
 var __open_modal__ = null;
 function scroll_to_current($body) {
 	let $cur = $body.querySelector(".ROUTEMAP_CURRENT");
@@ -13283,6 +13535,16 @@ function render_node(node) {
 		{ class: "ROUTEMAP_EVENT" },
 		node.event
 	]);
+	if (node.ref) row.push([
+		"span",
+		{
+			class: "ROUTEMAP_REF",
+			i18n: "shown above",
+			title: "shown above",
+			"data-i18n-title": "shown above"
+		},
+		"shown above"
+	]);
 	if (node.current) row.push([
 		"span",
 		{
@@ -13291,7 +13553,7 @@ function render_node(node) {
 		},
 		"you are here"
 	]);
-	let row_class = node.current ? " ROUTEMAP_CURRENT" : "";
+	let row_class = (node.current ? " ROUTEMAP_CURRENT" : "") + (node.ref ? " ROUTEMAP_IS_REF" : "");
 	let $row;
 	if (node.route) $row = createElement2([
 		"a",
@@ -13324,21 +13586,37 @@ function render_node(node) {
 *  descendant matches (keep the ancestor path). Empty `q` shows all.
 *  Matches against the visible row text (name + route + event), so it
 *  honours the current translation. Returns whether the <li> is shown.
+*
+*  `show_refs` off hides the reference rows — the second and third
+*  place a route is reachable from, which carry no structure. They are
+*  hidden by DEFAULT: in an app with a drawer and an account menu they
+*  are a third of the map, and what a reader comes here for is the
+*  structure. A ref stays hidden even inside a matched subtree — an
+*  ancestor match must not smuggle it back in — and a group left with
+*  nothing but refs collapses with them, since a group is only ever
+*  shown by what it contains.
 ***************************************************************/
-function filter_li($li, q, ancestor_match) {
+function filter_li($li, q, ancestor_match, show_refs) {
 	let $row = $li.querySelector(":scope > .ROUTEMAP_ROW");
 	let text = $row ? ($row.textContent || "").toLowerCase() : "";
+	let hidden_ref = !show_refs && !!($row && $row.classList.contains("ROUTEMAP_IS_REF"));
 	let self_match = q === "" || text.indexOf(q) >= 0;
-	let show_all = ancestor_match || self_match;
+	let show_all = (ancestor_match || self_match) && !hidden_ref;
 	let any_child = false;
 	let $ul = $li.querySelector(":scope > ul");
 	if ($ul) {
 		let kids = $ul.children;
-		for (let i = 0; i < kids.length; i++) if (filter_li(kids[i], q, show_all)) any_child = true;
+		for (let i = 0; i < kids.length; i++) if (filter_li(kids[i], q, show_all, show_refs)) any_child = true;
 	}
-	let visible = show_all || any_child;
+	let is_group = !!($row && $row.classList.contains("ROUTEMAP_STRUCT"));
+	let had_children = !!($ul && $ul.children.length);
+	if (is_group && had_children && !any_child && !show_refs) {
+		let kids = $ul.children;
+		for (let i = 0; i < kids.length; i++) if (filter_li(kids[i], q, show_all, true)) any_child = true;
+	}
+	let visible = is_group && had_children ? any_child || q !== "" && self_match : (show_all || any_child) && !hidden_ref;
 	$li.style.display = visible ? "" : "none";
-	if ($row) $row.classList.toggle("ROUTEMAP_MATCH", q !== "" && self_match);
+	if ($row) $row.classList.toggle("ROUTEMAP_MATCH", q !== "" && self_match && visible);
 	return visible;
 }
 /***************************************************************
@@ -13348,16 +13626,17 @@ function filter_li($li, q, ancestor_match) {
 *  on a resting-route change.  `on_jump()` closes the host for the
 *  one click that navigates nowhere (the current route).
 ***************************************************************/
-function build_body(shell, t, on_jump) {
+function build_body(shell, t) {
 	let map = yui_shell_nav_map(shell);
-	let children = [{
+	let children = [].concat(map.nav);
+	if (Array.isArray(map.toolbar) && map.toolbar.length) children.push({
 		label: "toolbar",
 		icon: "",
 		route: "",
 		event: "",
 		kind: "group",
 		children: map.toolbar
-	}].concat(map.nav);
+	});
 	if (Array.isArray(map.other) && map.other.length) children.push({
 		label: "other routes",
 		icon: "",
@@ -13410,21 +13689,53 @@ function build_body(shell, t, on_jump) {
 			"matches"
 		]]
 	]);
+	let $refs_input = createElement2(["input", {
+		class: "ROUTEMAP_REFS_INPUT",
+		type: "checkbox"
+	}]);
+	if (__show_refs__) $refs_input.checked = true;
+	let $refs_toggle = createElement2([
+		"label",
+		{
+			class: "checkbox is-size-7 ROUTEMAP_REFS_TOGGLE",
+			title: "show references",
+			"data-i18n-title": "show references"
+		},
+		[$refs_input, [
+			"span",
+			{
+				class: "ml-1",
+				i18n: "show references"
+			},
+			"show references"
+		]]
+	]);
 	let $search_row = createElement2([
 		"div",
 		{ class: "ROUTEMAP_SEARCH_ROW mb-2" },
-		[$search_ctrl, $count]
+		[
+			$search_ctrl,
+			$count,
+			$refs_toggle
+		]
 	]);
-	$search.addEventListener("input", function() {
+	let apply_filter = function() {
 		let q = ($search.value || "").trim().toLowerCase();
 		let $root_li = $tree.querySelector(".ROUTEMAP_ROOT > li");
-		if ($root_li) filter_li($root_li, q, false);
+		if ($root_li) filter_li($root_li, q, false, __show_refs__);
 		if (q === "") $count.classList.add("is-hidden");
 		else {
 			$count_n.textContent = $tree.querySelectorAll(".ROUTEMAP_MATCH").length;
 			$count.classList.remove("is-hidden");
 		}
+	};
+	$search.addEventListener("input", apply_filter);
+	$refs_input.addEventListener("change", function() {
+		__show_refs__ = !!$refs_input.checked;
+		apply_filter();
 	});
+	if ($tree.querySelectorAll(".ROUTEMAP_IS_REF").length === 0) $refs_toggle.classList.add("is-hidden");
+	apply_filter();
 	let $body = createElement2([
 		"div",
 		{ class: "C_YUI_SHELL_ROUTEMAP ROUTEMAP_BODY" },
@@ -13467,26 +13778,62 @@ function build_body(shell, t, on_jump) {
 			if ($area.parentNode) $area.parentNode.removeChild($area);
 		}
 	});
-	$body.addEventListener("click", function(ev) {
-		let $link = ev.target && ev.target.closest && ev.target.closest(".ROUTEMAP_LINK");
-		if (!$link) return;
-		let href = $link.getAttribute("href");
-		if (href && typeof window !== "undefined" && window.location.hash === href && typeof on_jump === "function") {
-			ev.preventDefault();
-			on_jump();
+	let on_hash = function() {
+		if (typeof document === "undefined" || !$body.isConnected) {
+			if (typeof window !== "undefined") window.removeEventListener("hashchange", on_hash);
+			return;
 		}
-	});
+		mark_current_row($body, window.location.hash, t);
+	};
+	if (typeof window !== "undefined") window.addEventListener("hashchange", on_hash);
 	refresh_language($body, t);
 	return $body;
 }
 /***************************************************************
+*  Move the "you are here" mark to the row that best matches
+*  `hash`: an exact route wins, else the LONGEST declared route
+*  that is a path-prefix of it (the base view of a deep subpath
+*  position).  Same rule as the model's mark_current(), applied
+*  to the rendered rows so the open panel stays truthful.
+***************************************************************/
+function mark_current_row($body, hash, t) {
+	let route = String(hash || "").replace(/^#/, "");
+	let $best = null;
+	let best_len = -1;
+	for (let $a of $body.querySelectorAll(".ROUTEMAP_LINK")) {
+		let r = String($a.getAttribute("href") || "").replace(/^#/, "");
+		if (!r) continue;
+		if (r === route) {
+			$best = $a;
+			break;
+		}
+		if (route.indexOf(r + "/") === 0 && r.length > best_len) {
+			$best = $a;
+			best_len = r.length;
+		}
+	}
+	for (let $marked of $body.querySelectorAll(".ROUTEMAP_CURRENT")) $marked.classList.remove("ROUTEMAP_CURRENT");
+	if (!$best) return;
+	$best.classList.add("ROUTEMAP_CURRENT");
+	let $badge = $body.querySelector(".ROUTEMAP_HERE");
+	if (!$badge) $badge = createElement2([
+		"span",
+		{
+			class: "ROUTEMAP_HERE",
+			i18n: "you are here"
+		},
+		t ? t("you are here") : "you are here"
+	]);
+	$best.appendChild($badge);
+}
+/***************************************************************
 *  Show the site map. Toggles: a second call closes the open one.
 ***************************************************************/
 function yui_shell_show_route_map(shell, opts) {
 	let t = opts && opts.t || i18next.t.bind(i18next);
 	let existing = gobj_find_service(WIN_NAME$1, false);
 	if (existing && is_gobj(existing)) {
-		gobj_send_event$1(existing, "EV_CLOSE_WINDOW", {}, shell);
+		gobj_send_event(existing, "EV_CLOSE_WINDOW", {}, shell);
 		return null;
 	}
 	if (__open_modal__) {
@@ -13497,9 +13844,7 @@ function yui_shell_show_route_map(shell, opts) {
 	}
 	if (gclass_find_by_name("C_YUI_WINDOW") !== null) {
 		let win_ref = { gobj: null };
-		let $body = build_body(shell, t, function() {
-			if (win_ref.gobj && is_gobj(win_ref.gobj)) gobj_send_event$1(win_ref.gobj, "EV_CLOSE_WINDOW", {}, shell);
-		});
+		let $body = build_body(shell, t);
 		let win = gobj_create_service(WIN_NAME$1, "C_YUI_WINDOW", {
 			$parent: yui_shell_popup_layer(shell) || typeof document !== "undefined" && document.getElementById("top-layer") || null,
 			subscriber: null,
@@ -13515,7 +13860,8 @@ function yui_shell_show_route_map(shell, opts) {
 			title: "site map",
 			icon: "yi-bars",
 			body: $body,
-			manager: null
+			manager: gobj_find_service("__window_manager__", false),
+			keep_on_navigate: true
 		}, shell);
 		if (!win) {
 			log_error("C_YUI_SHELL: cannot create the site-map window");
@@ -13527,9 +13873,7 @@ function yui_shell_show_route_map(shell, opts) {
 		return win;
 	}
 	let modal_ref = { modal: null };
-	let $body = build_body(shell, t, function() {
-		if (modal_ref.modal && typeof modal_ref.modal.close === "function") modal_ref.modal.close();
-	});
+	let $body = build_body(shell, t);
 	modal_ref.modal = yui_shell_show_modal(shell, $body, {
 		dialog: true,
 		logical_class: "ROUTEMAP_SHEET",
@@ -13713,7 +14057,7 @@ function build_ui$5(gobj) {
 							]],
 							{ click: (evt) => {
 								evt.stopPropagation();
-								gobj_send_event$1(gobj, "EV_BACK_TO_TOPICS", {}, gobj);
+								gobj_send_event(gobj, "EV_BACK_TO_TOPICS", {}, gobj);
 							} }
 						],
 						[
@@ -13736,7 +14080,7 @@ function build_ui$5(gobj) {
 							]],
 							{ click: (evt) => {
 								evt.stopPropagation();
-								gobj_send_event$1(gobj, "EV_TOGGLE_LANDING_VIEW", {}, gobj);
+								gobj_send_event(gobj, "EV_TOGGLE_LANDING_VIEW", {}, gobj);
 							} }
 						],
 						[
@@ -13760,7 +14104,7 @@ function build_ui$5(gobj) {
 							]],
 							{ click: (evt) => {
 								evt.stopPropagation();
-								gobj_send_event$1(gobj, "EV_OPEN_JSON", {}, gobj);
+								gobj_send_event(gobj, "EV_OPEN_JSON", {}, gobj);
 							} }
 						]
 					]
@@ -13915,7 +14259,7 @@ function add_tab(gobj, gobj2, id, text, icon) {
 *  standalone use stays quiet.
 ************************************************************/
 function select_topic_by_id(gobj, id) {
-	gobj_send_event$1(gobj, "EV_SHOW", { href: id }, gobj);
+	gobj_send_event(gobj, "EV_SHOW", { href: id }, gobj);
 	gobj_publish_event(gobj, "EV_TOPIC_SELECTED", { topic: id.indexOf("?") >= 0 ? id.split("?")[1] : id });
 }
 /************************************************************
@@ -14016,7 +14360,7 @@ function add_topic_card(gobj, id, text, icon) {
 	]);
 	if (gobj.priv._selected_card_topic === topic) $card.classList.add("is-selected");
 	$card.addEventListener("click", function() {
-		gobj_send_event$1(gobj, "EV_SELECT_TOPIC_CARD", { topic }, gobj);
+		gobj_send_event(gobj, "EV_SELECT_TOPIC_CARD", { topic }, gobj);
 	});
 	$grid.appendChild($card);
 	refresh_language($card, t);
@@ -14049,7 +14393,7 @@ function show_topics_landing(gobj) {
 		if ($landing) $landing.classList.add("is-hidden");
 		if ($schema) $schema.classList.remove("is-hidden");
 		build_schema_child(gobj);
-		if (gobj.priv.schema_gobj) gobj_send_event$1(gobj.priv.schema_gobj, "EV_SHOW", {}, gobj);
+		if (gobj.priv.schema_gobj) gobj_send_event(gobj.priv.schema_gobj, "EV_SHOW", {}, gobj);
 	} else {
 		if ($schema) $schema.classList.add("is-hidden");
 		if ($landing) $landing.classList.remove("is-hidden");
@@ -14368,14 +14712,14 @@ function process_treedb_descs$1(gobj) {
 		let ti = gobj.priv._pending_info;
 		gobj.priv._pending_info = null;
 		show_topic_info(gobj, ti);
-	} else if (href && href.indexOf("?") >= 0) gobj_send_event$1(gobj, "EV_SHOW", { href }, gobj);
+	} else if (href && href.indexOf("?") >= 0) gobj_send_event(gobj, "EV_SHOW", { href }, gobj);
 	else show_topics_landing(gobj);
 	else {
 		if (!href) try {
 			let topic = window.localStorage.getItem(`yui_treedb_topics:${gobj_name(gobj)}`);
 			if (topic) href = `${gobj_name(gobj)}?${topic}`;
 		} catch (e) {}
-		gobj_send_event$1(gobj, "EV_SHOW", { href }, gobj);
+		gobj_send_event(gobj, "EV_SHOW", { href }, gobj);
 	}
 	let kids = gobj_match_children(gobj, { __gclass_name__: "C_YUI_TREEDB_TOPIC_WITH_FORM" });
 	for (let i = 0; i < kids.length; i++) {
@@ -14565,7 +14909,7 @@ function open_json_viewer$1(gobj) {
 			t,
 			on_close: () => {
 				if (gobj_is_destroying(gobj)) return;
-				gobj_send_event$1(gobj, "EV_JSON_CLOSED", {}, gobj);
+				gobj_send_event(gobj, "EV_JSON_CLOSED", {}, gobj);
 			}
 		});
 	} else {
@@ -14589,7 +14933,7 @@ function open_json_viewer$1(gobj) {
 			manager: null,
 			on_close: () => {
 				if (gobj_is_destroying(gobj)) return;
-				gobj_send_event$1(gobj, "EV_JSON_CLOSED", {}, gobj);
+				gobj_send_event(gobj, "EV_JSON_CLOSED", {}, gobj);
 			}
 		}, gobj);
 		if (!priv.json_win) {
@@ -14641,7 +14985,7 @@ function request_print_tranger$1(gobj, path) {
 	if (!remote) {
 		log_error(`${gobj_short_name(gobj)}: No gobj_remote_yuno defined`);
 		let jv = priv.json_gobj;
-		if (path && jv && is_gobj(jv) && !gobj_is_destroying(jv)) gobj_send_event$1(jv, "EV_SUBTREE_ERROR", {
+		if (path && jv && is_gobj(jv) && !gobj_is_destroying(jv)) gobj_send_event(jv, "EV_SUBTREE_ERROR", {
 			path,
 			error: t("no session")
 		}, gobj);
@@ -14684,18 +15028,18 @@ function ac_mt_command_answer$1(gobj, event, kw, src) {
 		if (!jv || !is_gobj(jv) || gobj_is_destroying(jv)) return 0;
 		let path = kw_get_str(gobj, kw_command, "path", "", 0);
 		if (result < 0) {
-			if (path) gobj_send_event$1(jv, "EV_SUBTREE_ERROR", {
+			if (path) gobj_send_event(jv, "EV_SUBTREE_ERROR", {
 				path,
 				error: comment || "print-tranger failed"
 			}, gobj);
 			else yui_shell_show_error(yui_shell_of(gobj), comment || "print-tranger failed", { t });
 			return 0;
 		}
-		if (path) gobj_send_event$1(jv, "EV_SUBTREE_LOADED", {
+		if (path) gobj_send_event(jv, "EV_SUBTREE_LOADED", {
 			path,
 			json: data
 		}, gobj);
-		else gobj_send_event$1(jv, "EV_SET_JSON", { json: data }, gobj);
+		else gobj_send_event(jv, "EV_SET_JSON", { json: data }, gobj);
 		return 0;
 	}
 	if (result < 0) {
@@ -14712,7 +15056,7 @@ function ac_mt_command_answer$1(gobj, event, kw, src) {
 			break;
 		case "nodes":
 			let topic_name = kw_get_str(gobj, kw_command, "topic_name", "", kw_flag_t.KW_REQUIRED);
-			if (result >= 0) gobj_send_event$1(gobj_find_child(gobj, { __gobj_name__: `${gobj_name(gobj)}?${topic_name}` }), "EV_LOAD_NODES", data, gobj);
+			if (result >= 0) gobj_send_event(gobj_find_child(gobj, { __gobj_name__: `${gobj_name(gobj)}?${topic_name}` }), "EV_LOAD_NODES", data, gobj);
 			break;
 		case "create-node":
 		case "update-node":
@@ -14773,7 +15117,7 @@ function ac_show$4(gobj, event, kw, src) {
 		if (gobj2) {
 			let $sub_container = gobj_read_attr(gobj2, "$container");
 			if ($sub_container) $sub_container.classList.remove("is-hidden");
-			gobj_send_event$1(gobj2, "EV_SHOW", kw, gobj);
+			gobj_send_event(gobj2, "EV_SHOW", kw, gobj);
 		}
 		show_topic_detail(gobj);
 	}
@@ -14866,7 +15210,7 @@ function ac_hide$3(gobj, event, kw, src) {
 		if (gobj2) {
 			let $sub_container = gobj_read_attr(gobj2, "$container");
 			if ($sub_container) $sub_container.classList.add("is-hidden");
-			gobj_send_event$1(gobj2, "EV_HIDE", {}, gobj);
+			gobj_send_event(gobj2, "EV_HIDE", {}, gobj);
 		}
 	}
 	return 0;
@@ -14878,7 +15222,7 @@ function ac_treedb_node_created$1(gobj, event, kw, src) {
 	let treedb_name = kw_get_str(gobj, kw, "treedb_name", "", 0);
 	let topic_name = kw_get_str(gobj, kw, "topic_name", "", 0);
 	let node = kw_get_dict_value(gobj, kw, "node", null, 0);
-	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event$1(get_gobj_formtable(gobj, topic_name), "EV_LOAD_NODE_CREATED", [node], gobj);
+	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event(get_gobj_formtable(gobj, topic_name), "EV_LOAD_NODE_CREATED", [node], gobj);
 	return 0;
 }
 /********************************************
@@ -14888,7 +15232,7 @@ function ac_treedb_node_updated$1(gobj, event, kw, src) {
 	let treedb_name = kw_get_str(gobj, kw, "treedb_name", "", 0);
 	let topic_name = kw_get_str(gobj, kw, "topic_name", "", 0);
 	let node = kw_get_dict_value(gobj, kw, "node", null, 0);
-	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event$1(get_gobj_formtable(gobj, topic_name), "EV_LOAD_NODE_UPDATED", [node], gobj);
+	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event(get_gobj_formtable(gobj, topic_name), "EV_LOAD_NODE_UPDATED", [node], gobj);
 	return 0;
 }
 /********************************************
@@ -14898,7 +15242,7 @@ function ac_treedb_node_deleted$1(gobj, event, kw, src) {
 	let treedb_name = kw_get_str(gobj, kw, "treedb_name", "", 0);
 	let topic_name = kw_get_str(gobj, kw, "topic_name", "", 0);
 	let node = kw_get_dict_value(gobj, kw, "node", null, 0);
-	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event$1(get_gobj_formtable(gobj, topic_name), "EV_NODE_DELETED", [node], gobj);
+	if (treedb_name === gobj_read_str_attr(gobj, "treedb_name")) gobj_send_event(get_gobj_formtable(gobj, topic_name), "EV_NODE_DELETED", [node], gobj);
 	return 0;
 }
 /********************************************
@@ -15389,7 +15733,7 @@ function cmd_get_topic_data(gobj, cmd, kw, src) {
 async function readClipboard(gobj) {
 	try {
 		const text = await navigator.clipboard.readText();
-		gobj_send_event$1(gobj, "EV_PASTE_ROWS", JSON.parse(text), gobj);
+		gobj_send_event(gobj, "EV_PASTE_ROWS", JSON.parse(text), gobj);
 	} catch (error) {
 		log_error(`Failed to read clipboard contents: ${error}`);
 	}
@@ -15428,7 +15772,7 @@ function build_ui$4(gobj) {
 				]],
 				{ "click": (event) => {
 					event.stopPropagation();
-					gobj_send_event$1(gobj, "EV_EDITION_MODE", {}, gobj);
+					gobj_send_event(gobj, "EV_EDITION_MODE", {}, gobj);
 				} }
 			]);
 			$table_toolbar.appendChild($edit_button);
@@ -15451,7 +15795,7 @@ function build_ui$4(gobj) {
 					]],
 					{ "click": (event) => {
 						event.stopPropagation();
-						gobj_send_event$1(gobj, "EV_NEW_ROW", {}, gobj);
+						gobj_send_event(gobj, "EV_NEW_ROW", {}, gobj);
 					} }
 				]);
 				$table_toolbar.appendChild($new_button);
@@ -15475,7 +15819,7 @@ function build_ui$4(gobj) {
 					]],
 					{ "click": (event) => {
 						event.stopPropagation();
-						gobj_send_event$1(gobj, "EV_DELETE_ROWS", {}, gobj);
+						gobj_send_event(gobj, "EV_DELETE_ROWS", {}, gobj);
 					} }
 				]);
 				$table_toolbar.appendChild($delete_button);
@@ -15499,7 +15843,7 @@ function build_ui$4(gobj) {
 					]],
 					{ "click": (event) => {
 						event.stopPropagation();
-						gobj_send_event$1(gobj, "EV_COPY_ROWS", {}, gobj);
+						gobj_send_event(gobj, "EV_COPY_ROWS", {}, gobj);
 					} }
 				]);
 				$table_toolbar.appendChild($copy_button);
@@ -15588,7 +15932,7 @@ function build_ui$4(gobj) {
 			]],
 			{ "click": (event) => {
 				event.stopPropagation();
-				gobj_send_event$1(gobj, "EV_REFRESH", {}, gobj);
+				gobj_send_event(gobj, "EV_REFRESH", {}, gobj);
 			} }
 		]);
 		$view_toolbar.appendChild($refresh);
@@ -15739,7 +16083,7 @@ function create_tabulator(gobj) {
 							click_y: pos.top
 						};
 					}
-					gobj_send_event$1(gobj, "EV_SHOW_HOOK_DATA", kw_hook, gobj);
+					gobj_send_event(gobj, "EV_SHOW_HOOK_DATA", kw_hook, gobj);
 				};
 				break;
 			case "image":
@@ -15813,7 +16157,7 @@ function create_tabulator(gobj) {
 				show_edit_form(gobj, row, index);
 			} else if (e.target.closest(".remove")) {
 				e.stopPropagation();
-				gobj_send_event$1(gobj, "EV_DELETE_ROWS", {
+				gobj_send_event(gobj, "EV_DELETE_ROWS", {
 					index,
 					row
 				}, gobj);
@@ -15868,10 +16212,10 @@ function create_tabulator(gobj) {
 	tabulator.on("dataProcessed", update_rowcount);
 	tabulator.on("dataChanged", update_rowcount);
 	tabulator.on("rowSelected", function(row) {
-		gobj_send_event$1(gobj, "EV_SELECT_ROWS", { rows: [row.getData()] }, gobj);
+		gobj_send_event(gobj, "EV_SELECT_ROWS", { rows: [row.getData()] }, gobj);
 	});
 	tabulator.on("rowDeselected", function(row) {
-		gobj_send_event$1(gobj, "EV_UNSELECT_ROWS", { rows: [row.getData()] }, gobj);
+		gobj_send_event(gobj, "EV_UNSELECT_ROWS", { rows: [row.getData()] }, gobj);
 	});
 	gobj_write_attr(gobj, "tabulator", tabulator);
 	refresh_language(gobj_read_attr(gobj, "$container"), t);
@@ -16094,7 +16438,7 @@ function form_may_close(gobj) {
 	let priv = gobj.priv;
 	if (priv.form) {
 		let kw = {};
-		gobj_send_event$1(priv.form, "EV_WINDOW_TO_CLOSE", kw, gobj);
+		gobj_send_event(priv.form, "EV_WINDOW_TO_CLOSE", kw, gobj);
 		if (kw.abort_close) {
 			yui_shell_confirm_yesnocancel(yui_shell_of(gobj), "All changes will be lost. Are you sure?", {
 				t,
@@ -17260,7 +17604,7 @@ function make_toolbar(gobj) {
 					[["select", { class: "GRAPH_LAYOUT_SELECT" }]],
 					{ change: (evt) => {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_SET_LAYOUT", { layout: evt.target.value }, gobj);
+						gobj_send_event(gobj, "EV_SET_LAYOUT", { layout: evt.target.value }, gobj);
 					} }
 				],
 				[
@@ -17286,7 +17630,7 @@ function make_toolbar(gobj) {
 					]],
 					{ change: (evt) => {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_SET_OPERATION_MODE", { operation_mode: evt.target.value }, gobj);
+						gobj_send_event(gobj, "EV_SET_OPERATION_MODE", { operation_mode: evt.target.value }, gobj);
 					} }
 				],
 				[
@@ -17303,7 +17647,7 @@ function make_toolbar(gobj) {
 					]],
 					{ click: (evt) => {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_REFRESH_TREEDB", { evt }, gobj);
+						gobj_send_event(gobj, "EV_REFRESH_TREEDB", { evt }, gobj);
 					} }
 				],
 				[
@@ -17326,7 +17670,7 @@ function make_toolbar(gobj) {
 					]],
 					{ click: (evt) => {
 						evt.stopPropagation();
-						gobj_send_event$1(gobj, "EV_OPEN_JSON", {}, gobj);
+						gobj_send_event(gobj, "EV_OPEN_JSON", {}, gobj);
 					} }
 				]
 			]
@@ -17440,7 +17784,7 @@ function open_json_viewer(gobj) {
 			t,
 			on_close: () => {
 				if (gobj_is_destroying(gobj)) return;
-				gobj_send_event$1(gobj, "EV_JSON_CLOSED", {}, gobj);
+				gobj_send_event(gobj, "EV_JSON_CLOSED", {}, gobj);
 			}
 		});
 	} else {
@@ -17464,7 +17808,7 @@ function open_json_viewer(gobj) {
 			manager: null,
 			on_close: () => {
 				if (gobj_is_destroying(gobj)) return;
-				gobj_send_event$1(gobj, "EV_JSON_CLOSED", {}, gobj);
+				gobj_send_event(gobj, "EV_JSON_CLOSED", {}, gobj);
 			}
 		}, gobj);
 		if (!priv.json_win) {
@@ -17516,7 +17860,7 @@ function request_print_tranger(gobj, path) {
 	if (!priv.gobj_remote_yuno) {
 		log_error(`${gobj_short_name(gobj)}: No gobj_remote_yuno defined`);
 		let jv = priv.json_gobj;
-		if (path && jv && is_gobj(jv) && !gobj_is_destroying(jv)) gobj_send_event$1(jv, "EV_SUBTREE_ERROR", {
+		if (path && jv && is_gobj(jv) && !gobj_is_destroying(jv)) gobj_send_event(jv, "EV_SUBTREE_ERROR", {
 			path,
 			error: t("no session")
 		}, gobj);
@@ -17725,7 +18069,7 @@ function request_treedb_descs(gobj) {
 function process_treedb_descs(gobj, descs) {
 	let priv = gobj.priv;
 	gobj_write_attr(gobj, "descs", descs);
-	if (priv.gobj_nodes_tree) gobj_send_event$1(priv.gobj_nodes_tree, "EV_DESCS", descs, gobj);
+	if (priv.gobj_nodes_tree) gobj_send_event(priv.gobj_nodes_tree, "EV_DESCS", descs, gobj);
 	for (const topic_name of Object.keys(descs)) if (topic_name.substring(0, 2) === "__") {
 		if (topic_name === "__graphs__") get_nodes(gobj, topic_name);
 	}
@@ -17827,7 +18171,7 @@ function subscribe_treedb(gobj, topic_name) {
 ********************************************/
 function refresh_data(gobj) {
 	let priv = gobj.priv;
-	if (priv.gobj_nodes_tree) gobj_send_event$1(priv.gobj_nodes_tree, "EV_CLEAR_DATA", {}, gobj);
+	if (priv.gobj_nodes_tree) gobj_send_event(priv.gobj_nodes_tree, "EV_CLEAR_DATA", {}, gobj);
 	request_treedb_descs(gobj);
 }
 /***************************
@@ -17859,18 +18203,18 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 		if (!jv || !is_gobj(jv) || gobj_is_destroying(jv)) return 0;
 		let path = kw_get_str(gobj, kw_command, "path", "", 0);
 		if (result < 0) {
-			if (path) gobj_send_event$1(jv, "EV_SUBTREE_ERROR", {
+			if (path) gobj_send_event(jv, "EV_SUBTREE_ERROR", {
 				path,
 				error: comment || "print-tranger failed"
 			}, gobj);
 			else yui_shell_show_error(yui_shell_of(gobj), comment || "print-tranger failed", { t });
 			return 0;
 		}
-		if (path) gobj_send_event$1(jv, "EV_SUBTREE_LOADED", {
+		if (path) gobj_send_event(jv, "EV_SUBTREE_LOADED", {
 			path,
 			json: data
 		}, gobj);
-		else gobj_send_event$1(jv, "EV_SET_JSON", { json: data }, gobj);
+		else gobj_send_event(jv, "EV_SET_JSON", { json: data }, gobj);
 		return 0;
 	}
 	if (result < 0) if (command === "descs") show_load_error(gobj, t(comment));
@@ -17880,14 +18224,14 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 			if (result >= 0) process_treedb_descs(gobj, data);
 			break;
 		case "nodes":
-			if (result >= 0) gobj_send_event$1(priv.gobj_nodes_tree, "EV_LOAD_DATA", {
+			if (result >= 0) gobj_send_event(priv.gobj_nodes_tree, "EV_LOAD_DATA", {
 				kw_command,
 				schema,
 				data
 			}, gobj);
 			break;
 		case "node":
-			if (result >= 0) gobj_send_event$1(priv.gobj_nodes_tree, "EV_NODE_UPDATED", {
+			if (result >= 0) gobj_send_event(priv.gobj_nodes_tree, "EV_NODE_UPDATED", {
 				topic_name: kw_get_str(gobj, kw_command, "topic_name", "", 0),
 				node: data
 			}, gobj);
@@ -17914,7 +18258,7 @@ function ac_treedb_node_created(gobj, event, kw, src) {
 		return 0;
 	}
 	let schema = priv.descs[topic_name];
-	if (priv.gobj_nodes_tree) gobj_send_event$1(priv.gobj_nodes_tree, "EV_NODE_CREATED", {
+	if (priv.gobj_nodes_tree) gobj_send_event(priv.gobj_nodes_tree, "EV_NODE_CREATED", {
 		schema,
 		topic_name,
 		node
@@ -17933,7 +18277,7 @@ function ac_treedb_node_updated(gobj, event, kw, src) {
 		log_error("It's not my treedb_name: " + treedb_name);
 		return 0;
 	}
-	if (priv.gobj_nodes_tree) gobj_send_event$1(priv.gobj_nodes_tree, "EV_NODE_UPDATED", {
+	if (priv.gobj_nodes_tree) gobj_send_event(priv.gobj_nodes_tree, "EV_NODE_UPDATED", {
 		topic_name,
 		node
 	}, gobj);
@@ -17987,7 +18331,7 @@ function ac_treedb_node_deleted(gobj, event, kw, src) {
 		log_error("It's not my treedb_name: " + treedb_name);
 		return 0;
 	}
-	if (priv.gobj_nodes_tree) gobj_send_event$1(priv.gobj_nodes_tree, "EV_NODE_DELETED", {
+	if (priv.gobj_nodes_tree) gobj_send_event(priv.gobj_nodes_tree, "EV_NODE_DELETED", {
 		topic_name,
 		node
 	}, gobj);
@@ -18062,7 +18406,7 @@ function ac_show_hook_data(gobj, event, kw, src) {
 	if (!found_gobj) {
 		found_gobj = gobj_create_service(name, priv.hook_data_viewer, kw, gobj);
 		gobj_start(found_gobj);
-	} else gobj_send_event$1(found_gobj, "EV_TOGGLE", {}, gobj);
+	} else gobj_send_event(found_gobj, "EV_TOGGLE", {}, gobj);
 	return 0;
 }
 /********************************************
@@ -18075,8 +18419,8 @@ function ac_show_treedb_topic(gobj, event, kw, src) {
 		log_error("gobj_treedb_tables not available");
 		return 0;
 	}
-	let gobj_topic_formtable = gobj_send_event$1(priv.gobj_treedb_tables, "EV_GET_TOPIC_FORMTABLE", { topic_name }, gobj);
-	if (gobj_topic_formtable) gobj_send_event$1(gobj_topic_formtable, "EV_TOGGLE", {}, gobj);
+	let gobj_topic_formtable = gobj_send_event(priv.gobj_treedb_tables, "EV_GET_TOPIC_FORMTABLE", { topic_name }, gobj);
+	if (gobj_topic_formtable) gobj_send_event(gobj_topic_formtable, "EV_TOGGLE", {}, gobj);
 	else log_error("Topic Formtable not found: " + topic_name);
 	return 0;
 }
@@ -18206,7 +18550,7 @@ function ac_set_layout$1(gobj, event, kw, src) {
 	gobj_save_persistent_attrs(gobj, "layout");
 	let $layout_select = priv.$container.querySelector(".GRAPH_LAYOUT_SELECT");
 	$layout_select.value = priv.layout;
-	gobj_send_event$1(priv.gobj_nodes_tree, "EV_SET_LAYOUT", { layout }, gobj);
+	gobj_send_event(priv.gobj_nodes_tree, "EV_SET_LAYOUT", { layout }, gobj);
 	return 0;
 }
 /************************************************************
@@ -18219,7 +18563,7 @@ function ac_set_operation_mode$1(gobj, event, kw, src) {
 	gobj_save_persistent_attrs(gobj, "operation_mode");
 	let $operation_mode_select = priv.$container.querySelector(".GRAPH_MODE_SELECT");
 	$operation_mode_select.value = priv.operation_mode;
-	gobj_send_event$1(priv.gobj_nodes_tree, "EV_SET_OPERATION_MODE", { operation_mode }, gobj);
+	gobj_send_event(priv.gobj_nodes_tree, "EV_SET_OPERATION_MODE", { operation_mode }, gobj);
 	gobj_publish_event(gobj, "EV_OPERATION_MODE_CHANGED", { operation_mode });
 	return 0;
 }
@@ -18231,7 +18575,7 @@ function ac_set_operation_mode$1(gobj, event, kw, src) {
 ************************************************************/
 function ac_set_focus_topic(gobj, event, kw, src) {
 	let priv = gobj.priv;
-	if (priv.gobj_nodes_tree) gobj_send_event$1(priv.gobj_nodes_tree, "EV_FOCUS_TOPIC", { topic: kw && kw.topic }, gobj);
+	if (priv.gobj_nodes_tree) gobj_send_event(priv.gobj_nodes_tree, "EV_FOCUS_TOPIC", { topic: kw && kw.topic }, gobj);
 	return 0;
 }
 /************************************************************
@@ -18246,14 +18590,14 @@ function ac_set_focus_topic(gobj, event, kw, src) {
 ************************************************************/
 function ac_show$2(gobj, event, kw, src) {
 	let priv = gobj.priv;
-	return gobj_send_event$1(priv.gobj_nodes_tree, event, kw, gobj);
+	return gobj_send_event(priv.gobj_nodes_tree, event, kw, gobj);
 }
 /************************************************************
 *   Parent (routing) inform us that we go hidden
 ************************************************************/
 function ac_hide$1(gobj, event, kw, src) {
 	let priv = gobj.priv;
-	return gobj_send_event$1(priv.gobj_nodes_tree, event, kw, gobj);
+	return gobj_send_event(priv.gobj_nodes_tree, event, kw, gobj);
 }
 /***************************
 *          FSM
@@ -18650,8 +18994,7 @@ function build_graph$1(gobj) {
 	priv.graph = graph;
 	graph.setTheme(dark ? "dark" : "light");
 	graph.on(NodeEvent.CLICK, (evt) => {
-		let node_id = evt && evt.target && evt.target.id;
-		gobj_send_event(gobj, "EV_NODE_CLICK", { node_id }, gobj);
+		gobj_send_event(gobj, "EV_NODE_CLICK", { node_id: evt && evt.target && evt.target.id }, gobj);
 	});
 	graph.render().then(() => {
 		try {
@@ -45557,7 +45900,7 @@ function mt_create$1(gobj) {
 			if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 			priv._resize_raf = requestAnimationFrame(() => {
 				priv._resize_raf = 0;
-				if (priv.graph && priv.graph_rendered) gobj_send_event$1(gobj, "EV_RESIZE", {}, gobj);
+				if (priv.graph && priv.graph_rendered) gobj_send_event(gobj, "EV_RESIZE", {}, gobj);
 			});
 		});
 		ro.observe(priv.$container);
@@ -45723,7 +46066,7 @@ function configure_events(gobj) {
 	let priv = gobj.priv;
 	let graph = priv.graph;
 	graph.on(CanvasEvent.CLICK, (evt) => {
-		gobj_send_event$1(gobj, "EV_CANVAS_CLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_CANVAS_CLICK", { evt }, gobj);
 	});
 	graph.on(NodeEvent.DRAG, (evt) => {
 		update_resize_handles_position(gobj);
@@ -45733,16 +46076,16 @@ function configure_events(gobj) {
 		update_link_icon_position(gobj);
 	});
 	graph.on(NodeEvent.DRAG_END, (evt) => {
-		gobj_send_event$1(gobj, "EV_NODE_DRAG_END", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_DRAG_END", { evt }, gobj);
 	});
 	graph.on(NodeEvent.CLICK, (evt) => {
-		gobj_send_event$1(gobj, "EV_NODE_CLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_CLICK", { evt }, gobj);
 	});
 	graph.on(NodeEvent.CONTEXT_MENU, (evt) => {
-		gobj_send_event$1(gobj, "EV_NODE_CONTEXT_MENU", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_CONTEXT_MENU", { evt }, gobj);
 	});
 	graph.on(EdgeEvent.CLICK, (evt) => {
-		gobj_send_event$1(gobj, "EV_EDGE_CLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_EDGE_CLICK", { evt }, gobj);
 	});
 	graph.on("aftertransform", () => {
 		update_resize_handles_position(gobj);
@@ -45878,25 +46221,25 @@ function configure_toolbar(gobj) {
 		onClick: (value) => {
 			switch (value) {
 				case "zoom-in":
-					gobj_send_event$1(gobj, "EV_ZOOM_IN", {}, gobj);
+					gobj_send_event(gobj, "EV_ZOOM_IN", {}, gobj);
 					break;
 				case "zoom-out":
-					gobj_send_event$1(gobj, "EV_ZOOM_OUT", {}, gobj);
+					gobj_send_event(gobj, "EV_ZOOM_OUT", {}, gobj);
 					break;
 				case "reset":
-					gobj_send_event$1(gobj, "EV_ZOOM_RESET", {}, gobj);
+					gobj_send_event(gobj, "EV_ZOOM_RESET", {}, gobj);
 					break;
 				case "auto-fit":
-					gobj_send_event$1(gobj, "EV_AUTO_FIT", {}, gobj);
+					gobj_send_event(gobj, "EV_AUTO_FIT", {}, gobj);
 					break;
 				case "center":
-					gobj_send_event$1(gobj, "EV_CENTER", {}, gobj);
+					gobj_send_event(gobj, "EV_CENTER", {}, gobj);
 					break;
 				case "request-fullscreen":
-					gobj_send_event$1(gobj, "EV_REQUEST_FULLSCREEN", {}, gobj);
+					gobj_send_event(gobj, "EV_REQUEST_FULLSCREEN", {}, gobj);
 					break;
 				case "exit-fullscreen":
-					gobj_send_event$1(gobj, "EV_EXIT_FULLSCREEN", {}, gobj);
+					gobj_send_event(gobj, "EV_EXIT_FULLSCREEN", {}, gobj);
 					break;
 			}
 		}
@@ -45963,13 +46306,13 @@ function configure_toolbar_edit(gobj) {
 					toggle_create_popover(gobj);
 					break;
 				case "undo":
-					gobj_send_event$1(gobj, "EV_HISTORY_UNDO", {}, gobj);
+					gobj_send_event(gobj, "EV_HISTORY_UNDO", {}, gobj);
 					break;
 				case "redo":
-					gobj_send_event$1(gobj, "EV_HISTORY_REDO", {}, gobj);
+					gobj_send_event(gobj, "EV_HISTORY_REDO", {}, gobj);
 					break;
 				case "save":
-					gobj_send_event$1(gobj, "EV_SAVE_GRAPH", {}, gobj);
+					gobj_send_event(gobj, "EV_SAVE_GRAPH", {}, gobj);
 					break;
 			}
 		}
@@ -50542,10 +50885,10 @@ function build_ui(gobj) {
 		[priv.$modes]
 	]);
 	if (priv.modes.some((m) => m.overflow)) $modes_row.appendChild(build_more_menu(gobj));
-	priv.$first = nav_button(gobj, "YUI_PERIOD_FIRST", "yi-backward-step", "oldest period", () => gobj_send_event$1(gobj, "EV_FIRST", {}, gobj));
-	priv.$prev = nav_button(gobj, "YUI_PERIOD_PREV", "yi-chevron-left", "previous period", () => gobj_send_event$1(gobj, "EV_PREV", {}, gobj));
-	priv.$next = nav_button(gobj, "YUI_PERIOD_NEXT", "yi-chevron-right", "next period", () => gobj_send_event$1(gobj, "EV_NEXT", {}, gobj));
-	priv.$latest = nav_button(gobj, "YUI_PERIOD_LATEST", "yi-forward-step", "latest period", () => gobj_send_event$1(gobj, "EV_LATEST", {}, gobj));
+	priv.$first = nav_button(gobj, "YUI_PERIOD_FIRST", "yi-backward-step", "oldest period", () => gobj_send_event(gobj, "EV_FIRST", {}, gobj));
+	priv.$prev = nav_button(gobj, "YUI_PERIOD_PREV", "yi-chevron-left", "previous period", () => gobj_send_event(gobj, "EV_PREV", {}, gobj));
+	priv.$next = nav_button(gobj, "YUI_PERIOD_NEXT", "yi-chevron-right", "next period", () => gobj_send_event(gobj, "EV_NEXT", {}, gobj));
+	priv.$latest = nav_button(gobj, "YUI_PERIOD_LATEST", "yi-forward-step", "latest period", () => gobj_send_event(gobj, "EV_LATEST", {}, gobj));
 	priv.$label = createElement2([
 		"button",
 		{
@@ -50567,7 +50910,7 @@ function build_ui(gobj) {
 		]]
 	]);
 	priv.$label.addEventListener("click", () => {
-		gobj_send_event$1(gobj, "EV_PICK_DATE", {}, gobj);
+		gobj_send_event(gobj, "EV_PICK_DATE", {}, gobj);
 	});
 	if (gobj_read_bool_attr(gobj, "with_resolved")) priv.$resolved = createElement2([
 		"p",
@@ -50609,7 +50952,7 @@ function build_mode_button(gobj, mode) {
 		]]
 	]);
 	$btn.addEventListener("click", () => {
-		gobj_send_event$1(gobj, "EV_SET_MODE", { mode: mode.id }, gobj);
+		gobj_send_event(gobj, "EV_SET_MODE", { mode: mode.id }, gobj);
 	});
 	mode.$btn = $btn;
 	return $btn;
@@ -50642,7 +50985,7 @@ function build_more_menu(gobj) {
 		$item.addEventListener("click", (ev) => {
 			ev.preventDefault();
 			close_more(gobj);
-			gobj_send_event$1(gobj, "EV_SET_MODE", { mode: mode.id }, gobj);
+			gobj_send_event(gobj, "EV_SET_MODE", { mode: mode.id }, gobj);
 		});
 		mode.$btn = $item;
 		$items.appendChild($item);
@@ -50936,7 +51279,7 @@ function render_calendar(gobj) {
 		]]
 	]);
 	$today.addEventListener("click", () => {
-		gobj_send_event$1(gobj, "EV_DATE_PICKED", { anchor: Date.now() }, gobj);
+		gobj_send_event(gobj, "EV_DATE_PICKED", { anchor: Date.now() }, gobj);
 	});
 	priv.$calendar.replaceChildren($head, $grid, $today);
 }
@@ -50953,7 +51296,7 @@ function cell_button(gobj, label, anchor_ms, selected, logical, aria) {
 		String(label)
 	]);
 	$btn.addEventListener("click", () => {
-		gobj_send_event$1(gobj, "EV_DATE_PICKED", { anchor: anchor_ms }, gobj);
+		gobj_send_event(gobj, "EV_DATE_PICKED", { anchor: anchor_ms }, gobj);
 	});
 	return $btn;
 }
@@ -51034,7 +51377,7 @@ function build_days_grid(gobj, view, locale) {
 				String(wk)
 			]);
 			$wk.addEventListener("click", () => {
-				gobj_send_event$1(gobj, "EV_DATE_PICKED", { anchor: monday.getTime() }, gobj);
+				gobj_send_event(gobj, "EV_DATE_PICKED", { anchor: monday.getTime() }, gobj);
 			});
 			$cells.push($wk);
 		}
@@ -51998,7 +52341,7 @@ function render_full(e) {
 	let payload = full_sections(e.kw ? e.kw : e.jn);
 	let text;
 	try {
-		text = JSON.stringify(payload, null, 2);
+		text = JSON.stringify(payload, null, 4);
 	} catch (err) {
 		text = String(payload);
 	}
@@ -52261,7 +52604,7 @@ function info_log(level, msg, hora) {
 		let text;
 		if (lvl === "json") {
 			try {
-				text = JSON.stringify(msg, null, 2);
+				text = JSON.stringify(msg, null, 4);
 			} catch (e) {
 				text = String(msg);
 			}
@@ -52435,7 +52778,7 @@ function traffic_to_text() {
 		out.push(head);
 		let payload = e.kw ? e.kw : e.jn;
 		try {
-			out.push(JSON.stringify(payload, null, 2));
+			out.push(JSON.stringify(payload, null, 4));
 		} catch (err) {
 			out.push(String(payload));
 		}