@yuneta/gobj-ui 5.4.0 → 5.6.0

package/dist/gobj-ui.cjs.js

@@ -799,7 +799,7 @@ function secondary_nav_renders(item, layout) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$17 = "C_YUI_SHELL";
+var GCLASS_NAME$18 = "C_YUI_SHELL";
 var __last_shell__ = null;
 var ZONE_IDS = [
 	"top",
@@ -821,7 +821,7 @@ var LAYER_DEFS = [
 /***************************************************************
 *              Attrs
 ***************************************************************/
-var attrs_table$17 = [
+var attrs_table$18 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_JSON, "config", 0, null, "Shell declarative config (zones, menu, stages, toolbar)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "default_route", 0, "", "Fallback route if hash is empty"),
@@ -832,7 +832,7 @@ var attrs_table$17 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$container", 0, null, "Root HTMLElement of the shell"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$17 = {
+var PRIVATE_DATA$18 = {
 	zones: {},
 	layers: {},
 	stages: {},
@@ -854,14 +854,14 @@ var PRIVATE_DATA$17 = {
 	conn_nodes: [],
 	active_dropdown: null
 };
-var __gclass__$17 = null;
+var __gclass__$18 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$17(gobj) {
+function mt_create$18(gobj) {
 	const subscriber = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "subscriber");
 	if (subscriber) (0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
 	__last_shell__ = gobj;
@@ -870,7 +870,7 @@ function mt_create$17(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$14(gobj) {
+function mt_start$15(gobj) {
 	let config = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "config") || {};
 	let priv = gobj.priv;
 	if (!validate_config(config)) {
@@ -939,7 +939,7 @@ function mt_start$14(gobj) {
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$14(gobj) {
+function mt_stop$15(gobj) {
 	let priv = gobj.priv;
 	if (!priv) return;
 	close_toolbar_dropdown(gobj);
@@ -980,7 +980,7 @@ function mt_stop$14(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$17(gobj) {
+function mt_destroy$18(gobj) {
 	close_toolbar_dropdown(gobj);
 	let $container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
 	if ($container && $container.parentNode) $container.parentNode.removeChild($container);
@@ -1590,8 +1590,7 @@ function build_view_gobj(gobj, entry, route, stage) {
 	}
 	stage.el.appendChild($view);
 	(0, _yuneta_gobj_js.gobj_start)(view);
-	let priv = gobj.priv;
-	if (priv && typeof priv.translator === "function" && target.gclass === "C_YUI_NAV") (0, _yuneta_gobj_js.refresh_language)($view, priv.translator);
+	if (target.gclass === "C_YUI_NAV") yui_shell_translate(gobj, $view);
 	return view;
 }
 function safe_id(s) {
@@ -1657,17 +1656,59 @@ function build_toolbar(gobj, config) {
 	$zone.appendChild($bar);
 }
 /************************************************************
+*  The badge node of a toolbar item — the little count pinned to
+*  the corner of its icon (unread notifications, active alarms).
+*
+*  ALWAYS rendered, hidden when empty, so the runtime setter has a
+*  node to write into and does not have to rebuild the button.
+*
+*  EMPTY IS 0, "" AND null ALIKE: a badge reading "0" is worse than
+*  no badge — it draws the eye to say nothing.  A count is only
+*  worth a pixel when there IS something.
+*
+*  Capped at 99+: the toolbar is a fixed-width row, and a four
+*  digit pill pushes the items next to it off a phone screen.
+*
+*  role="status" and NOT aria-hidden, deliberately.  The button
+*  carries an explicit aria-label, and an explicit label REPLACES
+*  the element's content for a screen reader — so a badge inside
+*  it would be silent.  As its own live region it is both read and
+*  announced when the count changes, which is the whole point of a
+*  badge that means "something needs you".
+************************************************************/
+function badge_text(value) {
+	if (value === null || value === void 0 || value === false) return "";
+	if (typeof value === "number") {
+		if (!isFinite(value) || value <= 0) return "";
+		return value > 99 ? "99+" : String(Math.floor(value));
+	}
+	return String(value).trim();
+}
+function badge_node(value) {
+	let text = badge_text(value);
+	let attrs = {
+		class: "yui-toolbar-badge",
+		role: "status"
+	};
+	if (!text) attrs.hidden = "hidden";
+	return [
+		"span",
+		attrs,
+		text
+	];
+}
+/************************************************************
 *  Renderer for the default ("action") item kind.
 ************************************************************/
 function build_toolbar_action_item(gobj, it) {
 	let children = [];
 	if (!(0, _yuneta_gobj_js.empty_string)(it.icon)) children.push([
 		"span",
-		{ class: "icon" },
-		["i", {
+		{ class: "icon yui-toolbar-icon" },
+		[["i", {
 			class: it.icon,
 			"aria-hidden": "true"
-		}]
+		}], badge_node(it.badge)]
 	]);
 	if (!(0, _yuneta_gobj_js.empty_string)(it.name)) children.push([
 		"span",
@@ -1962,7 +2003,7 @@ function open_toolbar_dropdown(gobj, item, action, $trigger) {
 	} else style_parts.push(`left:${Math.max(0, Math.round(rect.left))}px`);
 	$panel.setAttribute("style", style_parts.join(";"));
 	priv.layers.popup.appendChild($panel);
-	if (typeof priv.translator === "function") (0, _yuneta_gobj_js.refresh_language)($panel, priv.translator);
+	yui_shell_translate(gobj, $panel);
 	let backdrop = (ev) => {
 		if ($panel.contains(ev.target)) return;
 		if ($trigger && $trigger.contains(ev.target)) return;
@@ -2375,14 +2416,14 @@ function ac_nav_item_close(gobj, event, kw, src) {
 /***************************************************************
 *              FSM
 ***************************************************************/
-var gmt$17 = {
-	mt_create: mt_create$17,
-	mt_start: mt_start$14,
-	mt_stop: mt_stop$14,
-	mt_destroy: mt_destroy$17
+var gmt$18 = {
+	mt_create: mt_create$18,
+	mt_start: mt_start$15,
+	mt_stop: mt_stop$15,
+	mt_destroy: mt_destroy$18
 };
-function create_gclass$17(gclass_name) {
-	if (__gclass__$17) {
+function create_gclass$18(gclass_name) {
+	if (__gclass__$18) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -2403,19 +2444,19 @@ function create_gclass$17(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$17 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$18 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_NAV_CLICKED", 0],
 		["EV_DRAWER_CLOSE_REQUESTED", 0],
 		["EV_NAV_ITEM_CLOSE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_ROUTE_REQUESTED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_ROUTE_CHANGED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_LANGUAGE_CHANGED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_PUBLIC_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$17, 0, attrs_table$17, PRIVATE_DATA$17, 0, 0, 0, _yuneta_gobj_js.gclass_flag_t.gcflag_no_check_output_events);
-	if (!__gclass__$17) return -1;
+	], states, gmt$18, 0, attrs_table$18, PRIVATE_DATA$18, 0, 0, 0, _yuneta_gobj_js.gclass_flag_t.gcflag_no_check_output_events);
+	if (!__gclass__$18) return -1;
 	return 0;
 }
 function register_c_yui_shell() {
-	return create_gclass$17(GCLASS_NAME$17);
+	return create_gclass$18(GCLASS_NAME$18);
 }
 /***************************************************************
 *  Public helpers — exported alongside register_c_yui_shell().
@@ -2474,7 +2515,7 @@ function remembered_position(gobj, route) {
 function yui_shell_of(gobj) {
 	let g = gobj;
 	while (g) {
-		if ((0, _yuneta_gobj_js.gobj_gclass_name)(g) === GCLASS_NAME$17) return g;
+		if ((0, _yuneta_gobj_js.gobj_gclass_name)(g) === GCLASS_NAME$18) return g;
 		g = (0, _yuneta_gobj_js.gobj_parent)(g);
 	}
 	return __last_shell__;
@@ -2611,9 +2652,10 @@ function yui_shell_refresh_avatars(shell_gobj) {
 *  Register the host's i18n translator (a t-function:
 *  key => translated string).  The host still translates the
 *  static shell tree itself via refresh_language($container, t);
-*  this is only so the shell can translate DOM it builds LAZILY
-*  and OUTSIDE $container — today the toolbar dropdown panel.
-*  Optional: with no translator the panel renders raw keys
+*  this is only so the shell — and the library components that
+*  build DOM under it — can translate DOM built LAZILY, after
+*  that one-shot pass and often outside $container.
+*  Optional: with no translator such DOM renders raw keys
 *  (the previous behaviour).
 ************************************************************/
 function yui_shell_set_translator(shell_gobj, t) {
@@ -2622,6 +2664,33 @@ function yui_shell_set_translator(shell_gobj, t) {
 	priv.translator = typeof t === "function" ? t : null;
 }
 /************************************************************
+*  Apply the registered translator to a FRESHLY BUILT subtree.
+*
+*  Carrying the `i18n` key on a node is not enough for it to
+*  render translated: the node is born holding the raw English
+*  key, and the host's refresh_language() passes walk what
+*  ALREADY exists — the shell tree at start up, document.body on
+*  a language switch.  Anything built after that (a dropdown
+*  panel, a nav a node renders when you walk into it) is reached
+*  by neither, so it renders the key: lower-case English that
+*  never changes language, i.e. exactly what a MISSING key looks
+*  like.
+*
+*  The division of labour, unchanged: LIBRARY-built DOM is
+*  translated through here; APP view gclasses translate their own
+*  DOM (they own a `t` — see mount_view).
+*
+*  Silent no-op with no shell or no translator: an app that never
+*  registered one keeps the previous behaviour instead of losing
+*  its chrome.
+************************************************************/
+function yui_shell_translate(shell_gobj, $el) {
+	if (!$el || !shell_gobj || !(0, _yuneta_gobj_js.is_gobj)(shell_gobj)) return;
+	let priv = shell_gobj.priv;
+	if (!priv || typeof priv.translator !== "function") return;
+	(0, _yuneta_gobj_js.refresh_language)($el, priv.translator);
+}
+/************************************************************
 *  Set the backend-connection state painted by every
 *  type:"connection" toolbar item.  Host/event-driven: the
 *  app calls this from its transport handlers (EV_ON_OPEN →
@@ -2650,6 +2719,41 @@ function yui_shell_set_toolbar_item_icon(shell_gobj, item_id, icon_class) {
 	if ($i) $i.className = icon_class;
 }
 /************************************************************
+*  Set (or clear) a toolbar item's badge — the count pinned to
+*  its icon.
+*
+*      yui_shell_set_toolbar_item_badge(shell, "alarms", 3);
+*      yui_shell_set_toolbar_item_badge(shell, "alarms", 0);   // hidden
+*
+*  This is the API that matters: a count is a RUNTIME fact.  The
+*  `badge` field of a toolbar item only seeds the first paint, and
+*  an app whose number never changes did not need a badge.
+*
+*  0 / "" / null / false all clear it, and a number over 99 renders
+*  "99+" — see badge_node().  Accepts a string for the states that
+*  are not counts ("!", "…").
+*
+*  Silent no-op on an unknown item id: a toolbar that does not
+*  declare the item (an app without alarms) must not be an error
+*  at every tick of whatever feeds the number.
+************************************************************/
+function yui_shell_set_toolbar_item_badge(shell_gobj, item_id, value) {
+	if (!shell_gobj || !(0, _yuneta_gobj_js.is_gobj)(shell_gobj) || (0, _yuneta_gobj_js.empty_string)(item_id)) return;
+	let $container = (0, _yuneta_gobj_js.gobj_read_attr)(shell_gobj, "$container");
+	if (!$container) return;
+	let $badge = $container.querySelector(`[data-toolbar-item-id="${item_id}"] .yui-toolbar-badge`);
+	if (!$badge) return;
+	let text = badge_text(value);
+	if (!text) {
+		$badge.textContent = "";
+		$badge.setAttribute("hidden", "hidden");
+		return;
+	}
+	if ($badge.textContent === text && !$badge.hasAttribute("hidden")) return;
+	$badge.textContent = text;
+	$badge.removeAttribute("hidden");
+}
+/************************************************************
 *  Programmatic close of any open toolbar dropdown.  Useful for
 *  external triggers (e.g. EV_LOGOUT firing from elsewhere) that
 *  want to dismiss whatever menu is on screen.
@@ -3131,7 +3235,7 @@ function yui_shell_confirm_yesnocancel(shell, message, opts) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$16 = "C_YUI_WINDOW";
+var GCLASS_NAME$17 = "C_YUI_WINDOW";
 var WC_MIN = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"10\" height=\"1.6\" rx=\"0.8\" fill=\"currentColor\"/></svg>";
 var WC_MAX = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"3.3\" y=\"3.3\" width=\"9.4\" height=\"9.4\" rx=\"1.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"/></svg>";
 var WC_RESTORE = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"5.2\" y=\"3\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"/><rect x=\"3\" y=\"5.2\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"var(--bulma-scheme-main)\" stroke=\"currentColor\" stroke-width=\"1.4\"/></svg>";
@@ -3140,7 +3244,7 @@ var MOBILE_MAX = 768;
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$16 = [
+var attrs_table$17 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else to document.body"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_INTEGER, "x", 0, "300", "X position"),
@@ -3178,15 +3282,15 @@ var attrs_table$16 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "win_resize_handler", 0, null, "Internal: native window 'resize' listener"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$16 = { prevSize: 0 };
-var __gclass__$16 = null;
+var PRIVATE_DATA$17 = { prevSize: 0 };
+var __gclass__$17 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$16(gobj) {
+function mt_create$17(gobj) {
 	const subscriber = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "subscriber");
 	if (subscriber) (0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
 	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "window_id", "window-" + (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_short_name)(gobj)));
@@ -3222,7 +3326,7 @@ function mt_create$16(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$16(gobj) {
+function mt_destroy$17(gobj) {
 	let manager = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "manager");
 	if (manager) (0, _yuneta_gobj_js.gobj_send_event)(manager, "EV_UNREGISTER_WINDOW", { window: gobj }, gobj);
 	let back_overlay = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "back_overlay");
@@ -3951,15 +4055,15 @@ function ac_close(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$16 = {
-	mt_create: mt_create$16,
-	mt_destroy: mt_destroy$16
+var gmt$17 = {
+	mt_create: mt_create$17,
+	mt_destroy: mt_destroy$17
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$16(gclass_name) {
-	if (__gclass__$16) {
+function create_gclass$17(gclass_name) {
+	if (__gclass__$17) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -3985,7 +4089,7 @@ function create_gclass$16(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$16 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$17 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_WINDOW_TO_CLOSE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_WINDOW_MOVED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_WINDOW_RESIZED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
@@ -3993,15 +4097,15 @@ function create_gclass$16(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_CLOSE_WINDOW", 0]
-	], states, gmt$16, 0, attrs_table$16, PRIVATE_DATA$16, 0, 0, 0, 0);
-	if (!__gclass__$16) return -1;
+	], states, gmt$17, 0, attrs_table$17, PRIVATE_DATA$17, 0, 0, 0, 0);
+	if (!__gclass__$17) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_window() {
-	return create_gclass$16(GCLASS_NAME$16);
+	return create_gclass$17(GCLASS_NAME$17);
 }
 //#endregion
 //#region src/c_yui_window_manager.js
@@ -4039,13 +4143,13 @@ function register_c_yui_window() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$15 = "C_YUI_WINDOW_MANAGER";
+var GCLASS_NAME$16 = "C_YUI_WINDOW_MANAGER";
 var DOCK_Z = 1e6;
 var WC_X = "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 4.5 L11.5 11.5 M11.5 4.5 L4.5 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$15 = [
+var attrs_table$16 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "dock_mode", 0, "floating", "floating | inline | responsive (floating on wide screens, inline on narrow)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "dock_corner", 0, "bottom-left", "Floating placement: top-left | top-right | bottom-left | bottom-right"),
@@ -4055,20 +4159,20 @@ var attrs_table$15 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$container", 0, null, "Internal: the dock element"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$15 = {
+var PRIVATE_DATA$16 = {
 	windows: null,
 	z: 0,
 	mql: null,
 	mql_handler: null
 };
-var __gclass__$15 = null;
+var __gclass__$16 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$15(gobj) {
+function mt_create$16(gobj) {
 	let priv = gobj.priv;
 	priv.windows = [];
 	priv.z = 10;
@@ -4087,7 +4191,7 @@ function mt_create$15(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$15(gobj) {
+function mt_destroy$16(gobj) {
 	let priv = gobj.priv;
 	if (priv.mql && priv.mql_handler) {
 		priv.mql.removeEventListener("change", priv.mql_handler);
@@ -4446,19 +4550,19 @@ function ac_focus_window(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$15 = {
-	mt_create: mt_create$15,
-	mt_destroy: mt_destroy$15
+var gmt$16 = {
+	mt_create: mt_create$16,
+	mt_destroy: mt_destroy$16
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$15(gclass_name) {
-	if (__gclass__$15) {
+function create_gclass$16(gclass_name) {
+	if (__gclass__$16) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$15 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$16 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_REGISTER_WINDOW", 0],
 		["EV_UNREGISTER_WINDOW", 0],
 		["EV_MINIMIZE_WINDOW", 0],
@@ -4484,15 +4588,15 @@ function create_gclass$15(gclass_name) {
 			ac_focus_window,
 			null
 		]
-	]]], gmt$15, 0, attrs_table$15, PRIVATE_DATA$15, 0, 0, 0, 0);
-	if (!__gclass__$15) return -1;
+	]]], gmt$16, 0, attrs_table$16, PRIVATE_DATA$16, 0, 0, 0, 0);
+	if (!__gclass__$16) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_window_manager() {
-	return create_gclass$15(GCLASS_NAME$15);
+	return create_gclass$16(GCLASS_NAME$16);
 }
 //#endregion
 //#region src/pager_helpers.js
@@ -4578,11 +4682,11 @@ function pager_back_action(stack, back_on_root) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$14 = "C_YUI_PAGER";
+var GCLASS_NAME$15 = "C_YUI_PAGER";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$14 = [
+var attrs_table$15 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "root_title", 0, "", "Title shown on the root page"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "back_on_root", 0, true, "On the root page the back affordance emits EV_PAGER_EXIT"),
@@ -4590,15 +4694,15 @@ var attrs_table$14 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$14 = { stack: null };
-var __gclass__$14 = null;
+var PRIVATE_DATA$15 = { stack: null };
+var __gclass__$15 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$14(gobj) {
+function mt_create$15(gobj) {
 	let priv = gobj.priv;
 	priv.stack = [];
 	build_ui$13(gobj);
@@ -4609,17 +4713,17 @@ function mt_create$14(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$13(gobj) {}
+function mt_start$14(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$13(gobj) {
+function mt_stop$14(gobj) {
 	(0, _yuneta_gobj_js.gobj_stop_children)(gobj);
 }
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$14(gobj) {
+function mt_destroy$15(gobj) {
 	destroy_ui$9(gobj);
 }
 /***************************
@@ -4777,7 +4881,7 @@ function ac_push_page(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let resolved = resolve_panel$1(kw.content);
 	if (!resolved.$el) {
-		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$14}: EV_PUSH_PAGE without content`);
+		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$15}: EV_PUSH_PAGE without content`);
 		return -1;
 	}
 	let $body = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container").querySelector(".yui-pager-body");
@@ -4830,7 +4934,7 @@ function ac_replace_page(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let resolved = resolve_panel$1(kw.content);
 	if (!resolved.$el) {
-		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$14}: EV_REPLACE_PAGE without content`);
+		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$15}: EV_REPLACE_PAGE without content`);
 		return -1;
 	}
 	let $body = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container").querySelector(".yui-pager-body");
@@ -4897,17 +5001,17 @@ function ac_resize$4(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$14 = {
-	mt_create: mt_create$14,
-	mt_start: mt_start$13,
-	mt_stop: mt_stop$13,
-	mt_destroy: mt_destroy$14
+var gmt$15 = {
+	mt_create: mt_create$15,
+	mt_start: mt_start$14,
+	mt_stop: mt_stop$14,
+	mt_destroy: mt_destroy$15
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$14(gclass_name) {
-	if (__gclass__$14) {
+function create_gclass$15(gclass_name) {
+	if (__gclass__$15) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -4958,7 +5062,7 @@ function create_gclass$14(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$14 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$15 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_PUSH_PAGE", 0],
 		["EV_POP_PAGE", 0],
 		["EV_BACK", 0],
@@ -4971,15 +5075,15 @@ function create_gclass$14(gclass_name) {
 		["EV_PAGE_SHOWN", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_PAGE_DISCARD", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_PAGER_EXIT", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt$14, 0, attrs_table$14, PRIVATE_DATA$14, 0, 0, 0, 0);
-	if (!__gclass__$14) return -1;
+	], states, gmt$15, 0, attrs_table$15, PRIVATE_DATA$15, 0, 0, 0, 0);
+	if (!__gclass__$15) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_pager() {
-	return create_gclass$14(GCLASS_NAME$14);
+	return create_gclass$15(GCLASS_NAME$15);
 }
 //#endregion
 //#region src/wizard_helpers.js
@@ -5100,11 +5204,11 @@ function wizard_should_validate(linear, has_gobj) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$13 = "C_YUI_WIZARD";
+var GCLASS_NAME$14 = "C_YUI_WIZARD";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$13 = [
+var attrs_table$14 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "confirm_label", 0, "confirm", "i18n key of the last-step primary button"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "next_label", 0, "next", "i18n key of the primary button (not last step)"),
@@ -5114,20 +5218,20 @@ var attrs_table$13 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$13 = {
+var PRIVATE_DATA$14 = {
 	steps: null,
 	idx: 0,
 	acc: null,
 	awaiting: false
 };
-var __gclass__$13 = null;
+var __gclass__$14 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$13(gobj) {
+function mt_create$14(gobj) {
 	let priv = gobj.priv;
 	priv.steps = [];
 	priv.idx = 0;
@@ -5141,17 +5245,17 @@ function mt_create$13(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$12(gobj) {}
+function mt_start$13(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$12(gobj) {
+function mt_stop$13(gobj) {
 	(0, _yuneta_gobj_js.gobj_stop_children)(gobj);
 }
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$13(gobj) {
+function mt_destroy$14(gobj) {
 	destroy_ui$8(gobj);
 }
 /***************************
@@ -5358,7 +5462,7 @@ function ac_set_steps(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let steps_in = kw && kw.steps || [];
 	if (steps_in.length === 0) {
-		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$13}: EV_SET_STEPS with no steps`);
+		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$14}: EV_SET_STEPS with no steps`);
 		return -1;
 	}
 	let $body = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container").querySelector(".yui-wizard-body");
@@ -5368,7 +5472,7 @@ function ac_set_steps(gobj, event, kw, src) {
 		let st = steps_in[i];
 		let resolved = resolve_panel(st.content);
 		if (!resolved.$el) {
-			(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$13}: step '${st.id}' has no content`);
+			(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$14}: step '${st.id}' has no content`);
 			return -1;
 		}
 		resolved.$el.classList.add("is-hidden");
@@ -5502,17 +5606,17 @@ function ac_resize$3(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$13 = {
-	mt_create: mt_create$13,
-	mt_start: mt_start$12,
-	mt_stop: mt_stop$12,
-	mt_destroy: mt_destroy$13
+var gmt$14 = {
+	mt_create: mt_create$14,
+	mt_start: mt_start$13,
+	mt_stop: mt_stop$13,
+	mt_destroy: mt_destroy$14
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$13(gclass_name) {
-	if (__gclass__$13) {
+function create_gclass$14(gclass_name) {
+	if (__gclass__$14) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -5573,7 +5677,7 @@ function create_gclass$13(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$13 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$14 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_SET_STEPS", 0],
 		["EV_NEXT", 0],
 		["EV_PREV", 0],
@@ -5589,15 +5693,15 @@ function create_gclass$13(gclass_name) {
 		["EV_WIZARD_DONE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_WIZARD_CANCEL", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_STEP_VALIDATE", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$13, 0, attrs_table$13, PRIVATE_DATA$13, 0, 0, 0, 0);
-	if (!__gclass__$13) return -1;
+	], states, gmt$14, 0, attrs_table$14, PRIVATE_DATA$14, 0, 0, 0, 0);
+	if (!__gclass__$14) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_wizard() {
-	return create_gclass$13(GCLASS_NAME$13);
+	return create_gclass$14(GCLASS_NAME$14);
 }
 //#endregion
 //#region src/yui_inputs.js
@@ -5767,11 +5871,11 @@ function yui_watch_theme(gobj, event = "EV_THEME") {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$12 = "C_YUI_FORM";
+var GCLASS_NAME$13 = "C_YUI_FORM";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$12 = [
+var attrs_table$13 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of publishing messages"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else do it manually"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "template", 0, "<div>You must supply a template for form</div>", "Template for form, object -> TEMPLATE, array -> DESC"),
@@ -5799,15 +5903,15 @@ var attrs_table$12 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "changes", 0, false, "Indicates if changes have been made"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$12 = {};
-var __gclass__$12 = null;
+var PRIVATE_DATA$13 = {};
+var __gclass__$13 = null;
 /***************************
 *      Framework Methods
 ***************************/
 /************************************************************
 *      Framework Method create
 ************************************************************/
-function mt_create$12(gobj) {
+function mt_create$13(gobj) {
 	let subscriber = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "subscriber");
 	if (!subscriber) subscriber = (0, _yuneta_gobj_js.gobj_parent)(gobj);
 	(0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
@@ -5819,20 +5923,20 @@ function mt_create$12(gobj) {
 *      In this point, all children
 *      and subscriptions are already deleted.
 ************************************************************/
-function mt_destroy$12(gobj) {
+function mt_destroy$13(gobj) {
 	destroy_ui$7(gobj);
 }
 /************************************************************
 *      Framework Method start
 ************************************************************/
-function mt_start$11(gobj) {
+function mt_start$12(gobj) {
 	let record = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "record");
 	if (record) (0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_LOAD_RECORD", record, gobj);
 }
 /************************************************************
 *      Framework Method stop
 ************************************************************/
-function mt_stop$11(gobj) {}
+function mt_stop$12(gobj) {}
 /***************************
 *      Local Methods
 ***************************/
@@ -7843,17 +7947,17 @@ function ac_timeout(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$12 = {
-	mt_create: mt_create$12,
-	mt_start: mt_start$11,
-	mt_stop: mt_stop$11,
-	mt_destroy: mt_destroy$12
+var gmt$13 = {
+	mt_create: mt_create$13,
+	mt_start: mt_start$12,
+	mt_stop: mt_stop$12,
+	mt_destroy: mt_destroy$13
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$12(gclass_name) {
-	if (__gclass__$12) {
+function create_gclass$13(gclass_name) {
+	if (__gclass__$13) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -7934,7 +8038,7 @@ function create_gclass$12(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$12 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$13 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_LOAD_RECORD", 0],
 		["EV_SAVE_RECORD", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
 		["EV_UNDO_RECORD", 0],
@@ -7950,16 +8054,16 @@ function create_gclass$12(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_TIMEOUT", 0]
-	], states, gmt$12, 0, attrs_table$12, PRIVATE_DATA$12, 0, 0, 0, 0);
-	if (!__gclass__$12) return -1;
+	], states, gmt$13, 0, attrs_table$13, PRIVATE_DATA$13, 0, 0, 0, 0);
+	if (!__gclass__$13) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_form() {
-	if ((0, _yuneta_gobj_js.gclass_find_by_name)(GCLASS_NAME$12, false)) return 0;
-	return create_gclass$12(GCLASS_NAME$12);
+	if ((0, _yuneta_gobj_js.gclass_find_by_name)(GCLASS_NAME$13, false)) return 0;
+	return create_gclass$13(GCLASS_NAME$13);
 }
 //#endregion
 //#region src/lib_maplibre.js
@@ -8119,11 +8223,11 @@ var MarkerControl = class {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$11 = "C_YUI_MAP";
+var GCLASS_NAME$12 = "C_YUI_MAP";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$11 = [
+var attrs_table$12 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_JSON, "devices", "[]", null, "List of devices"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_JSON, "map_settings", 0, {
@@ -8144,7 +8248,7 @@ var attrs_table$11 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_INTEGER, "timeout_idle", 0, 5, "Idle timeout in seconds"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$11 = {
+var PRIVATE_DATA$12 = {
 	xmap: null,
 	geojson: null,
 	resizeObserver: null,
@@ -8153,21 +8257,21 @@ var PRIVATE_DATA$11 = {
 	markers: {},
 	draggedFeature: null
 };
-var __gclass__$11 = null;
+var __gclass__$12 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$11(gobj) {
+function mt_create$12(gobj) {
 	let priv = gobj.priv;
 	let subscriber = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "subscriber");
 	if (!subscriber) subscriber = (0, _yuneta_gobj_js.gobj_parent)(gobj);
 	(0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
 	let map_settings = (0, _yuneta_gobj_js.json_deep_copy)((0, _yuneta_gobj_js.gobj_read_attr)(gobj, "map_settings"));
 	let $map = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$map");
-	if ($map) $map.classList.add(GCLASS_NAME$11);
+	if ($map) $map.classList.add(GCLASS_NAME$12);
 	Object.assign(map_settings, { container: $map });
 	priv.onClick = (ev) => {
 		onClick(gobj, ev);
@@ -8216,7 +8320,7 @@ function mt_create$11(gobj) {
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$11(gobj) {
+function mt_destroy$12(gobj) {
 	let priv = gobj.priv;
 	if (priv.resizeObserver) {
 		priv.resizeObserver.disconnect();
@@ -8632,19 +8736,19 @@ function ac_hide$7(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$11 = {
-	mt_create: mt_create$11,
-	mt_destroy: mt_destroy$11
+var gmt$12 = {
+	mt_create: mt_create$12,
+	mt_destroy: mt_destroy$12
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$11(gclass_name) {
-	if (__gclass__$11) {
+function create_gclass$12(gclass_name) {
+	if (__gclass__$12) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$11 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$12 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_EDIT_MAP", 0],
 		["EV_CONTROL_MAP", 0],
 		["EV_MAP_ON_LOAD", 0],
@@ -8688,15 +8792,15 @@ function create_gclass$11(gclass_name) {
 			ac_hide$7,
 			null
 		]
-	]]], gmt$11, 0, attrs_table$11, PRIVATE_DATA$11, 0, 0, 0, 0);
-	if (!__gclass__$11) return -1;
+	]]], gmt$12, 0, attrs_table$12, PRIVATE_DATA$12, 0, 0, 0, 0);
+	if (!__gclass__$12) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_map() {
-	return create_gclass$11(GCLASS_NAME$11);
+	return create_gclass$12(GCLASS_NAME$12);
 }
 //#endregion
 //#region src/c_yui_uplot.js
@@ -8711,11 +8815,11 @@ function register_c_yui_map() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$10 = "C_YUI_UPLOT";
+var GCLASS_NAME$11 = "C_YUI_UPLOT";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$10 = [
+var attrs_table$11 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "title", 0, "", "Chart title"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_INTEGER, "width", 0, 800, "Chart width"),
@@ -8750,15 +8854,15 @@ var attrs_table$10 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_INTEGER, "timeout_idle", 0, 5, "Idle timeout (seconds)"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$10 = {};
-var __gclass__$10 = null;
+var PRIVATE_DATA$11 = {};
+var __gclass__$11 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$10(gobj) {
+function mt_create$11(gobj) {
 	build_ui$10(gobj);
 	let subscriber = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "subscriber");
 	if (!subscriber) subscriber = (0, _yuneta_gobj_js.gobj_parent)(gobj);
@@ -8767,15 +8871,15 @@ function mt_create$10(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$10(gobj) {}
+function mt_start$11(gobj) {}
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$10(gobj) {}
+function mt_stop$11(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$10(gobj) {
+function mt_destroy$11(gobj) {
 	let uplot$1 = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "uplot");
 	if (uplot$1) {
 		uplot$1.destroy();
@@ -8941,21 +9045,21 @@ function ac_clear(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$10 = {
-	mt_create: mt_create$10,
-	mt_start: mt_start$10,
-	mt_stop: mt_stop$10,
-	mt_destroy: mt_destroy$10
+var gmt$11 = {
+	mt_create: mt_create$11,
+	mt_start: mt_start$11,
+	mt_stop: mt_stop$11,
+	mt_destroy: mt_destroy$11
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$10(gclass_name) {
-	if (__gclass__$10) {
+function create_gclass$11(gclass_name) {
+	if (__gclass__$11) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$10 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$11 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_LOAD_DATA", 0],
 		["EV_ADD_SERIE", 0],
 		["EV_DEL_SERIE", 0],
@@ -8981,15 +9085,15 @@ function create_gclass$10(gclass_name) {
 			ac_clear,
 			null
 		]
-	]]], gmt$10, 0, attrs_table$10, PRIVATE_DATA$10, 0, 0, 0, 0);
-	if (!__gclass__$10) return -1;
+	]]], gmt$11, 0, attrs_table$11, PRIVATE_DATA$11, 0, 0, 0, 0);
+	if (!__gclass__$11) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_uplot() {
-	return create_gclass$10(GCLASS_NAME$10);
+	return create_gclass$11(GCLASS_NAME$11);
 }
 //#endregion
 //#region src/yui_toolbar.js
@@ -9196,11 +9300,11 @@ function ensure_drag_canvas_patch() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$9 = "C_YUI_JSON_GRAPH";
+var GCLASS_NAME$10 = "C_YUI_JSON_GRAPH";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$9 = [
+var attrs_table$10 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "path", 0, "", "Root path label"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_JSON, "json_data", 0, null, "JSON data to visualize"),
@@ -9209,7 +9313,7 @@ var attrs_table$9 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "wide", 0, "36px", "Height of header"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$9 = {
+var PRIVATE_DATA$10 = {
 	canvas_id: "",
 	graph: null,
 	node_counter: 0,
@@ -9218,7 +9322,7 @@ var PRIVATE_DATA$9 = {
 	resize_observer: null,
 	_resize_raf: 0
 };
-var __gclass__$9 = null;
+var __gclass__$10 = null;
 var __layout_registered__$1 = false;
 /***************************************************************
 *  Type colors matching the original mx_json_viewer
@@ -9283,7 +9387,7 @@ function type_color(type, dark) {
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$9(gobj) {
+function mt_create$10(gobj) {
 	let priv = gobj.priv;
 	priv.canvas_id = "json-canvas-" + (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj));
 	(0, _yuneta_gobj_js.gobj_write_str_attr)(gobj, "canvas_id", priv.canvas_id);
@@ -9302,18 +9406,18 @@ function mt_create$9(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$9(gobj) {
+function mt_start$10(gobj) {
 	build_graph$3(gobj);
 	load_json(gobj);
 }
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$9(gobj) {}
+function mt_stop$10(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$9(gobj) {
+function mt_destroy$10(gobj) {
 	let priv = gobj.priv;
 	if (priv.theme_observer) {
 		priv.theme_observer.disconnect();
@@ -9909,17 +10013,17 @@ function ac_hide$6(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$9 = {
-	mt_create: mt_create$9,
-	mt_start: mt_start$9,
-	mt_stop: mt_stop$9,
-	mt_destroy: mt_destroy$9
+var gmt$10 = {
+	mt_create: mt_create$10,
+	mt_start: mt_start$10,
+	mt_stop: mt_stop$10,
+	mt_destroy: mt_destroy$10
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$9(gclass_name) {
-	if (__gclass__$9) {
+function create_gclass$10(gclass_name) {
+	if (__gclass__$10) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -9980,7 +10084,7 @@ function create_gclass$9(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$9 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$10 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_LOAD_DATA", 0],
 		["EV_REFRESH", 0],
 		["EV_THEME", 0],
@@ -9993,15 +10097,15 @@ function create_gclass$9(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_JSON_ITEM_CLICKED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT]
-	], states, gmt$9, 0, attrs_table$9, PRIVATE_DATA$9, 0, 0, 0, 0);
-	if (!__gclass__$9) return -1;
+	], states, gmt$10, 0, attrs_table$10, PRIVATE_DATA$10, 0, 0, 0, 0);
+	if (!__gclass__$10) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_json_graph() {
-	return create_gclass$9(GCLASS_NAME$9);
+	return create_gclass$10(GCLASS_NAME$10);
 }
 /************************************************************
 *   JSON type discriminator (viewer vocabulary)
@@ -10178,19 +10282,19 @@ function format_epoch(value) {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$8 = "C_YUI_JSON";
+var GCLASS_NAME$9 = "C_YUI_JSON";
 var MAX_RENDER_ROWS = 5e3;
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$8 = [
+var attrs_table$9 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "title", 0, "", "Optional header title (i18n key)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_JSON, "json_data", 0, null, "Initial JSON to render (usually already collapsed)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$container", 0, null, "HTMLElement root, mounted by the parent"),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$8 = {
+var PRIVATE_DATA$9 = {
 	root: null,
 	expanded: null,
 	pending: null,
@@ -10199,14 +10303,14 @@ var PRIVATE_DATA$8 = {
 	$tree: null,
 	$search: null
 };
-var __gclass__$8 = null;
+var __gclass__$9 = null;
 /******************************
 *      Framework Methods
 ******************************/
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$8(gobj) {
+function mt_create$9(gobj) {
 	let priv = gobj.priv;
 	priv.expanded = /* @__PURE__ */ new Set();
 	priv.pending = /* @__PURE__ */ new Set();
@@ -10222,17 +10326,17 @@ function mt_create$8(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$8(gobj) {
+function mt_start$9(gobj) {
 	render_tree(gobj);
 }
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$8(gobj) {}
+function mt_stop$9(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$8(gobj) {
+function mt_destroy$9(gobj) {
 	destroy_ui$4(gobj);
 }
 /***************************
@@ -10736,7 +10840,7 @@ function ac_subtree_error(gobj, event, kw, src) {
 	let path = kw.path || "";
 	priv.pending.delete(path);
 	priv.errors.set(path, kw.error || "error");
-	(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$8}: subtree load failed at '${path}': ${kw.error || ""}`);
+	(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$9}: subtree load failed at '${path}': ${kw.error || ""}`);
 	render_tree(gobj);
 	return 0;
 }
@@ -10811,9 +10915,9 @@ function ac_copy_all(gobj, event, kw, src) {
 	if (priv.root === null || priv.root === void 0) return 0;
 	let text = JSON.stringify(priv.root, null, 4);
 	if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(text).catch(function(e) {
-		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$8}: clipboard write failed: ${e}`);
+		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$9}: clipboard write failed: ${e}`);
 	});
-	else (0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$8}: clipboard API unavailable`);
+	else (0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$9}: clipboard API unavailable`);
 	return 0;
 }
 /************************************************************
@@ -10852,17 +10956,17 @@ function ac_refresh$3(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$8 = {
-	mt_create: mt_create$8,
-	mt_start: mt_start$8,
-	mt_stop: mt_stop$8,
-	mt_destroy: mt_destroy$8
+var gmt$9 = {
+	mt_create: mt_create$9,
+	mt_start: mt_start$9,
+	mt_stop: mt_stop$9,
+	mt_destroy: mt_destroy$9
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$8(gclass_name) {
-	if (__gclass__$8) {
+function create_gclass$9(gclass_name) {
+	if (__gclass__$9) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
@@ -10959,7 +11063,7 @@ function create_gclass$8(gclass_name) {
 			null
 		]
 	]]];
-	__gclass__$8 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$9 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_SET_JSON", 0],
 		["EV_SUBTREE_LOADED", 0],
 		["EV_SUBTREE_ERROR", 0],
@@ -10974,15 +11078,15 @@ function create_gclass$8(gclass_name) {
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_EXPAND_PATH", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS]
-	], states, gmt$8, 0, attrs_table$8, PRIVATE_DATA$8, 0, 0, 0, 0);
-	if (!__gclass__$8) return -1;
+	], states, gmt$9, 0, attrs_table$9, PRIVATE_DATA$9, 0, 0, 0, 0);
+	if (!__gclass__$9) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_json() {
-	return create_gclass$8(GCLASS_NAME$8);
+	return create_gclass$9(GCLASS_NAME$9);
 }
 //#endregion
 //#region src/c_yui_gobj_tree_js.js
@@ -10997,11 +11101,11 @@ function register_c_yui_json() {
 /***************************************************************
 *              Constants
 ***************************************************************/
-var GCLASS_NAME$7 = "C_YUI_GOBJ_TREE_JS";
+var GCLASS_NAME$8 = "C_YUI_GOBJ_TREE_JS";
 /***************************************************************
 *              Data
 ***************************************************************/
-var attrs_table$7 = [
+var attrs_table$8 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$container", 0, null, "Container element"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "canvas_id", 0, "", "Canvas ID"),
@@ -11010,7 +11114,7 @@ var attrs_table$7 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_INTEGER, "collapse_threshold", 0, 10, "Auto-collapse a node whose direct children exceed this number. 0 disables auto-collapse."),
 	(0, _yuneta_gobj_js.SDATA_END)()
 ];
-var PRIVATE_DATA$7 = {
+var PRIVATE_DATA$8 = {
 	canvas_id: "",
 	graph: null,
 	node_counter: 0,
@@ -11025,7 +11129,7 @@ var PRIVATE_DATA$7 = {
 	resize_observer: null,
 	_resize_raf: 0
 };
-var __gclass__$7 = null;
+var __gclass__$8 = null;
 var __layout_registered__ = false;
 /***************************************************************
 *  Node colors by role
@@ -11204,7 +11308,7 @@ function get_layout_cfg(layout_key) {
 /***************************************************************
 *          Framework Method: Create
 ***************************************************************/
-function mt_create$7(gobj) {
+function mt_create$8(gobj) {
 	let priv = gobj.priv;
 	priv.canvas_id = "gobj-tree-canvas-" + (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj));
 	(0, _yuneta_gobj_js.gobj_write_str_attr)(gobj, "canvas_id", priv.canvas_id);
@@ -11227,18 +11331,18 @@ function mt_create$7(gobj) {
 /***************************************************************
 *          Framework Method: Start
 ***************************************************************/
-function mt_start$7(gobj) {
+function mt_start$8(gobj) {
 	build_graph$2(gobj);
 	load_tree(gobj);
 }
 /***************************************************************
 *          Framework Method: Stop
 ***************************************************************/
-function mt_stop$7(gobj) {}
+function mt_stop$8(gobj) {}
 /***************************************************************
 *          Framework Method: Destroy
 ***************************************************************/
-function mt_destroy$7(gobj) {
+function mt_destroy$8(gobj) {
 	let priv = gobj.priv;
 	if (priv.theme_observer) {
 		priv.theme_observer.disconnect();
@@ -12457,21 +12561,21 @@ function ac_hide$4(gobj, event, kw, src) {
 /***************************
 *          FSM
 ***************************/
-var gmt$7 = {
-	mt_create: mt_create$7,
-	mt_start: mt_start$7,
-	mt_stop: mt_stop$7,
-	mt_destroy: mt_destroy$7
+var gmt$8 = {
+	mt_create: mt_create$8,
+	mt_start: mt_start$8,
+	mt_stop: mt_stop$8,
+	mt_destroy: mt_destroy$8
 };
 /***************************************************************
 *          Create the GClass
 ***************************************************************/
-function create_gclass$7(gclass_name) {
-	if (__gclass__$7) {
+function create_gclass$8(gclass_name) {
+	if (__gclass__$8) {
 		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
 		return -1;
 	}
-	__gclass__$7 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
+	__gclass__$8 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [
 		["EV_REFRESH", 0],
 		["EV_THEME", 0],
 		["EV_CHANGE_LAYOUT", 0],
@@ -12557,14 +12661,247 @@ function create_gclass$7(gclass_name) {
 			ac_hide$4,
 			null
 		]
-	]]], gmt$7, 0, attrs_table$7, PRIVATE_DATA$7, 0, 0, 0, 0);
-	if (!__gclass__$7) return -1;
+	]]], gmt$8, 0, attrs_table$8, PRIVATE_DATA$8, 0, 0, 0, 0);
+	if (!__gclass__$8) return -1;
 	return 0;
 }
 /***************************************************************
 *          Register GClass
 ***************************************************************/
 function register_c_yui_gobj_tree_js() {
+	return create_gclass$8(GCLASS_NAME$8);
+}
+//#endregion
+//#region src/c_yui_service_view.js
+/***********************************************************************
+*          c_yui_service_view.js
+*
+*      Mounting a view that TALKS TO A BACKEND.
+*
+*      THE PROBLEM
+*      -----------
+*      A view that asks the backend for data does it with
+*          gobj_command(remote, "...", kw, src = itself)
+*      and C_IEVENT_CLI routes the answer back with
+*          gobj_find_service(gobj_name(src))
+*      which only finds REGISTERED SERVICES.
+*
+*      Neither host creates one: C_YUI_SHELL mounts a route's view with
+*      `gobj_create()` and C_YUI_NODE with `gobj_create_pure_child()`.
+*      So a backend-talking view mounted directly never receives a single
+*      answer — and not quietly: the ievent logs "service not found" once
+*      per answer while the view sits empty forever.
+*
+*      There is a second half.  A route's `target.kw` is STATIC JSON, so
+*      it cannot carry the live transport pointer the view needs.  It has
+*      to be resolved at mount time and injected.
+*
+*      THE PIECE
+*      ---------
+*      Both halves had been written four separate times, in three repos,
+*      each wrapper saying the same thing in its own header.  They are
+*      here now, in two shapes, because the four callers are not alike:
+*
+*        yui_mount_service_view(host, spec) — the helper.  For a wrapper
+*          that has its OWN extras on top (bridging url segments to the
+*          hosted view, rebinding it when a connection drops).  Those
+*          extras are app or route logic and do NOT belong here; the
+*          wrapper keeps them and drops only the boilerplate.
+*
+*        C_YUI_SERVICE_VIEW — the gclass, for a route with NO extras:
+*          declare it in the route/node and name the view it hosts.  It
+*          is the helper plus a lifecycle, nothing more.
+*
+*      CONTRACT of the hosted gclass:
+*        - declares the attr the transport is injected under
+*          (`gobj_remote_yuno` by default),
+*        - builds its `$container` in mt_create (re-exposed as the
+*          host's, which is what the shell/node mounts),
+*        - flags EVF_PUBLIC_EVENT on what arrives from the backend
+*          (EV_MT_COMMAND_ANSWER and anything the remote publishes): the
+*          ievent drops events that are not public.
+*
+*      NAMES: the service name must be UNIQUE per mount.  A duplicate is
+*      not fatal and that is the danger — gobj-js logs "service ALREADY
+*      REGISTERED. Will be UPDATED" and REBINDS the name, so the answers
+*      of one view would land in the other.  Derive it from the route (or
+*      from whatever else makes the mount unique: a connection id, a
+*      workspace) and never from the gclass alone.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+/***************************************************************
+*              Constants
+***************************************************************/
+var GCLASS_NAME$7 = "C_YUI_SERVICE_VIEW";
+var DEFAULT_TRANSPORT_SERVICE = "__remote_service__";
+var DEFAULT_TRANSPORT_ATTR = "gobj_remote_yuno";
+/***************************************************************
+*              Data
+***************************************************************/
+var attrs_table$7 = [
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of output events"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "view_gclass", 0, "", "GClass of the hosted view (must be registered)"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "service_name", 0, "", "Service name of the hosted view — UNIQUE per mount"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_JSON, "view_kw", 0, null, "kw passed to the hosted view"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "transport_service", 0, DEFAULT_TRANSPORT_SERVICE, "Service name of the live transport"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "transport_attr", 0, DEFAULT_TRANSPORT_ATTR, "Attr of the hosted view the transport is injected under"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_POINTER, "$container", 0, null, "Root HTMLElement"),
+	(0, _yuneta_gobj_js.SDATA_END)()
+];
+var PRIVATE_DATA$7 = { view: null };
+var __gclass__$7 = null;
+/***************************
+*      Public helper
+***************************/
+/************************************************************
+*  Create `spec.gclass` as a NAMED SERVICE under `host`, with the
+*  live transport injected, and return it (null on failure, error
+*  already logged).  The caller owns what happens next — starting
+*  it, exposing its DOM, bridging routes into it.
+*
+*  spec = {
+*      gclass,           // string, required — must be registered
+*      name,             // string, required — service name, unique per mount
+*      kw,               // object, optional — the view's kw
+*      transport,        // gobj | service name | omitted:
+*                        //   a gobj is used as-is (the caller already
+*                        //   resolved it — e.g. per connection), a string
+*                        //   is looked up with gobj_find_service(), and
+*                        //   omitted means "__remote_service__".
+*                        //   null DISABLES injection: for a hosted view
+*                        //   that takes its transport some other way.
+*      transport_attr    // string, optional — default "gobj_remote_yuno"
+*  }
+************************************************************/
+function yui_mount_service_view(host, spec) {
+	if (!host || !(0, _yuneta_gobj_js.is_gobj)(host) || !spec) {
+		(0, _yuneta_gobj_js.log_error)(`${GCLASS_NAME$7}: yui_mount_service_view without host or spec`);
+		return null;
+	}
+	const gclass = spec.gclass;
+	const name = spec.name;
+	if ((0, _yuneta_gobj_js.empty_string)(gclass) || (0, _yuneta_gobj_js.empty_string)(name)) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(host)}: mounting a service view needs gclass and name`);
+		return null;
+	}
+	if (!(0, _yuneta_gobj_js.gclass_find_by_name)(gclass)) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(host)}: gclass '${gclass}' is not registered`);
+		return null;
+	}
+	let kw = Object.assign({}, spec.kw || {});
+	let transport = Object.prototype.hasOwnProperty.call(spec, "transport") ? spec.transport : DEFAULT_TRANSPORT_SERVICE;
+	if (transport !== null) {
+		if ((0, _yuneta_gobj_js.is_string)(transport)) {
+			const service_name = transport;
+			transport = (0, _yuneta_gobj_js.gobj_find_service)(service_name);
+			if (!transport) {
+				(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(host)}: transport service '${service_name}' not found`);
+				return null;
+			}
+		}
+		if (!(0, _yuneta_gobj_js.is_gobj)(transport)) {
+			(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(host)}: transport is not a gobj`);
+			return null;
+		}
+		kw[spec.transport_attr || DEFAULT_TRANSPORT_ATTR] = transport;
+	}
+	const view = (0, _yuneta_gobj_js.gobj_create_service)(name, gclass, kw, host);
+	if (!view) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(host)}: cannot create '${gclass}' as '${name}'`);
+		return null;
+	}
+	return view;
+}
+/************************************************************
+*  The hosted view's $container, re-exposed as the host's — the
+*  shell/node mounts the HOST, so without this nothing is drawn.
+*  Never returns without setting one: an empty div beats a blank
+*  screen with the reason only in the console.
+************************************************************/
+function expose_view_container(host, view) {
+	let $c = view ? (0, _yuneta_gobj_js.gobj_read_attr)(view, "$container") : null;
+	if (!$c) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(host)}: hosted view does not expose $container — check its mt_create`);
+		$c = (0, _yuneta_gobj_js.createElement2)([
+			"div",
+			{},
+			""
+		]);
+	}
+	(0, _yuneta_gobj_js.gobj_write_attr)(host, "$container", $c);
+	return $c;
+}
+/***************************
+*      Framework Methods
+***************************/
+/***************************************************************
+*          Framework Method: Create
+***************************************************************/
+function mt_create$7(gobj) {
+	let priv = gobj.priv;
+	let subscriber = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "subscriber");
+	if (!subscriber) subscriber = (0, _yuneta_gobj_js.gobj_parent)(gobj);
+	(0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
+	priv.view = yui_mount_service_view(gobj, {
+		gclass: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "view_gclass"),
+		name: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "service_name"),
+		kw: (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "view_kw") || {},
+		transport: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "transport_service"),
+		transport_attr: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "transport_attr")
+	});
+	expose_view_container(gobj, priv.view);
+}
+/***************************************************************
+*          Framework Method: Start
+*
+*  The view starts HERE and not in mt_create, so its first
+*  request goes out when the host shows it.
+***************************************************************/
+function mt_start$7(gobj) {
+	const view = gobj.priv.view;
+	if (view && !(0, _yuneta_gobj_js.gobj_is_running)(view)) (0, _yuneta_gobj_js.gobj_start)(view);
+}
+/***************************************************************
+*          Framework Method: Stop
+***************************************************************/
+function mt_stop$7(gobj) {
+	const view = gobj.priv.view;
+	if (view && (0, _yuneta_gobj_js.gobj_is_running)(view)) (0, _yuneta_gobj_js.gobj_stop)(view);
+}
+/***************************************************************
+*          Framework Method: Destroy
+*
+*  The view is a SERVICE created with this gobj as its parent, so
+*  gobj_destroy cascades onto it — and deregisters its name.  Do
+*  NOT destroy it again here.
+***************************************************************/
+function mt_destroy$7(gobj) {
+	let priv = gobj.priv;
+	priv.view = null;
+	const $c = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
+	if ($c && $c.parentNode) $c.parentNode.removeChild($c);
+	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", null);
+}
+/***************************
+*          FSM
+***************************/
+var gmt$7 = {
+	mt_create: mt_create$7,
+	mt_start: mt_start$7,
+	mt_stop: mt_stop$7,
+	mt_destroy: mt_destroy$7
+};
+function create_gclass$7(gclass_name) {
+	if (__gclass__$7) {
+		(0, _yuneta_gobj_js.log_error)(`GClass ALREADY created: ${gclass_name}`);
+		return -1;
+	}
+	__gclass__$7 = (0, _yuneta_gobj_js.gclass_create)(gclass_name, [], [["ST_IDLE", []]], gmt$7, 0, attrs_table$7, PRIVATE_DATA$7, 0, 0, 0, 0);
+	return __gclass__$7 ? 0 : -1;
+}
+function register_c_yui_service_view() {
 	return create_gclass$7(GCLASS_NAME$7);
 }
 //#endregion
@@ -12683,7 +13020,12 @@ function cards_grid_descriptor(items, show_label) {
 *      container; build_ui re-applies them on every rebuild.
 *
 *      Each item supports:
-*          id, name, icon (CSS class or svg id), route, badge, disabled
+*          id, name, icon (CSS class or svg id), route, disabled
+*          (`badge` was listed here for a long time and NOTHING ever
+*           rendered it — a menu item cannot carry a count today. The
+*           toolbar can: `badge` on a toolbar item plus
+*           yui_shell_set_toolbar_item_badge(). Implement it here the
+*           day a menu entry needs one, rather than re-listing it.)
 *          class    — extra CSS class(es) on the item (tabs layout), e.g.
 *                     a per-item state colour like "yui-nav-disconnected"
 *          closable — render a trailing ✕ that emits EV_NAV_ITEM_CLOSE
@@ -53297,6 +53639,7 @@ exports.disableElements = disableElements;
 exports.enableElements = enableElements;
 exports.epoch_to_local_input = epoch_to_local_input;
 exports.epoch_to_ms = epoch_to_ms;
+exports.expose_view_container = expose_view_container;
 exports.fmt_epoch = fmt_epoch;
 exports.getStrokeColor = getStrokeColor;
 exports.infer_period = infer_period;
@@ -53323,6 +53666,7 @@ exports.register_c_yui_map = register_c_yui_map;
 exports.register_c_yui_nav = register_c_yui_nav;
 exports.register_c_yui_pager = register_c_yui_pager;
 exports.register_c_yui_period = register_c_yui_period;
+exports.register_c_yui_service_view = register_c_yui_service_view;
 exports.register_c_yui_shell = register_c_yui_shell;
 exports.register_c_yui_treedb_graph = register_c_yui_treedb_graph;
 exports.register_c_yui_treedb_schema = register_c_yui_treedb_schema;
@@ -53343,6 +53687,7 @@ exports.setup_dev = setup_dev;
 exports.setup_frontend_view = setup_frontend_view;
 exports.toggleClasses = toggleClasses;
 exports.yui_is_dark = yui_is_dark;
+exports.yui_mount_service_view = yui_mount_service_view;
 exports.yui_shell_close_drawer = yui_shell_close_drawer;
 exports.yui_shell_close_dropdown = yui_shell_close_dropdown;
 exports.yui_shell_confirm_ok = yui_shell_confirm_ok;
@@ -53359,6 +53704,7 @@ exports.yui_shell_register_overlay = yui_shell_register_overlay;
 exports.yui_shell_set_avatar_provider = yui_shell_set_avatar_provider;
 exports.yui_shell_set_connection_state = yui_shell_set_connection_state;
 exports.yui_shell_set_sub_routes = yui_shell_set_sub_routes;
+exports.yui_shell_set_toolbar_item_badge = yui_shell_set_toolbar_item_badge;
 exports.yui_shell_set_toolbar_item_icon = yui_shell_set_toolbar_item_icon;
 exports.yui_shell_set_translator = yui_shell_set_translator;
 exports.yui_shell_show_error = yui_shell_show_error;