@yuneta/gobj-ui 7.9.1 → 7.10.0

package/README.md

@@ -491,6 +491,41 @@ The buttons of that toolbar never shrink. When the row runs out of room, the
 url is what gives way, cut with an ellipsis, and the whole value stays in the
 `title` and the `aria-label`.
 
+### Reading a topic a page at a time
+
+`C_YUI_TREEDB_TOPICS` takes **`with_remote_paging`** (off by default) and
+forwards it to every topic table: the table pulls the page it is showing
+instead of the host pushing the whole topic down. It needs the SDK's `nodes`
+with `from` / `limit` (see `YUNO_TREEDB.md` §5.3).
+
+**The page size is generous on purpose** (`page_size`, 200). A treedb that
+fits in one page behaves exactly as it did — paginator hidden, every filter
+seeing every row — so nothing that exists today changes. Only a topic that
+does NOT fit pays for paging, and for that one loading it whole was never an
+option.
+
+**Safe against a backend that cannot page:** it answers the whole list, which
+`nodes_answer()` reads as one page. That is the truth, and it is why the table
+can ask without knowing what it is talking to.
+
+`filterMode: "local"` says the plain truth: the header filters and the search
+box work on the page that is loaded. Same as the tranger browser's Rows card,
+and for the same reason — the alternative is pushing every filter to the
+backend and changing what "search" means.
+
+Who does what: the transport belongs to the HOST, so the table asks with
+`EV_REQUEST_PAGE` and the answer comes back as `EV_PAGE_LOADED`, correlated by
+an id echoed in `__md_command__`. **Read that id flat off the command stack**
+(`kw_command.req_id`): `C_IEVENT_CLI` EXTRACTS `__md_command__` and pushes it
+AS the stack's `kw`, so one level deeper is a level too far — and the symptom
+is every request timing out with its answer sitting right there.
+
+The promise Tabulator wants is parked in the table (`ajaxRequestFunc` must
+RETURN a promise — it is a data source, not an event), with a watchdog,
+because the link can stay up and an answer still never land. A refresh
+re-pulls the page the reader is on rather than throwing them back to the
+first.
+
 ### Editing a topic table in place
 
 A writable scalar is editable in the table, in edition mode

package/dist/gobj-ui.cjs.js

@@ -16381,6 +16381,71 @@ function plan_treedb_writes(flags) {
 	};
 }
 //#endregion
