@yuneta/gobj-ui 7.23.168 → 7.23.169

package/dist/gobj-ui.es.js

@@ -25558,49 +25558,65 @@ function yui_icon_is_defined(name) {
 /***********************************************************************
 *          yui_row_search.js
 *
-*      ¿ESTÁ ESTE TÉRMINO EN ESTA FILA?
-*
-*      La caja de búsqueda de una tabla de treedb miraba los valores de
-*      la fila con `String(val)`, y una fila de treedb no es plana: un
-*      fkey llega como una LISTA DE OBJETOS
-*      `[{id, topic_name, hook_name}]`, y `String()` de eso es
-*      `"[object Object]"`.  O sea que buscar el taller de un equipo --
-*      que es donde vive el dato que un operador tiene en la cabeza --
-*      no encontraba nunca nada, y la caja no daba ninguna pista de que
-*      había mirado en otro sitio.
-*
-*      DOS REGLAS, Y LA SEGUNDA ES LA QUE HACE QUE SIRVA:
-*
-*      - Se baja por listas y objetos hasta una profundidad corta: un
-*        fkey está a dos niveles y nada de lo que se busca está más
-*        hondo.
-*      - **De un fkey se mira sólo el `id`.**  `topic_name` y
-*        `hook_name` son las MISMAS dos palabras en todas las filas, así
-*        que mirarlas convierte el término en un comodín: buscar
-*        "devices" traería el topic entero.  El `id` es lo único que
-*        nombra la cosa enlazada.
-*
-*      Las claves que empiezan por `_` no se miran en ningún nivel: son
-*      del armazón (`_check_box_state_`, `_operation`) o metadatos
-*      (`__md_treedb__`), y nadie busca por ellas.
+*      IS THIS TERM IN THIS ROW?
+*
+*      The search box of a treedb table looked at the row's values with
+*      `String(val)`, and a treedb row is not flat: an fkey arrives as a
+*      LIST OF OBJECTS `[{id, topic_name, hook_name}]`, and `String()`
+*      of that is `"[object Object]"`.  So looking for the workshop of
+*      a device -- which is where the datum an operator has in mind
+*      lives -- never found anything, and the box gave no hint that it
+*      had looked somewhere else.
+*
+*      THREE RULES, AND THE LAST TWO ARE WHAT MAKE IT USEFUL:
+*
+*      - It walks down lists and objects to a short depth: an fkey is
+*        two levels down and nothing anybody searches for is deeper.
+*      - **Of an fkey only the `id` is looked at.**  `topic_name` and
+*        `hook_name` are the SAME two words on every row, so looking at
+*        them turns the term into a wildcard: searching "devices" would
+*        bring the whole topic.  The `id` is the only thing that names
+*        the linked thing.
+*      - **A hook read as its COUNT is not looked at at all.**  Since
+*        `hook_size` (7.23.163) a topic table loads a hook as
+*        `[{"size": N}]` instead of the id of every child, and that
+*        number is not a value of the row: matching it made "5" answer
+*        every row whose hook happens to hold 5 children, next to the
+*        rows that really say 5.  A count nobody can see in the cell as
+*        text is not what a person typing in a search box is after.
+*
+*      Keys that start with `_` are not looked at on any level: they
+*      belong to the scaffolding (`_check_box_state_`, `_operation`) or
+*      are metadata (`__md_treedb__`), and nobody searches by them.
 *
-*          Copyright (c) 2026, ArtGins.
+*          Copyright (c) 2024-2026, ArtGins.
 *          All Rights Reserved.
 ***********************************************************************/
 var MAX_DEPTH = 4;
 /***************************************************************
-*  Un fkey, tal y como `nodes` lo contesta con `list_dict`.
+*  An fkey, as `nodes` answers it with `list_dict`.
 ***************************************************************/
 function is_fkey_ref(value) {
 	return !!value && typeof value === "object" && !Array.isArray(value) && "id" in value && "topic_name" in value && "hook_name" in value;
 }
 /***************************************************************
-*  ¿Contiene `value` el término? El término viene YA en
-*  minúsculas: quien busca lo baja una vez y no una por celda.
+*  A hook read with `hook_size`: the COUNT of its children,
+*  `[{"size": N}]`, in the place of the children themselves.
+*  The same shape `delete_impact`'s `ref_count()` reads.
+***************************************************************/
+function is_hook_size(value) {
+	if (!Array.isArray(value) || value.length !== 1) return false;
+	const first = value[0];
+	return !!first && typeof first === "object" && !Array.isArray(first) && typeof first.size === "number" && Object.keys(first).length === 1;
+}
+/***************************************************************
+*  Does `value` hold the term? The term comes ALREADY in lower
+*  case: whoever searches lowers it once, not once per cell.
 ***************************************************************/
 function value_matches(value, term, depth) {
 	if (value === null || value === void 0) return false;
 	if (depth > MAX_DEPTH) return false;
+	if (is_hook_size(value)) return false;
 	if (Array.isArray(value)) return value.some((v) => value_matches(v, term, depth + 1));
 	if (typeof value === "object") {
 		if (is_fkey_ref(value)) return value_matches(value.id, term, depth + 1);
@@ -25612,7 +25628,7 @@ function value_matches(value, term, depth) {
 	return String(value).toLowerCase().includes(term);
 }
 /***************************************************************
-*  ¿Está el término en alguna parte de esta fila?
+*  Is the term anywhere in this row?
 ***************************************************************/
 function row_matches(row, term) {
 	if (!row || typeof row !== "object" || !term) return false;
@@ -25818,8 +25834,8 @@ var attrs_table$5 = [
 	SDATA(data_type_t.DTP_BOOLEAN, "with_checkbox", 0, true, "Auxiliary first column to select rows"),
 	SDATA(data_type_t.DTP_BOOLEAN, "with_radio", 0, false, "Auxiliary first column to select one row"),
 	SDATA(data_type_t.DTP_BOOLEAN, "with_selection_bar", 0, false, "Show the shared selection bar (\"N selected\" + a way out) above the table while in edition mode. OFF by default: the bar takes its words from the HOST's i18n, and a host that has not defined \"{{n}} selected\" and \"clear selection\" would render the keys"),
-	SDATA(data_type_t.DTP_BOOLEAN, "broadcast_select_rows_event", 0, false, "Broadcast select rows event"),
-	SDATA(data_type_t.DTP_BOOLEAN, "broadcast_unselect_rows_event", 0, false, "Broadcast unselect rows event"),
+	SDATA(data_type_t.DTP_BOOLEAN, "broadcast_select_rows_event", 0, false, "Publish EV_SELECT_ROWS to the subscriber. OFF by default: the event is an OUTPUT event, so a host that turns it on must declare EV_SELECT_ROWS in its own FSM or it answers \"Event NOT DEFINED in state\" on every selected row"),
+	SDATA(data_type_t.DTP_BOOLEAN, "broadcast_unselect_rows_event", 0, false, "Publish EV_UNSELECT_ROWS to the subscriber. Same contract as broadcast_select_rows_event, and INDEPENDENT of it: a host that wants both sets both"),
 	SDATA(data_type_t.DTP_JSON, "tabulator_settings", 0, {
 		layout: "fitDataFill",
 		columnDefaults: { resizable: true },
@@ -26098,7 +26114,11 @@ function build_ui$5(gobj) {
 				"button",
 				{
 					id: ``,
-					class: "button button-edit-record mr-1"
+					class: "button button-edit-record mr-1",
+					title: t("edit"),
+					"data-i18n-title": "edit",
+					"aria-label": t("edit"),
+					"data-i18n-aria-label": "edit"
 				},
 				[yui_toolbar_icon("yi-pen"), [
 					"span",
@@ -26121,6 +26141,10 @@ function build_ui$5(gobj) {
 					{
 						id: ``,
 						class: "button button-new-record mr-1",
+						title: t("new"),
+						"data-i18n-title": "new",
+						"aria-label": t("new"),
+						"data-i18n-aria-label": "new",
 						disabled: true
 					},
 					[yui_toolbar_icon("yi-plus"), [
@@ -26145,6 +26169,10 @@ function build_ui$5(gobj) {
 					{
 						id: ``,
 						class: "button button-delete-record mr-1",
+						title: t("delete"),
+						"data-i18n-title": "delete",
+						"aria-label": t("delete"),
+						"data-i18n-aria-label": "delete",
 						disabled: true
 					},
 					[yui_toolbar_icon("yi-trash"), [
@@ -26169,6 +26197,10 @@ function build_ui$5(gobj) {
 					{
 						id: ``,
 						class: "button button-copy-record mr-1",
+						title: t("copy"),
+						"data-i18n-title": "copy",
+						"aria-label": t("copy"),
+						"data-i18n-aria-label": "copy",
 						disabled: true
 					},
 					[yui_toolbar_icon("yi-copy"), [
@@ -26193,6 +26225,10 @@ function build_ui$5(gobj) {
 					{
 						id: ``,
 						class: "button button-paste-record mr-1",
+						title: t("paste"),
+						"data-i18n-title": "paste",
+						"aria-label": t("paste"),
+						"data-i18n-aria-label": "paste",
 						disabled: true
 					},
 					[yui_toolbar_icon("yi-paste"), [
@@ -26232,7 +26268,11 @@ function build_ui$5(gobj) {
 				class: "input",
 				type: "text",
 				placeholder: t("search"),
-				"data-i18n-placeholder": "search"
+				"data-i18n-placeholder": "search",
+				title: t("search"),
+				"data-i18n-title": "search",
+				"aria-label": t("search"),
+				"data-i18n-aria-label": "search"
 			}], [
 				"span",
 				{ class: "icon is-left" },
@@ -26252,7 +26292,9 @@ function build_ui$5(gobj) {
 			{
 				class: "button mr-1",
 				title: t("refresh"),
-				"data-i18n-title": "refresh"
+				"data-i18n-title": "refresh",
+				"aria-label": t("refresh"),
+				"data-i18n-aria-label": "refresh"
 			},
 			[yui_toolbar_icon("yi-arrows-rotate"), [
 				"span",
@@ -26785,7 +26827,7 @@ function create_tabulator(gobj) {
 			let index = cell.getRow().getPosition();
 			if (e.target.closest(".edit")) {
 				e.stopPropagation();
-				show_edit_form(gobj, row, index);
+				gobj_send_event(gobj, "EV_EDIT_RECORD", { index }, gobj);
 			} else if (e.target.closest(".remove")) {
 				e.stopPropagation();
 				gobj_send_event(gobj, "EV_DELETE_ROWS", {
@@ -27247,11 +27289,11 @@ function open_form_dialog(gobj, mode, record) {
 		return;
 	}
 	let pkey = desc.pkey || "id";
-	let title;
-	if (mode === "create") title = t("new") + " " + t(topic_name);
-	else {
+	let title = mode === "create" ? "new" : mode === "view" ? "view" : "edit";
+	let title_prefix = "";
+	if (mode !== "create") {
 		let rid = record ? String(record[pkey] ?? "") : "";
-		title = t(topic_name) + (empty_string(rid) ? "" : " — " + rid);
+		title_prefix = empty_string(rid) ? "" : rid;
 	}
 	let view_only = mode === "view";
 	let form_mode = view_only ? "update" : mode;
@@ -27286,6 +27328,7 @@ function open_form_dialog(gobj, mode, record) {
 	priv.form_modal = yui_shell_show_modal(shell, $body, {
 		dialog: true,
 		logical_class: "TREEDB_FORM_SHEET",
+		title_prefix,
 		title,
 		t,
 		before_close: function() {
@@ -27314,14 +27357,7 @@ function form_may_close(gobj) {
 		let kw = {};
 		gobj_send_event(priv.form, "EV_WINDOW_TO_CLOSE", kw, gobj);
 		if (kw.abort_close) {
-			yui_shell_confirm_yesnocancel(yui_shell_of(gobj), kw.warning || "all changes will be lost", {
-				t,
-				yes_label: "yes",
-				no_label: "no",
-				cancel_label: "cancel"
-			}).then(function(answer) {
-				if (answer === "yes" && priv.form_modal) priv.form_modal.close();
-			});
+			confirm_then$1(gobj, kw.warning || "all changes will be lost", { what: "close_form" });
 			return false;
 		}
 	}
@@ -27343,6 +27379,31 @@ function teardown_form_child(gobj) {
 	priv.form_modal = null;
 }
 /************************************************************
+*  Ask, and turn the answer into an EVENT.
+*
+*  A dialog's promise settles outside the machine: acting from its
+*  `.then` puts the decision -- delete these records, throw these
+*  edits away -- in a callback the `machine` trace never sees, and
+*  in a view that may be gone by the time the person answers.
+*
+*  `kw` carries an IDENTITY and never an object: the trace dumps
+*  it, and a gobj, a Tabulator row or a DOM node in there is a
+*  circular structure that breaks the very trace the FSM feeds.
+*
+*  Same shape as C_YUI_SCHEMA_EDITOR's confirm_then().
+************************************************************/
+function confirm_then$1(gobj, message, kw) {
+	yui_shell_confirm_yesnocancel(yui_shell_of(gobj), message, {
+		t,
+		yes_label: "yes",
+		no_label: "no",
+		cancel_label: "cancel"
+	}).then(function(answer) {
+		if (answer !== "yes" || gobj_is_destroying(gobj)) return;
+		gobj_send_event(gobj, "EV_CONFIRMED", kw, gobj);
+	});
+}
+/************************************************************
 *  Force the dialog down (bypasses the unsaved guard): used after a
 *  successful save and on teardown. Closing the modal runs its
 *  on_close, which tears the form child down.
@@ -27923,7 +27984,7 @@ function pkey_is_rowid(gobj) {
 *  Show the edit "update" form of a row (record)
 *  internally called from the icon edit at Op column
 ************************************************************/
-function show_edit_form(gobj, row, index) {
+function show_edit_form(gobj, row) {
 	open_form_dialog(gobj, pkey_is_rowid(gobj) ? "create" : "update", row);
 }
 /************************************************************
@@ -28422,31 +28483,57 @@ function ac_delete_rows(gobj, event, kw, src) {
 			});
 			return 0;
 		}
-		yui_shell_confirm_yesnocancel(yui_shell_of(gobj), build_delete_question(gobj, rows), {
-			t,
-			yes_label: "yes",
-			no_label: "no",
-			cancel_label: "cancel"
-		}).then(function(answer) {
-			if (answer === "yes") for (let row of rows) gobj_publish_event(gobj, "EV_DELETE_RECORD", {
-				topic_name: gobj_read_str_attr(gobj, "topic_name"),
-				record: row
-			});
-		});
-	} else yui_shell_confirm_yesnocancel(yui_shell_of(gobj), build_delete_question(gobj, kw.row), {
-		t,
-		yes_label: "yes",
-		no_label: "no",
-		cancel_label: "cancel"
-	}).then(function(answer) {
-		if (answer === "yes") gobj_publish_event(gobj, "EV_DELETE_RECORD", {
-			topic_name: gobj_read_str_attr(gobj, "topic_name"),
-			record: kw.row
-		});
+		confirm_then$1(gobj, build_delete_question(gobj, rows), { what: "delete_selection" });
+	} else confirm_then$1(gobj, build_delete_question(gobj, kw.row), {
+		what: "delete_row",
+		index: kw.index
 	});
 	return 0;
 }
 /************************************************************
+*  {what, ...} -- the person said yes to what confirm_then()
+*  asked. The rows are read again HERE and not carried in the
+*  kw: the kw is plain json, and a Tabulator row is not.
+************************************************************/
+function ac_confirmed$2(gobj, event, kw, src) {
+	let priv = gobj.priv;
+	let what = kw ? kw.what : "";
+	if (what === "close_form") {
+		if (priv.form_modal) priv.form_modal.close();
+		return 0;
+	}
+	if (refuse_if_readonly$2(gobj, event)) return -1;
+	let tabulator = gobj_read_attr(gobj, "tabulator");
+	let topic_name = gobj_read_str_attr(gobj, "topic_name");
+	if (what === "delete_selection") {
+		let rows = yui_selected_rows(tabulator);
+		if (!rows.length) {
+			log_error(`${gobj_short_name(gobj)}: ${event} with the selection gone`);
+			return -1;
+		}
+		for (let row of rows) gobj_publish_event(gobj, "EV_DELETE_RECORD", {
+			topic_name,
+			record: row
+		});
+		return 0;
+	}
+	if (what === "delete_row") {
+		let index = kw.index;
+		let row = tabulator && typeof index === "number" ? tabulator.getRowFromPosition(index) : null;
+		if (!row) {
+			log_error(`${gobj_short_name(gobj)}: ${event} names no row: ${index}`);
+			return -1;
+		}
+		gobj_publish_event(gobj, "EV_DELETE_RECORD", {
+			topic_name,
+			record: row.getData()
+		});
+		return 0;
+	}
+	log_error(`${gobj_short_name(gobj)}: ${event} of nothing this view asked about: ${what}`);
+	return -1;
+}
+/************************************************************
 *  From internal
 ************************************************************/
 function ac_copy_rows(gobj, event, kw, src) {
@@ -28501,9 +28588,7 @@ function ac_form_save_record(gobj, event, kw, src) {
 	const cols = Object.keys(picked);
 	if (cols.length === 0) {
 		publish_treedb_write(gobj, mode, kw);
-		setTimeout(function() {
-			close_form_dialog(gobj);
-		}, 0);
+		gobj_post_event(gobj, "EV_CLOSE_FORM", {}, gobj);
 		return 0;
 	}
 	const serial = ++priv.read_serial;
@@ -28581,6 +28666,14 @@ function publish_treedb_write(gobj, mode, record, jn_files) {
 	gobj_publish_event(gobj, mode === "create" ? "EV_CREATE_RECORD" : "EV_UPDATE_RECORD", kw_write);
 }
 /************************************************************
+*  The deferred close of the form dialog, posted by the save
+*  from inside the form child's own publish stack.
+************************************************************/
+function ac_close_form(gobj, event, kw, src) {
+	close_form_dialog(gobj);
+	return 0;
+}
+/************************************************************
 *  {mode, record, picks} -- the bytes are here now
 ************************************************************/
 function ac_files_read(gobj, event, kw, src) {
@@ -28621,7 +28714,7 @@ function ac_select_rows(gobj, event, kw, src) {
 ************************************************************/
 function ac_unselect_rows(gobj, event, kw, src) {
 	render_selection_state(gobj);
-	if (gobj_read_bool_attr(gobj, "broadcast_select_rows_event")) gobj_publish_event(gobj, event, kw);
+	if (gobj_read_bool_attr(gobj, "broadcast_unselect_rows_event")) gobj_publish_event(gobj, event, kw);
 	return 0;
 }
 /************************************************************
@@ -29101,6 +29194,26 @@ function ac_show_record(gobj, event, kw, src) {
 	return 0;
 }
 /************************************************************
+*  {index} -- the pencil of the Op column. Same shape as
+*  EV_SHOW_RECORD: the kw carries WHICH row, and the row itself
+*  is resolved here, where the table is.
+************************************************************/
+function ac_edit_record(gobj, event, kw, src) {
+	let tabulator = gobj_read_attr(gobj, "tabulator");
+	let index = kw ? kw.index : void 0;
+	if (!tabulator || typeof index !== "number") {
+		log_error(`${gobj_short_name(gobj)}: no row ${index} to edit`);
+		return -1;
+	}
+	let row = tabulator.getRowFromPosition(index);
+	if (!row) {
+		log_error(`${gobj_short_name(gobj)}: row ${index} is gone`);
+		return -1;
+	}
+	show_edit_form(gobj, row.getData());
+	return 0;
+}
+/************************************************************
 *  The reader picked another page size: remember it, so coming back to
 *  this topic opens where they left it instead of at 200.
 ************************************************************/
@@ -29225,6 +29338,11 @@ function create_gclass$5(gclass_name) {
 			ac_form_save_record,
 			null
 		],
+		[
+			"EV_CLOSE_FORM",
+			ac_close_form,
+			null
+		],
 		[
 			"EV_FILES_READ",
 			ac_files_read,
@@ -29245,6 +29363,11 @@ function create_gclass$5(gclass_name) {
 			ac_delete_rows,
 			null
 		],
+		[
+			"EV_CONFIRMED",
+			ac_confirmed$2,
+			null
+		],
 		[
 			"EV_SELECT_ROWS",
 			ac_select_rows,
@@ -29370,6 +29493,11 @@ function create_gclass$5(gclass_name) {
 			ac_show_record,
 			null
 		],
+		[
+			"EV_EDIT_RECORD",
+			ac_edit_record,
+			null
+		],
 		[
 			"EV_TOGGLE_COLUMN",
 			ac_toggle_column,
@@ -29399,10 +29527,12 @@ function create_gclass$5(gclass_name) {
 		["EV_NODE_DELETED", 0],
 		["EV_EDITION_MODE", 0],
 		["EV_SAVE_RECORD", 0],
+		["EV_CLOSE_FORM", 0],
 		["EV_FILES_READ", 0],
 		["EV_FILES_FAILED", 0],
 		["EV_NEW_ROW", 0],
 		["EV_DELETE_ROWS", 0],
+		["EV_CONFIRMED", 0],
 		["EV_COPY_ROWS", 0],
 		["EV_PASTE_ROWS", 0],
 		["EV_CLEAR_SELECTION", 0],
@@ -29432,6 +29562,7 @@ function create_gclass$5(gclass_name) {
 		["EV_OPEN_COLUMNS", 0],
 		["EV_PAGE_SIZE_CHANGED", 0],
 		["EV_SHOW_RECORD", 0],
+		["EV_EDIT_RECORD", 0],
 		["EV_TOGGLE_COLUMN", 0],
 		["EV_EXPORT_TABLE", 0],
 		["EV_CREATE_RECORD", event_flag_t.EVF_OUTPUT_EVENT],
@@ -57965,13 +58096,38 @@ function build_graph$1(gobj) {
 	graph.setLayout(layout);
 	priv.graph_rendered = false;
 	graph_render(gobj).then(() => {
+		if (gobj_is_destroying(gobj) || !priv.graph) return;
 		configure_events(gobj);
 		configure_behaviour(gobj);
 		configure_plugins(gobj);
 		priv.graph_rendered = true;
+	}).catch((e) => {
+		log_error(`${gobj_short_name(gobj)}: graph render failed: ${e}`);
 	});
 }
 /************************************************************
+*  A G6 event, as PLAIN JSON.
+*
+*  A kw is dumped by the `machine` trace (`trace_json(kw)`), and a
+*  G6 / @antv/g event is circular: serializing one THROWS, so the
+*  first thing a kw carrying `evt` breaks is the trace the FSM
+*  exists to feed. It also drags a live graph element into a
+*  message that may be read after that element is gone.
+*
+*  What the actions read of it is an id and three scalars. The
+*  event itself never leaves the callback that received it.
+************************************************************/
+function g6_event_kw(evt) {
+	let target = evt && evt.target ? evt.target : null;
+	let client = evt && evt.client ? evt.client : null;
+	return {
+		id: target && target.id ? String(target.id) : "",
+		shift: !!(evt && evt.shiftKey),
+		client_x: client && typeof client.x === "number" ? client.x : 0,
+		client_y: client && typeof client.y === "number" ? client.y : 0
+	};
+}
+/************************************************************
 *  Configure G6 event handlers
 ************************************************************/
 function configure_events(gobj) {
@@ -57979,7 +58135,7 @@ function configure_events(gobj) {
 	let graph = priv.graph;
 	graph.on(CanvasEvent.CLICK, (evt) => {
 		if (consume_long_press_click(graph)) return;
-		gobj_send_event(gobj, "EV_CANVAS_CLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_CANVAS_CLICK", g6_event_kw(evt), gobj);
 	});
 	graph.on(NodeEvent.DRAG, (evt) => {
 		update_resize_handles_position(gobj);
@@ -57990,21 +58146,21 @@ function configure_events(gobj) {
 		update_port_icon_position(gobj);
 	});
 	graph.on(NodeEvent.DRAG_END, (evt) => {
-		gobj_send_event(gobj, "EV_NODE_DRAG_END", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_DRAG_END", g6_event_kw(evt), gobj);
 	});
 	graph.on(NodeEvent.CLICK, (evt) => {
 		if (consume_long_press_click(graph)) return;
-		gobj_send_event(gobj, "EV_NODE_CLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_CLICK", g6_event_kw(evt), gobj);
 	});
 	graph.on(NodeEvent.CONTEXT_MENU, (evt) => {
-		gobj_send_event(gobj, "EV_NODE_CONTEXT_MENU", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_CONTEXT_MENU", g6_event_kw(evt), gobj);
 	});
 	graph.on(NodeEvent.DBLCLICK, (evt) => {
-		gobj_send_event(gobj, "EV_NODE_DBLCLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_NODE_DBLCLICK", g6_event_kw(evt), gobj);
 	});
 	graph.on(EdgeEvent.CLICK, (evt) => {
 		if (consume_long_press_click(graph)) return;
-		gobj_send_event(gobj, "EV_EDGE_CLICK", { evt }, gobj);
+		gobj_send_event(gobj, "EV_EDGE_CLICK", g6_event_kw(evt), gobj);
 	});
 	graph.on("aftertransform", () => {
 		update_resize_handles_position(gobj);
@@ -58088,7 +58244,7 @@ function configure_plugins(gobj) {
 	graph_add_plugin(gobj, "contextmenu", {
 		trigger: "contextmenu",
 		onClick: (value) => {
-			handle_context_menu_click(gobj, value);
+			gobj_send_event(gobj, "EV_CONTEXT_MENU_ITEM", { value: String(value) }, gobj);
 		},
 		getItems: (e) => {
 			return build_context_menu_items(gobj, e);
@@ -61804,7 +61960,7 @@ function show_edge_icon(gobj) {
 	if (!priv._selected_edge_id) return;
 	let mid = get_edge_viewport_midpoint(gobj, priv._selected_edge_id);
 	if (!mid) return;
-	let icons = show_dual_icons(gobj, mid.x + 4, mid.y + floating_icon_dy(), t("edge properties"), () => toggle_edge_popover(gobj), t("unlink"), () => request_unlink_edge(gobj));
+	let icons = show_dual_icons(gobj, mid.x + 4, mid.y + floating_icon_dy(), t("edge properties"), () => toggle_edge_popover(gobj), t("unlink"), () => gobj_send_event(gobj, "EV_REQUEST_UNLINK_EDGE", {}, gobj));
 	priv._edge_icon_el = icons.icon_el;
 	priv._edge_delete_el = icons.delete_el;
 }
@@ -61959,7 +62115,7 @@ function show_node_icon(gobj) {
 	if (!priv._selected_node_id || priv._selected_port_key) return;
 	let rect = get_node_viewport_rect(gobj, priv._selected_node_id);
 	if (!rect) return;
-	let icons = show_dual_icons(gobj, rect.right + 4, rect.top + floating_icon_dy(), t("node properties"), () => toggle_node_popover(gobj), t("delete node"), () => request_delete_node(gobj));
+	let icons = show_dual_icons(gobj, rect.right + 4, rect.top + floating_icon_dy(), t("node properties"), () => toggle_node_popover(gobj), t("delete node"), () => gobj_send_event(gobj, "EV_REQUEST_DELETE_NODE", {}, gobj));
 	priv._node_icon_el = icons.icon_el;
 	priv._node_delete_el = icons.delete_el;
 }
@@ -62672,7 +62828,10 @@ function request_delete_selection(gobj) {
 		execute_delete_selection(gobj, nodes);
 		return;
 	}
-	show_confirm_popover(gobj, null, delete_question(nodes), "delete", "#ff4d4f", () => execute_delete_selection(gobj, nodes), "_delete_confirm_el");
+	show_confirm_popover(gobj, null, delete_question(nodes), "delete", "#ff4d4f", () => gobj_send_event(gobj, "EV_CONFIRMED", {
+		what: "delete_selection",
+		ids: nodes.map((nd) => String(nd.id))
+	}, gobj), "_delete_confirm_el");
 }
 function execute_delete_selection(gobj, nodes) {
 	let priv = gobj.priv;
@@ -62689,7 +62848,10 @@ function execute_delete_selection(gobj, nodes) {
 ************************************************************/
 function show_delete_confirm(gobj, nodeData) {
 	let priv = gobj.priv;
-	show_confirm_popover(gobj, priv._node_delete_el, delete_question([nodeData]), "delete", "#ff4d4f", () => execute_delete_node(gobj, nodeData), "_delete_confirm_el");
+	show_confirm_popover(gobj, priv._node_delete_el, delete_question([nodeData]), "delete", "#ff4d4f", () => gobj_send_event(gobj, "EV_CONFIRMED", {
+		what: "delete_node",
+		id: String(nodeData.id)
+	}, gobj), "_delete_confirm_el");
 }
 function hide_delete_confirm(gobj) {
 	hide_overlay(gobj, "_delete_confirm_el");
@@ -62787,7 +62949,10 @@ function show_create_popover(gobj) {
 				idInput.focus();
 				return;
 			}
-			execute_create_node(gobj, topicSelect.value, node_id);
+			gobj_send_event(gobj, "EV_SUBMIT_NEW_NODE", {
+				topic_name: String(topicSelect.value),
+				id: node_id
+			}, gobj);
 		}
 	}]);
 	createBtn = popover.querySelector("button:last-child");
@@ -62847,7 +63012,10 @@ function execute_unlink_edge(gobj, edgeData) {
 function show_unlink_confirm(gobj, edgeData) {
 	let priv = gobj.priv;
 	const d = edgeData.data;
-	show_confirm_popover(gobj, priv._edge_delete_el, t("unlink") + " " + d.child_id + " → " + d.parent_id + "?\n" + t("neither record is deleted"), "unlink", "#ff4d4f", () => execute_unlink_edge(gobj, edgeData), "_unlink_confirm_el");
+	show_confirm_popover(gobj, priv._edge_delete_el, t("unlink") + " " + d.child_id + " → " + d.parent_id + "?\n" + t("neither record is deleted"), "unlink", "#ff4d4f", () => gobj_send_event(gobj, "EV_CONFIRMED", {
+		what: "unlink_edge",
+		id: String(edgeData.id)
+	}, gobj), "_unlink_confirm_el");
 }
 function hide_unlink_confirm(gobj) {
 	hide_overlay(gobj, "_unlink_confirm_el");
@@ -64730,7 +64898,7 @@ function ac_toggle_node_mode(gobj, event, kw, src) {
 ************************************************************/
 function ac_node_dblclick(gobj, event, kw, src) {
 	let priv = gobj.priv;
-	let node_id = kw && kw.evt && kw.evt.target ? kw.evt.target.id : "";
+	let node_id = kw && kw.id ? kw.id : "";
 	let nd = null;
 	try {
 		nd = priv.graph.getNodeData(node_id);
@@ -64926,7 +65094,7 @@ function ac_brush_select(gobj, event, kw, src) {
 function ac_node_click$2(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let graph = priv.graph;
-	let node_id = kw.evt.target.id;
+	let node_id = kw && kw.id ? kw.id : "";
 	let more_nd = null;
 	try {
 		more_nd = graph.getNodeData(node_id);
@@ -64953,10 +65121,10 @@ function ac_node_click$2(gobj, event, kw, src) {
 				topic_name: nodedata.data.desc.topic_name,
 				record: nodedata.data.record
 			});
-			if (priv.edit_mode && (kw.evt.shiftKey || priv.selection_mode)) toggle_in_selection(gobj, node_id);
+			if (priv.edit_mode && (kw.shift || priv.selection_mode)) toggle_in_selection(gobj, node_id);
 			else if (priv.edit_mode) {
 				let containerRect = priv.$container.getBoundingClientRect();
-				let canvasPoint = graph.getCanvasByViewport([kw.evt.client.x - containerRect.left, kw.evt.client.y - containerRect.top]);
+				let canvasPoint = graph.getCanvasByViewport([kw.client_x - containerRect.left, kw.client_y - containerRect.top]);
 				let port_key = detect_port_click(gobj, node_id, canvasPoint[0], canvasPoint[1]);
 				if (priv._linking_mode) {
 					if (port_key && try_complete_link(gobj, node_id, port_key)) return 0;
@@ -64979,7 +65147,7 @@ function ac_node_click$2(gobj, event, kw, src) {
 function ac_edge_click(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let graph = priv.graph;
-	let edge_id = kw.evt.target.id;
+	let edge_id = kw && kw.id ? kw.id : "";
 	try {
 		let edgedata = graph.getEdgeData(edge_id);
 		if (edgedata && edgedata.data) {
@@ -65008,6 +65176,106 @@ function ac_node_context_menu(gobj, event, kw, src) {
 	return 0;
 }
 /************************************************************
+*  {value} -- an item of the context menu was picked.
+************************************************************/
+function ac_context_menu_item(gobj, event, kw, src) {
+	handle_context_menu_click(gobj, kw && kw.value ? kw.value : "");
+	return 0;
+}
+/************************************************************
+*  The delete icon floating beside the selected node.
+************************************************************/
+function ac_request_delete_node(gobj, event, kw, src) {
+	request_delete_node(gobj);
+	return 0;
+}
+/************************************************************
+*  The unlink icon floating beside the selected edge.
+************************************************************/
+function ac_request_unlink_edge(gobj, event, kw, src) {
+	request_unlink_edge(gobj);
+	return 0;
+}
+/************************************************************
+*  {topic_name, id} -- the create popover was filled in.
+************************************************************/
+function ac_submit_new_node(gobj, event, kw, src) {
+	let topic_name = kw && kw.topic_name ? kw.topic_name : "";
+	let node_id = kw && kw.id ? kw.id : "";
+	if (!topic_name || !node_id) {
+		log_error(`${gobj_short_name(gobj)}: ${event} without topic or id`);
+		return -1;
+	}
+	execute_create_node(gobj, topic_name, node_id);
+	return 0;
+}
+/************************************************************
+*  {what, id|ids} -- the person said yes in a confirm popover.
+*
+*  The kw carries IDS and not the graph elements they name: a kw
+*  is plain json, and a node/edge datum of a live graph is not
+*  something to park in a message. They are resolved here, where
+*  the graph is -- and an id that no longer names anything is a
+*  loud refusal instead of a silent nothing.
+************************************************************/
+function ac_confirmed$1(gobj, event, kw, src) {
+	let graph = gobj.priv.graph;
+	let what = kw && kw.what ? kw.what : "";
+	if (!graph) {
+		log_error(`${gobj_short_name(gobj)}: ${event} with no graph`);
+		return -1;
+	}
+	if (what === "delete_selection") {
+		let ids = kw && Array.isArray(kw.ids) ? kw.ids : [];
+		let nodes = [];
+		for (let id of ids) {
+			let nd = null;
+			try {
+				nd = graph.getNodeData(id);
+			} catch (e) {
+				nd = null;
+			}
+			if (nd && nd.data && nd.data.desc) nodes.push(nd);
+		}
+		if (!nodes.length) {
+			log_error(`${gobj_short_name(gobj)}: ${event} names no node any more`);
+			return -1;
+		}
+		execute_delete_selection(gobj, nodes);
+		return 0;
+	}
+	if (what === "delete_node") {
+		let nd = null;
+		try {
+			nd = graph.getNodeData(kw.id);
+		} catch (e) {
+			nd = null;
+		}
+		if (!nd || !nd.data || !nd.data.desc) {
+			log_error(`${gobj_short_name(gobj)}: ${event} names no node: ${kw.id}`);
+			return -1;
+		}
+		execute_delete_node(gobj, nd);
+		return 0;
+	}
+	if (what === "unlink_edge") {
+		let ed = null;
+		try {
+			ed = graph.getEdgeData(kw.id);
+		} catch (e) {
+			ed = null;
+		}
+		if (!ed || !ed.data) {
+			log_error(`${gobj_short_name(gobj)}: ${event} names no edge: ${kw.id}`);
+			return -1;
+		}
+		execute_unlink_edge(gobj, ed);
+		return 0;
+	}
+	log_error(`${gobj_short_name(gobj)}: ${event} of nothing this view asked about: ${what}`);
+	return -1;
+}
+/************************************************************
 *  Canvas click
 ************************************************************/
 function ac_canvas_click(gobj, event, kw, src) {
@@ -65171,6 +65439,31 @@ function create_gclass$4(gclass_name) {
 			ac_node_context_menu,
 			null
 		],
+		[
+			"EV_CONTEXT_MENU_ITEM",
+			ac_context_menu_item,
+			null
+		],
+		[
+			"EV_REQUEST_DELETE_NODE",
+			ac_request_delete_node,
+			null
+		],
+		[
+			"EV_REQUEST_UNLINK_EDGE",
+			ac_request_unlink_edge,
+			null
+		],
+		[
+			"EV_SUBMIT_NEW_NODE",
+			ac_submit_new_node,
+			null
+		],
+		[
+			"EV_CONFIRMED",
+			ac_confirmed$1,
+			null
+		],
 		[
 			"EV_CANVAS_CLICK",
 			ac_canvas_click,
@@ -65387,6 +65680,11 @@ function create_gclass$4(gclass_name) {
 		["EV_NODE_CLICK", 0],
 		["EV_EDGE_CLICK", 0],
 		["EV_NODE_CONTEXT_MENU", 0],
+		["EV_CONTEXT_MENU_ITEM", 0],
+		["EV_REQUEST_DELETE_NODE", 0],
+		["EV_REQUEST_UNLINK_EDGE", 0],
+		["EV_SUBMIT_NEW_NODE", 0],
+		["EV_CONFIRMED", 0],
 		["EV_CANVAS_CLICK", 0],
 		["EV_NODE_DRAG_END", 0],
 		["EV_BRUSH_SELECT", 0],