+//#region src/delete_impact.js
+/***********************************************************************
+*          delete_impact.js
+*
+*      What a delete takes with it, read off the record itself.
+*
+*      A treedb delete is not one thing. The backend refuses a node
+*      that has links — UNLESS the caller sends `force`, and the topic
+*      views do. With `force`:
+*
+*          children  are UNLINKED, not deleted. They survive, loose.
+*          parents   lose the node from their hook.
+*
+*      So "delete this row" can mean "detach eleven records from their
+*      only parent", and the question that used to be asked — `are you
+*      sure` — said none of it. This counts what is at stake so the
+*      question can name it.
+*
+*      Read from the record the table ALREADY has (`list_dict` fills
+*      the hook and fkey columns), so asking costs no round trip.
+*
+*      Pure and tested, because the shapes are the fiddly part: a hook
+*      or fkey value arrives as a list of refs, a dict keyed by id, or
+*      a single ref string, depending on the column's declared type.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+/***************************************************************
+*  How many things a hook/fkey value holds.
+***************************************************************/
+function ref_count(value) {
+	if (Array.isArray(value)) return value.length;
+	if (value && typeof value === "object") return Object.keys(value).length;
+	if (typeof value === "string" && value.length > 0) return 1;
+	return 0;
+}
+/***************************************************************
+*  delete_impact(desc, records) -> {records, children, parents}
+*
+*  `records` is one record or a list of them, so the same answer
+*  serves the one-row delete and the selection.
+***************************************************************/
+function delete_impact(desc, records) {
+	let list = Array.isArray(records) ? records : records ? [records] : [];
+	let out = {
+		records: list.length,
+		children: 0,
+		parents: 0
+	};
+	let cols = desc && Array.isArray(desc.cols) ? desc.cols : [];
+	if (!cols.length) return out;
+	for (let record of list) {
+		if (!record) continue;
+		for (let col of cols) {
+			if (!col || !col.id || !Array.isArray(col.flag)) continue;
+			let n = ref_count(record[col.id]);
+			if (n === 0) continue;
+			if (col.flag.indexOf("hook") >= 0) out.children += n;
+			if (col.flag.indexOf("fkey") >= 0) out.parents += n;
+		}
+	}
+	return out;
+}
+//#endregion
 //#region src/c_yui_treedb_topic_with_form.js
 /***********************************************************************
 *          c_yui_treedb_topic_with_form.js
@@ -16447,6 +16512,7 @@ var attrs_table$5 = [
 var PRIVATE_DATA$5 = {
 	_pending_pages: null,
 	_page_seq: 0,
+	_page_total: null,
 	$container: null,
 	treedb_name: "",
 	topic_name: "",
@@ -17215,11 +17281,19 @@ function create_tabulator(gobj) {
 		} catch (e) {
 			n = 0;
 		}
-		$rc.textContent = `${n} ${(0, i18next.t)("rows")}`;
+		let paged = (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "with_remote_paging");
+		let total = gobj.priv._page_total;
+		if (paged && typeof total === "number" && total > n) $rc.textContent = `${n} / ${total} ${(0, i18next.t)("rows")}`;
+		else $rc.textContent = `${n} ${(0, i18next.t)("rows")}`;
 		let single_page = true;
 		try {
-			let size = tabulator.getPageSize();
-			single_page = !size || n <= size;
+			if (paged) {
+				let max = tabulator.getPageMax();
+				single_page = max === false || max <= 1;
+			} else {
+				let size = tabulator.getPageSize();
+				single_page = !size || n <= size;
+			}
 		} catch (e) {
 			single_page = true;
 		}
@@ -18210,7 +18284,7 @@ function ac_delete_rows(gobj, event, kw, src) {
 			});
 			return 0;
 		}
-		yui_shell_confirm_yesnocancel(yui_shell_of(gobj), "are you sure", {
+		yui_shell_confirm_yesnocancel(yui_shell_of(gobj), build_delete_question(gobj, rows), {
 			t: i18next.t,
 			yes_label: "yes",
 			no_label: "no",
@@ -18221,7 +18295,7 @@ function ac_delete_rows(gobj, event, kw, src) {
 				record: row
 			});
 		});
-	} else yui_shell_confirm_yesnocancel(yui_shell_of(gobj), "are you sure", {
+	} else yui_shell_confirm_yesnocancel(yui_shell_of(gobj), build_delete_question(gobj, kw.row), {
 		t: i18next.t,
 		yes_label: "yes",
 		no_label: "no",
@@ -18392,6 +18466,145 @@ function ac_show_schema(gobj, event, kw, src) {
 	return 0;
 }
 /************************************************************
+*  The question a delete deserves.
+*
+*  These views delete with `force`, and `force` on a treedb node does
+*  not only remove it: its children are UNLINKED — they survive, loose
+*  — and it is cleaned off its parents. So "delete this row" can mean
+*  "detach eleven records from their only parent", and `are you sure`
+*  said none of it.
+*
+*  Built as DOM, not as a string, and that is forced rather than
+*  chosen: the dialog renders its message AS AN I18N KEY, so a
+*  composed sentence could never be one. Each translatable half
+*  carries its own key and the numbers sit between them as data —
+*  which is also the only way the question survives a language switch.
+************************************************************/
+function build_delete_question(gobj, records) {
+	let desc = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "desc");
+	let impact = delete_impact(desc, records);
+	let lines = [];
+	let pkey = desc && desc.pkey || "id";
+	let one = impact.records === 1 && Array.isArray(records) ? records[0] : impact.records === 1 ? records : null;
+	if (one && one[pkey] !== void 0 && one[pkey] !== null) lines.push([
+		"p",
+		{ class: "DELETE_ASK_WHAT" },
+		[
+			[
+				"span",
+				{ i18n: "delete" },
+				(0, i18next.t)("delete")
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"strong",
+				{},
+				String(one[pkey])
+			]
+		]
+	]);
+	else lines.push([
+		"p",
+		{ class: "DELETE_ASK_WHAT" },
+		[
+			[
+				"span",
+				{ i18n: "delete" },
+				(0, i18next.t)("delete")
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"strong",
+				{},
+				String(impact.records)
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"span",
+				{ i18n: "records" },
+				(0, i18next.t)("records")
+			]
+		]
+	]);
+	if (impact.children > 0) lines.push([
+		"p",
+		{ class: "DELETE_ASK_CHILDREN has-text-weight-semibold" },
+		[
+			[
+				"strong",
+				{},
+				String(impact.children)
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"span",
+				{ i18n: "children will be unlinked, not deleted" },
+				(0, i18next.t)("children will be unlinked, not deleted")
+			]
+		]
+	]);
+	if (impact.parents > 0) lines.push([
+		"p",
+		{ class: "DELETE_ASK_PARENTS" },
+		[
+			[
+				"span",
+				{ i18n: "it will be detached from" },
+				(0, i18next.t)("it will be detached from")
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"strong",
+				{},
+				String(impact.parents)
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"span",
+				{ i18n: "parents" },
+				(0, i18next.t)("parents")
+			]
+		]
+	]);
+	lines.push([
+		"p",
+		{
+			class: "DELETE_ASK_SURE",
+			i18n: "are you sure"
+		},
+		(0, i18next.t)("are you sure")
+	]);
+	return (0, _yuneta_gobj_js.createElement2)([
+		"div",
+		{ class: "DELETE_ASK" },
+		lines
+	]);
+}
+/************************************************************
 *  Ask the host for one page and park the promise Tabulator wants.
 *
 *  The transport belongs to the HOST, so the request goes up as an event
@@ -18460,6 +18673,7 @@ function ac_repull_page(gobj, event, kw, src) {
 *  The host answered a page.
 ************************************************************/
 function ac_page_loaded(gobj, event, kw, src) {
+	if (typeof kw.total === "number") gobj.priv._page_total = kw.total;
 	settle_page(gobj, kw.req_id, {
 		data: (0, _yuneta_gobj_js.is_array)(kw.rows) ? kw.rows : [],
 		last_page: kw.pages || 1,
@@ -54879,7 +55093,7 @@ function show_confirm_popover(gobj, target_el, message, confirm_text, confirm_co
 	let containerRect = priv.$container.getBoundingClientRect();
 	const popover = create_popover_base(iconRect.right - containerRect.left + 6, iconRect.top - containerRect.top - 4, "g6-confirm-popover", "#ff4d4f", 160);
 	let msg = document.createElement("div");
-	msg.style.cssText = "margin-bottom:10px;font-weight:500;";
+	msg.style.cssText = "margin-bottom:10px;font-weight:500;white-space:pre-line;";
 	msg.textContent = message;
 	popover.appendChild(msg);
 	create_form_button_row(popover, [{
@@ -56453,7 +56667,11 @@ function show_delete_confirm(gobj, nodeData) {
 	let priv = gobj.priv;
 	let record = nodeData.data.record || {};
 	let topic_name = nodeData.data.desc.topic_name;
-	show_confirm_popover(gobj, priv._node_delete_el, (0, i18next.t)("delete") + " " + topic_name + ": " + record.id + "?", "delete", "#ff4d4f", () => execute_delete_node(gobj, nodeData), "_delete_confirm_el");
+	let impact = delete_impact(nodeData.data.desc, record);
+	let question = (0, i18next.t)("delete") + " " + topic_name + ": " + record.id + "?";
+	if (impact.children > 0) question += "\n" + impact.children + " " + (0, i18next.t)("children will be unlinked, not deleted");
+	if (impact.parents > 0) question += "\n" + (0, i18next.t)("it will be detached from") + " " + impact.parents + " " + (0, i18next.t)("parents");
+	show_confirm_popover(gobj, priv._node_delete_el, question, "delete", "#ff4d4f", () => execute_delete_node(gobj, nodeData), "_delete_confirm_el");
 }
 function hide_delete_confirm(gobj) {
 	hide_overlay(gobj, "_delete_confirm_el");
@@ -56611,7 +56829,7 @@ 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, (0, i18next.t)("unlink") + " " + d.child_id + " → " + d.parent_id + "?", "unlink", "#ff4d4f", () => execute_unlink_edge(gobj, edgeData), "_unlink_confirm_el");
+	show_confirm_popover(gobj, priv._edge_delete_el, (0, i18next.t)("unlink") + " " + d.child_id + " → " + d.parent_id + "?\n" + (0, i18next.t)("neither record is deleted"), "unlink", "#ff4d4f", () => execute_unlink_edge(gobj, edgeData), "_unlink_confirm_el");
 }
 function hide_unlink_confirm(gobj) {
 	hide_overlay(gobj, "_unlink_confirm_el");

package/dist/gobj-ui.es.js

@@ -16376,6 +16376,71 @@ function plan_treedb_writes(flags) {
 	};
 }
 //#endregion
+//#region src/delete_impact.js
+/***********************************************************************
+*          delete_impact.js
+*
+*      What a delete takes with it, read off the record itself.
+*
+*      A treedb delete is not one thing. The backend refuses a node
+*      that has links — UNLESS the caller sends `force`, and the topic
+*      views do. With `force`:
+*
+*          children  are UNLINKED, not deleted. They survive, loose.
+*          parents   lose the node from their hook.
+*
+*      So "delete this row" can mean "detach eleven records from their
+*      only parent", and the question that used to be asked — `are you
+*      sure` — said none of it. This counts what is at stake so the
+*      question can name it.
+*
+*      Read from the record the table ALREADY has (`list_dict` fills
+*      the hook and fkey columns), so asking costs no round trip.
+*
+*      Pure and tested, because the shapes are the fiddly part: a hook
+*      or fkey value arrives as a list of refs, a dict keyed by id, or
+*      a single ref string, depending on the column's declared type.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+/***************************************************************
+*  How many things a hook/fkey value holds.
+***************************************************************/
+function ref_count(value) {
+	if (Array.isArray(value)) return value.length;
+	if (value && typeof value === "object") return Object.keys(value).length;
+	if (typeof value === "string" && value.length > 0) return 1;
+	return 0;
+}
+/***************************************************************
+*  delete_impact(desc, records) -> {records, children, parents}
+*
+*  `records` is one record or a list of them, so the same answer
+*  serves the one-row delete and the selection.
+***************************************************************/
+function delete_impact(desc, records) {
+	let list = Array.isArray(records) ? records : records ? [records] : [];
+	let out = {
+		records: list.length,
+		children: 0,
+		parents: 0
+	};
+	let cols = desc && Array.isArray(desc.cols) ? desc.cols : [];
+	if (!cols.length) return out;
+	for (let record of list) {
+		if (!record) continue;
+		for (let col of cols) {
+			if (!col || !col.id || !Array.isArray(col.flag)) continue;
+			let n = ref_count(record[col.id]);
+			if (n === 0) continue;
+			if (col.flag.indexOf("hook") >= 0) out.children += n;
+			if (col.flag.indexOf("fkey") >= 0) out.parents += n;
+		}
+	}
+	return out;
+}
+//#endregion
 //#region src/c_yui_treedb_topic_with_form.js
 /***********************************************************************
 *          c_yui_treedb_topic_with_form.js
@@ -16442,6 +16507,7 @@ var attrs_table$5 = [
 var PRIVATE_DATA$5 = {
 	_pending_pages: null,
 	_page_seq: 0,
+	_page_total: null,
 	$container: null,
 	treedb_name: "",
 	topic_name: "",
@@ -17210,11 +17276,19 @@ function create_tabulator(gobj) {
 		} catch (e) {
 			n = 0;
 		}
-		$rc.textContent = `${n} ${t("rows")}`;
+		let paged = gobj_read_bool_attr(gobj, "with_remote_paging");
+		let total = gobj.priv._page_total;
+		if (paged && typeof total === "number" && total > n) $rc.textContent = `${n} / ${total} ${t("rows")}`;
+		else $rc.textContent = `${n} ${t("rows")}`;
 		let single_page = true;
 		try {
-			let size = tabulator.getPageSize();
-			single_page = !size || n <= size;
+			if (paged) {
+				let max = tabulator.getPageMax();
+				single_page = max === false || max <= 1;
+			} else {
+				let size = tabulator.getPageSize();
+				single_page = !size || n <= size;
+			}
 		} catch (e) {
 			single_page = true;
 		}
@@ -18205,7 +18279,7 @@ function ac_delete_rows(gobj, event, kw, src) {
 			});
 			return 0;
 		}
-		yui_shell_confirm_yesnocancel(yui_shell_of(gobj), "are you sure", {
+		yui_shell_confirm_yesnocancel(yui_shell_of(gobj), build_delete_question(gobj, rows), {
 			t,
 			yes_label: "yes",
 			no_label: "no",
@@ -18216,7 +18290,7 @@ function ac_delete_rows(gobj, event, kw, src) {
 				record: row
 			});
 		});
-	} else yui_shell_confirm_yesnocancel(yui_shell_of(gobj), "are you sure", {
+	} else yui_shell_confirm_yesnocancel(yui_shell_of(gobj), build_delete_question(gobj, kw.row), {
 		t,
 		yes_label: "yes",
 		no_label: "no",
@@ -18387,6 +18461,145 @@ function ac_show_schema(gobj, event, kw, src) {
 	return 0;
 }
 /************************************************************
+*  The question a delete deserves.
+*
+*  These views delete with `force`, and `force` on a treedb node does
+*  not only remove it: its children are UNLINKED — they survive, loose
+*  — and it is cleaned off its parents. So "delete this row" can mean
+*  "detach eleven records from their only parent", and `are you sure`
+*  said none of it.
+*
+*  Built as DOM, not as a string, and that is forced rather than
+*  chosen: the dialog renders its message AS AN I18N KEY, so a
+*  composed sentence could never be one. Each translatable half
+*  carries its own key and the numbers sit between them as data —
+*  which is also the only way the question survives a language switch.
+************************************************************/
+function build_delete_question(gobj, records) {
+	let desc = gobj_read_attr(gobj, "desc");
+	let impact = delete_impact(desc, records);
+	let lines = [];
+	let pkey = desc && desc.pkey || "id";
+	let one = impact.records === 1 && Array.isArray(records) ? records[0] : impact.records === 1 ? records : null;
+	if (one && one[pkey] !== void 0 && one[pkey] !== null) lines.push([
+		"p",
+		{ class: "DELETE_ASK_WHAT" },
+		[
+			[
+				"span",
+				{ i18n: "delete" },
+				t("delete")
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"strong",
+				{},
+				String(one[pkey])
+			]
+		]
+	]);
+	else lines.push([
+		"p",
+		{ class: "DELETE_ASK_WHAT" },
+		[
+			[
+				"span",
+				{ i18n: "delete" },
+				t("delete")
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"strong",
+				{},
+				String(impact.records)
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"span",
+				{ i18n: "records" },
+				t("records")
+			]
+		]
+	]);
+	if (impact.children > 0) lines.push([
+		"p",
+		{ class: "DELETE_ASK_CHILDREN has-text-weight-semibold" },
+		[
+			[
+				"strong",
+				{},
+				String(impact.children)
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"span",
+				{ i18n: "children will be unlinked, not deleted" },
+				t("children will be unlinked, not deleted")
+			]
+		]
+	]);
+	if (impact.parents > 0) lines.push([
+		"p",
+		{ class: "DELETE_ASK_PARENTS" },
+		[
+			[
+				"span",
+				{ i18n: "it will be detached from" },
+				t("it will be detached from")
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"strong",
+				{},
+				String(impact.parents)
+			],
+			[
+				"span",
+				{},
+				" "
+			],
+			[
+				"span",
+				{ i18n: "parents" },
+				t("parents")
+			]
+		]
+	]);
+	lines.push([
+		"p",
+		{
+			class: "DELETE_ASK_SURE",
+			i18n: "are you sure"
+		},
+		t("are you sure")
+	]);
+	return createElement2([
+		"div",
+		{ class: "DELETE_ASK" },
+		lines
+	]);
+}
+/************************************************************
 *  Ask the host for one page and park the promise Tabulator wants.
 *
 *  The transport belongs to the HOST, so the request goes up as an event
@@ -18455,6 +18668,7 @@ function ac_repull_page(gobj, event, kw, src) {
 *  The host answered a page.
 ************************************************************/
 function ac_page_loaded(gobj, event, kw, src) {
+	if (typeof kw.total === "number") gobj.priv._page_total = kw.total;
 	settle_page(gobj, kw.req_id, {
 		data: is_array(kw.rows) ? kw.rows : [],
 		last_page: kw.pages || 1,
@@ -54866,7 +55080,7 @@ function show_confirm_popover(gobj, target_el, message, confirm_text, confirm_co
 	let containerRect = priv.$container.getBoundingClientRect();
 	const popover = create_popover_base(iconRect.right - containerRect.left + 6, iconRect.top - containerRect.top - 4, "g6-confirm-popover", "#ff4d4f", 160);
 	let msg = document.createElement("div");
-	msg.style.cssText = "margin-bottom:10px;font-weight:500;";
+	msg.style.cssText = "margin-bottom:10px;font-weight:500;white-space:pre-line;";
 	msg.textContent = message;
 	popover.appendChild(msg);
 	create_form_button_row(popover, [{
@@ -56440,7 +56654,11 @@ function show_delete_confirm(gobj, nodeData) {
 	let priv = gobj.priv;
 	let record = nodeData.data.record || {};
 	let topic_name = nodeData.data.desc.topic_name;
-	show_confirm_popover(gobj, priv._node_delete_el, t("delete") + " " + topic_name + ": " + record.id + "?", "delete", "#ff4d4f", () => execute_delete_node(gobj, nodeData), "_delete_confirm_el");
+	let impact = delete_impact(nodeData.data.desc, record);
+	let question = t("delete") + " " + topic_name + ": " + record.id + "?";
+	if (impact.children > 0) question += "\n" + impact.children + " " + t("children will be unlinked, not deleted");
+	if (impact.parents > 0) question += "\n" + t("it will be detached from") + " " + impact.parents + " " + t("parents");
+	show_confirm_popover(gobj, priv._node_delete_el, question, "delete", "#ff4d4f", () => execute_delete_node(gobj, nodeData), "_delete_confirm_el");
 }
 function hide_delete_confirm(gobj) {
 	hide_overlay(gobj, "_delete_confirm_el");
@@ -56598,7 +56816,7 @@ 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 + "?", "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", () => execute_unlink_edge(gobj, edgeData), "_unlink_confirm_el");
 }
 function hide_unlink_confirm(gobj) {
 	hide_overlay(gobj, "_unlink_confirm_el");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.9.1",
+  "version": "7.10.0",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/c_g6_nodes_tree.js

@@ -81,6 +81,7 @@ import {
 } from "./lib_graph.js";
 
 import {node_label} from "./treedb_node_label.js";
+import {delete_impact} from "./delete_impact.js";
 
 import {
     BaseLayout,
@@ -2782,7 +2783,9 @@ function show_confirm_popover(gobj, target_el, message, confirm_text, confirm_co
 
     // Message
     let msg = document.createElement('div');
-    msg.style.cssText = 'margin-bottom:10px;font-weight:500;';
+    /*  pre-line: a confirmation that has to say what it takes with it needs
+     *  a second line, and textContent alone would run it together. */
+    msg.style.cssText = 'margin-bottom:10px;font-weight:500;white-space:pre-line;';
     msg.textContent = message;
     popover.appendChild(msg);
 
@@ -5001,8 +5004,23 @@ function show_delete_confirm(gobj, nodeData)
     let record = nodeData.data.record || {};
     let topic_name = nodeData.data.desc.topic_name;
 
+    /*  What the delete takes with it. These views delete with `force`, and
+     *  `force` UNLINKS a node's children — they survive, loose — and cleans
+     *  it off its parents. A question that names only the node lets an
+     *  operator detach eleven records believing they removed one. */
+    let impact = delete_impact(nodeData.data.desc, record);
+    let question = t('delete') + ' ' + topic_name + ': ' + record.id + '?';
+    if(impact.children > 0) {
+        question += '\n' + impact.children + ' ' +
+                    t('children will be unlinked, not deleted');
+    }
+    if(impact.parents > 0) {
+        question += '\n' + t('it will be detached from') + ' ' +
+                    impact.parents + ' ' + t('parents');
+    }
+
     show_confirm_popover(gobj, priv._node_delete_el,
-        t('delete') + ' ' + topic_name + ': ' + record.id + '?',
+        question,
         'delete', '#ff4d4f',
         () => execute_delete_node(gobj, nodeData),
         '_delete_confirm_el'
@@ -5254,8 +5272,12 @@ function show_unlink_confirm(gobj, edgeData)
     let priv = gobj.priv;
     const d = edgeData.data;
 
+    /*  The reassurance is the point: an unlink removes the LINK and nothing
+     *  else, and next to a delete button painted the same red, that is not
+     *  obvious. */
     show_confirm_popover(gobj, priv._edge_delete_el,
-        t('unlink') + ' ' + d.child_id + ' → ' + d.parent_id + '?',
+        t('unlink') + ' ' + d.child_id + ' → ' + d.parent_id + '?' +
+        '\n' + t('neither record is deleted'),
         'unlink', '#ff4d4f',
         () => execute_unlink_edge(gobj, edgeData),
         '_unlink_confirm_el'

package/src/c_yui_treedb_topic_with_form.js

@@ -78,6 +78,7 @@ import {yui_tabulator_lang, yui_tabulator_relocalize} from "./yui_tabulator_i18n
 import {t} from "i18next";
 
 import {plan_treedb_writes} from "./treedb_write_plan.js";
+import {delete_impact} from "./delete_impact.js";
 
 import "./c_yui_treedb_topic_with_form.css";
 import "./tabulator.css";
@@ -151,6 +152,7 @@ SDATA_END()
 let PRIVATE_DATA = {
     _pending_pages:     null,       // req_id -> {resolve, reject, timer}
     _page_seq:          0,          // correlation id of a page request
+    _page_total:        null,       // rows the topic HAS, from the last page answer
     $container:         null,
     treedb_name:        "",
     topic_name:         "",
@@ -1203,15 +1205,33 @@ function create_tabulator(gobj)
                 n = 0;
             }
         }
-        $rc.textContent = `${n} ${t("rows")}`;
+        /*  Remote paging: `n` is the PAGE, so saying "50 rows" of a topic
+         *  with 114 would be a lie by omission. Say both. */
+        let paged = gobj_read_bool_attr(gobj, "with_remote_paging");
+        let total = gobj.priv._page_total;
+        if(paged && typeof total === "number" && total > n) {
+            $rc.textContent = `${n} / ${total} ${t("rows")}`;
+        } else {
+            $rc.textContent = `${n} ${t("rows")}`;
+        }
 
-        /*  Derived from the count and the page size rather than read from
-         *  getPageMax(), which is stale in the filter path for the same
-         *  reason. getPageSize() throws with pagination off -> one page. */
         let single_page = true;
         try {
-            let size = tabulator.getPageSize();
-            single_page = !size || n <= size;
+            if(paged) {
+                /*  Tabulator knows the last page from the answer's
+                 *  `last_page`, and that is the only thing that says whether
+                 *  there is more. Deriving it from the row count instead —
+                 *  which is what the local path does — hid the paginator on
+                 *  every FULL page: 50 rows of a 50-row page reads as "it all
+                 *  fits" and it does not.  */
+                let max = tabulator.getPageMax();
+                single_page = (max === false) || max <= 1;
+            } else {
+                /*  Derived from the count and the page size rather than read
+                 *  from getPageMax(), which is stale in the filter path. */
+                let size = tabulator.getPageSize();
+                single_page = !size || n <= size;
+            }
         } catch(e) {
             single_page = true;
         }
@@ -2705,7 +2725,7 @@ function ac_delete_rows(gobj, event, kw, src)
         }
 
         yui_shell_confirm_yesnocancel(
-            yui_shell_of(gobj), 'are you sure',
+            yui_shell_of(gobj), build_delete_question(gobj, rows),
             {t: t, yes_label: "yes", no_label: "no", cancel_label: "cancel"}
         ).then(function(answer) {
             if(answer === "yes") {
@@ -2729,7 +2749,7 @@ function ac_delete_rows(gobj, event, kw, src)
          *  {index: , row: }
          *----------------------------*/
         yui_shell_confirm_yesnocancel(
-            yui_shell_of(gobj), 'are you sure',
+            yui_shell_of(gobj), build_delete_question(gobj, kw.row),
             {t: t, yes_label: "yes", no_label: "no", cancel_label: "cancel"}
         ).then(function(answer) {
             if(answer === "yes") {
@@ -3000,6 +3020,73 @@ function ac_show_schema(gobj, event, kw, src)
     return 0;
 }
 
+/************************************************************
+ *  The question a delete deserves.
+ *
+ *  These views delete with `force`, and `force` on a treedb node does
+ *  not only remove it: its children are UNLINKED — they survive, loose
+ *  — and it is cleaned off its parents. So "delete this row" can mean
+ *  "detach eleven records from their only parent", and `are you sure`
+ *  said none of it.
+ *
+ *  Built as DOM, not as a string, and that is forced rather than
+ *  chosen: the dialog renders its message AS AN I18N KEY, so a
+ *  composed sentence could never be one. Each translatable half
+ *  carries its own key and the numbers sit between them as data —
+ *  which is also the only way the question survives a language switch.
+ ************************************************************/
+function build_delete_question(gobj, records)
+{
+    let desc = gobj_read_attr(gobj, "desc");
+    let impact = delete_impact(desc, records);
+
+    let lines = [];
+
+    /*  What is being deleted: one named record, or how many. */
+    let pkey = (desc && desc.pkey) || "id";
+    let one = (impact.records === 1 && Array.isArray(records))? records[0] :
+              (impact.records === 1? records : null);
+    if(one && one[pkey] !== undefined && one[pkey] !== null) {
+        lines.push(["p", {class: "DELETE_ASK_WHAT"}, [
+            ["span", {i18n: "delete"}, t("delete")],
+            ["span", {}, " "],
+            ["strong", {}, String(one[pkey])]
+        ]]);
+    } else {
+        lines.push(["p", {class: "DELETE_ASK_WHAT"}, [
+            ["span", {i18n: "delete"}, t("delete")],
+            ["span", {}, " "],
+            ["strong", {}, String(impact.records)],
+            ["span", {}, " "],
+            ["span", {i18n: "records"}, t("records")]
+        ]]);
+    }
+
+    /*  What goes with it. Said only when there IS something: a loose
+     *  record must not be dressed up as a dangerous one. */
+    if(impact.children > 0) {
+        lines.push(["p", {class: "DELETE_ASK_CHILDREN has-text-weight-semibold"}, [
+            ["strong", {}, String(impact.children)],
+            ["span", {}, " "],
+            ["span", {i18n: "children will be unlinked, not deleted"},
+                t("children will be unlinked, not deleted")]
+        ]]);
+    }
+    if(impact.parents > 0) {
+        lines.push(["p", {class: "DELETE_ASK_PARENTS"}, [
+            ["span", {i18n: "it will be detached from"}, t("it will be detached from")],
+            ["span", {}, " "],
+            ["strong", {}, String(impact.parents)],
+            ["span", {}, " "],
+            ["span", {i18n: "parents"}, t("parents")]
+        ]]);
+    }
+
+    lines.push(["p", {class: "DELETE_ASK_SURE", i18n: "are you sure"}, t("are you sure")]);
+
+    return createElement2(["div", {class: "DELETE_ASK"}, lines]);
+}
+
 /************************************************************
  *  Ask the host for one page and park the promise Tabulator wants.
  *
@@ -3089,6 +3176,9 @@ function ac_repull_page(gobj, event, kw, src)
  ************************************************************/
 function ac_page_loaded(gobj, event, kw, src)
 {
+    if(typeof kw.total === "number") {
+        gobj.priv._page_total = kw.total;
+    }
     settle_page(gobj, kw.req_id, {
         data:      is_array(kw.rows)? kw.rows : [],
         last_page: kw.pages || 1,

package/src/delete_impact.js

@@ -0,0 +1,90 @@
+/***********************************************************************
+ *          delete_impact.js
+ *
+ *      What a delete takes with it, read off the record itself.
+ *
+ *      A treedb delete is not one thing. The backend refuses a node
+ *      that has links — UNLESS the caller sends `force`, and the topic
+ *      views do. With `force`:
+ *
+ *          children  are UNLINKED, not deleted. They survive, loose.
+ *          parents   lose the node from their hook.
+ *
+ *      So "delete this row" can mean "detach eleven records from their
+ *      only parent", and the question that used to be asked — `are you
+ *      sure` — said none of it. This counts what is at stake so the
+ *      question can name it.
+ *
+ *      Read from the record the table ALREADY has (`list_dict` fills
+ *      the hook and fkey columns), so asking costs no round trip.
+ *
+ *      Pure and tested, because the shapes are the fiddly part: a hook
+ *      or fkey value arrives as a list of refs, a dict keyed by id, or
+ *      a single ref string, depending on the column's declared type.
+ *
+ *          Copyright (c) 2026, ArtGins.
+ *          All Rights Reserved.
+ ***********************************************************************/
+
+/***************************************************************
+ *  How many things a hook/fkey value holds.
+ ***************************************************************/
+function ref_count(value)
+{
+    if(Array.isArray(value)) {
+        return value.length;
+    }
+    if(value && typeof value === "object") {
+        return Object.keys(value).length;
+    }
+    if(typeof value === "string" && value.length > 0) {
+        return 1;
+    }
+    return 0;
+}
+
+/***************************************************************
+ *  delete_impact(desc, records) -> {records, children, parents}
+ *
+ *  `records` is one record or a list of them, so the same answer
+ *  serves the one-row delete and the selection.
+ ***************************************************************/
+function delete_impact(desc, records)
+{
+    let list = Array.isArray(records)? records : (records? [records] : []);
+    let out = {records: list.length, children: 0, parents: 0};
+
+    let cols = (desc && Array.isArray(desc.cols))? desc.cols : [];
+    if(!cols.length) {
+        return out;
+    }
+
+    for(let record of list) {
+        if(!record) {
+            continue;
+        }
+        for(let col of cols) {
+            if(!col || !col.id || !Array.isArray(col.flag)) {
+                continue;
+            }
+            let n = ref_count(record[col.id]);
+            if(n === 0) {
+                continue;
+            }
+            /*  A column can be BOTH (a department's `users` is a hook to its
+             *  users and a fkey to the department that manages it). Counting
+             *  it on both sides is right: the delete does both things. */
+            if(col.flag.indexOf("hook") >= 0) {
+                out.children += n;
+            }
+            if(col.flag.indexOf("fkey") >= 0) {
+                out.parents += n;
+            }
+        }
+    }
+
+    return out;
+}
+
+
+export {delete_impact, ref_count};

package/src/delete_impact.test.js

@@ -0,0 +1,61 @@
+import {describe, it, expect} from "vitest";
+import {delete_impact, ref_count} from "./delete_impact.js";
+
+const DESC = {
+    cols: [
+        {id: "id",       flag: ["persistent", "required"]},
+        {id: "name",     flag: ["persistent", "writable"]},
+        {id: "users",    flag: ["hook"]},
+        {id: "parent",   flag: ["fkey"]},
+        {id: "managers", flag: ["hook", "fkey"]}
+    ]
+};
+
+describe("ref_count", () => {
+    it("counts a list, a dict, a ref string and nothing", () => {
+        expect(ref_count([1, 2, 3])).toBe(3);
+        expect(ref_count({a: 1, b: 2})).toBe(2);
+        expect(ref_count("topic^id^hook")).toBe(1);
+        expect(ref_count("")).toBe(0);
+        expect(ref_count(null)).toBe(0);
+        expect(ref_count(undefined)).toBe(0);
+        expect(ref_count(7)).toBe(0);
+    });
+});
+
+describe("delete_impact", () => {
+    it("a loose record takes nothing with it", () => {
+        let i = delete_impact(DESC, {id: "a", name: "A"});
+        expect(i).toEqual({records: 1, children: 0, parents: 0});
+    });
+
+    it("counts children off a hook and parents off a fkey", () => {
+        let i = delete_impact(DESC, {
+            id: "a", users: [{id: "u1"}, {id: "u2"}], parent: "roles^root^users"
+        });
+        expect(i.children).toBe(2);
+        expect(i.parents).toBe(1);
+    });
+
+    it("a column that is BOTH counts on both sides: the delete does both", () => {
+        let i = delete_impact(DESC, {id: "a", managers: [{id: "m1"}, {id: "m2"}]});
+        expect(i.children).toBe(2);
+        expect(i.parents).toBe(2);
+    });
+
+    it("adds up over a selection", () => {
+        let i = delete_impact(DESC, [
+            {id: "a", users: [{id: "u1"}]},
+            {id: "b", users: {u2: {}, u3: {}}, parent: "x^y^z"}
+        ]);
+        expect(i.records).toBe(2);
+        expect(i.children).toBe(3);
+        expect(i.parents).toBe(1);
+    });
+
+    it("says nothing it cannot know", () => {
+        expect(delete_impact(null, {id: "a"})).toEqual({records: 1, children: 0, parents: 0});
+        expect(delete_impact(DESC, [])).toEqual({records: 0, children: 0, parents: 0});
+        expect(delete_impact(DESC, null)).toEqual({records: 0, children: 0, parents: 0});
+    });
+});