@yuneta/gobj-ui 7.23.43 → 7.23.44

package/dist/gobj-ui.es.js

@@ -6035,173 +6035,460 @@ function yui_watch_theme(gobj, event = "EV_THEME") {
 		}
 	} };
 }
-//#endregion
-//#region src/c_yui_form.js
-/***********************************************************************
-*          c_yui_form.js
-*
-*          Form (in Window or not)
-*
-*          Copyright (c) 2024-2026, ArtGins.
-*          All Rights Reserved.
-***********************************************************************/
-/***************************************************************
-*              Constants
-***************************************************************/
-var GCLASS_NAME$16 = "C_YUI_FORM";
-/***************************************************************
-*              Data
-***************************************************************/
-var attrs_table$16 = [
-	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of publishing messages"),
-	SDATA(data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else do it manually"),
-	SDATA(data_type_t.DTP_POINTER, "template", 0, "<div>You must supply a template for form</div>", "Template for form, object -> TEMPLATE, array -> DESC"),
-	SDATA(data_type_t.DTP_JSON, "record", 0, "{}", "Data to form"),
-	SDATA(data_type_t.DTP_JSON, "placeholders", 0, "{}", "Placeholder values for form fields"),
-	SDATA(data_type_t.DTP_JSON, "fkey_options", 0, "{}", "Options for fkey fields: {topic_name: [ids or {id} records]}, read at build time"),
-	SDATA(data_type_t.DTP_STRING, "form_mode", 0, "", "'create' (pkey editable+required) or 'update' (pkey readonly); empty = no pkey handling"),
-	SDATA(data_type_t.DTP_STRING, "render_mode", 0, "exec", "'exec' interprets structured cols (template->sub-form, table->grid, coordinates->picker); 'edit' shows them as raw JSON editors (record-editing, e.g. the treedb topic form)"),
-	SDATA(data_type_t.DTP_STRING, "pkey", 0, "id", "Primary key field name, used by form_mode"),
-	SDATA(data_type_t.DTP_STRING, "topic_name", 0, "", "Treedb topic name: labels use the i18n cascade '<topic>.<col>' -> '<col>' -> header (like table headers)"),
-	SDATA(data_type_t.DTP_BOOLEAN, "editable", 0, false, "Default is editable, set false to readonly"),
-	SDATA(data_type_t.DTP_BOOLEAN, "selectable", 0, true, "Rows selectable with 'click' (BAD with editable=true)"),
-	SDATA(data_type_t.DTP_BOOLEAN, "with_checkbox", 0, false, "Show a first column with checkbox to select rows"),
-	SDATA(data_type_t.DTP_BOOLEAN, "with_rownum", 0, false, "Print first column with row number"),
-	SDATA(data_type_t.DTP_BOOLEAN, "with_delete_row_btn", 0, false, "Print last column with delete row button"),
-	SDATA(data_type_t.DTP_JSON, "toolbar", 0, [
-		"save",
-		"undo",
-		"clear",
-		"copy",
-		"paste"
-	], "Toolbar buttons to show, in order: save, undo, clear, copy, paste. [] hides the toolbar"),
-	SDATA(data_type_t.DTP_JSON, "tabulator_settings", 0, {
-		layout: "fitDataFill",
-		validationMode: "highlight",
-		columnDefaults: { resizable: true },
-		maxHeight: "100%"
-	}, "Default settings for Tabulator"),
-	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Container element"),
-	SDATA(data_type_t.DTP_STRING, "form_id", 0, "", "Form identifier"),
-	SDATA(data_type_t.DTP_BOOLEAN, "initialized", 0, false, "Indicates if it is initialized"),
-	SDATA(data_type_t.DTP_BOOLEAN, "changes", 0, false, "Indicates if changes have been made"),
-	SDATA_END()
-];
-var PRIVATE_DATA$16 = {};
-var __gclass__$16 = null;
-/***************************
-*      Framework Methods
-***************************/
 /************************************************************
-*      Framework Method create
+*   JSON type discriminator (viewer vocabulary)
 ************************************************************/
-function mt_create$16(gobj) {
-	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
-	if (!subscriber) subscriber = gobj_parent(gobj);
-	gobj_subscribe_event(gobj, null, {}, subscriber);
-	let name = clean_name(gobj_name(gobj));
-	gobj_write_attr(gobj, "form_id", "form" + name);
-	build_ui$14(gobj);
+function json_type(value) {
+	if (value === null) return "null";
+	if (Array.isArray(value)) return "array";
+	switch (typeof value) {
+		case "string": return "string";
+		case "number": return "number";
+		case "boolean": return "boolean";
+		case "object": return "object";
+		default: return "unknown";
+	}
 }
 /************************************************************
-*      Framework Method destroy
-*      In this point, all children
-*      and subscriptions are already deleted.
+*   Detect a kw_collapse() sentinel.
+*
+*   The kernel replaces an over-limit dict with:
+*          { "__collapsed__": { "path": ..., "size": N } }
+*   and an over-limit array with:
+*          [ { "__collapsed__": { "path": ..., "size": N } } ]
+*
+*   Returns { size, path, is_array } or null.
 ************************************************************/
-function mt_destroy$16(gobj) {
-	destroy_ui$10(gobj);
+function is_collapsed(value) {
+	if (value && typeof value === "object" && !Array.isArray(value)) {
+		let keys = Object.keys(value);
+		if (keys.length === 1 && keys[0] === "__collapsed__") {
+			let c = value.__collapsed__ || {};
+			return {
+				size: c.size,
+				path: c.path,
+				is_array: false
+			};
+		}
+		return null;
+	}
+	if (Array.isArray(value) && value.length === 1) {
+		let e = value[0];
+		if (e && typeof e === "object" && !Array.isArray(e) && Object.keys(e).length === 1 && e.__collapsed__) {
+			let c = e.__collapsed__ || {};
+			return {
+				size: c.size,
+				path: c.path,
+				is_array: true
+			};
+		}
+	}
+	return null;
 }
 /************************************************************
-*      Framework Method start
+*   Join / split absolute path segments (kernel convention)
 ************************************************************/
-function mt_start$15(gobj) {
-	let record = gobj_read_attr(gobj, "record");
-	if (record) gobj_send_event(gobj, "EV_LOAD_RECORD", record, gobj);
+function seg_join(segments) {
+	return segments.map(function(s) {
+		return String(s);
+	}).join("`");
+}
+function seg_split(path) {
+	if (path === "" || path === null || path === void 0) return [];
+	return path.split("`");
 }
 /************************************************************
-*      Framework Method stop
+*   Walk a JSON tree by absolute segments; undefined if the
+*   path does not resolve.
 ************************************************************/
-function mt_stop$15(gobj) {}
-/***************************
-*      Local Methods
-***************************/
+function get_by_segments(root, segments) {
+	let v = root;
+	for (let seg of segments) {
+		if (v === null || v === void 0) return;
+		if (Array.isArray(v)) v = v[Number(seg)];
+		else if (typeof v === "object") v = v[seg];
+		else return;
+	}
+	return v;
+}
 /************************************************************
+*   Set a value at absolute segments (mutates root).
 *
+*   segments == [] means "replace the whole root" — the caller
+*   must use the RETURNED value in that case (a primitive/array
+*   root cannot be mutated in place).
 ************************************************************/
-function isEventSet(table, event) {
-	let eventListeners = table.externalEvents.events;
-	return eventListeners && eventListeners[event] && eventListeners[event].length > 0;
+function set_by_segments(root, segments, new_value) {
+	if (segments.length === 0) return new_value;
+	let parent = get_by_segments(root, segments.slice(0, -1));
+	if (parent === null || parent === void 0 || typeof parent !== "object") return root;
+	let last = segments[segments.length - 1];
+	if (Array.isArray(parent)) parent[Number(last)] = new_value;
+	else parent[last] = new_value;
+	return root;
 }
 /************************************************************
+*   Does `value` (or any loaded descendant / its own key)
+*   contain the lower-cased search term?
 *
+*   Collapsed (not-yet-loaded) subtrees can't be searched, so
+*   they never match on content — only their key can match,
+*   which the renderer checks separately.
 ************************************************************/
-function set_changed_stated(gobj, changed) {
-	let $container = gobj_read_attr(gobj, "$container");
-	let $form = $container.querySelector("form");
-	const enable = ($btn, on, color) => {
-		if (!$btn) return;
-		if (on) $btn.removeAttribute("disabled");
-		else $btn.setAttribute("disabled", true);
-		const $i = $btn.querySelector("span i");
-		if ($i) $i.style.color = color;
-	};
-	const OFF_COLOR = "hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l))";
-	let $button_save = $container.querySelector(".button-save");
-	let $button_undo = $container.querySelector(".button-undo");
-	if (changed) {
-		gobj_write_bool_attr(gobj, "changes", true);
-		enable($button_save, true, "MediumSeaGreen");
-		enable($button_undo, true, "Magenta");
-		$form.querySelectorAll(".yui-tabulator-table").forEach(($table) => {
-			if (isEventSet($table.tabulator, "dataChanged")) $table.tabulator.off("dataChanged");
-			$table.querySelectorAll(".yui-tabulator-table-nested").forEach(($table_nested) => {
-				if (isEventSet($table_nested.tabulator, "dataChanged")) $table_nested.tabulator.off("dataChanged");
-			});
-		});
-	} else {
-		gobj_write_bool_attr(gobj, "changes", false);
-		enable($button_save, false, OFF_COLOR);
-		enable($button_undo, false, OFF_COLOR);
-		setTimeout(function() {
-			$form.querySelectorAll(".yui-tabulator-table").forEach(($table) => {
-				if (isEventSet($table.tabulator, "dataChanged")) $table.tabulator.off("dataChanged");
-				$table.tabulator.on("dataChanged", function(data) {
-					gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
-				});
-				$table.querySelectorAll(".yui-tabulator-table-nested").forEach(($table_nested) => {
-					if (isEventSet($table_nested.tabulator, "dataChanged")) $table_nested.tabulator.off("dataChanged");
-					$table_nested.tabulator.on("dataChanged", function(data) {
-						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
-					});
-				});
-			});
-		}, 200);
+function subtree_matches(value, term) {
+	if (!term) return true;
+	if (is_collapsed(value)) return false;
+	let type = json_type(value);
+	if (type === "object") {
+		for (let [k, v] of Object.entries(value)) {
+			if (String(k).toLowerCase().includes(term)) return true;
+			if (subtree_matches(v, term)) return true;
+		}
+		return false;
+	}
+	if (type === "array") {
+		for (let v of value) if (subtree_matches(v, term)) return true;
+		return false;
 	}
+	return String(value).toLowerCase().includes(term);
 }
 /************************************************************
+*   Fields whose numeric value is an epoch timestamp.
 *
+*   THE ONE LIST.  C_YUI_FORM's jsoneditor takes its
+*   `timestampTag` from here: it used to carry its own copy,
+*   and a copy is how the two stopped agreeing.
+*
+*   TWO SPELLINGS, AND LAS DOS SON DEL BACKEND.  timeranger2
+*   writes `from_t`/`from_tm` in the match_cond of a query and
+*   `fr_t`/`fr_tm` in the metadata of a topic and of a file --
+*   which is what a Raw JSON of a treedb actually shows.  With
+*   only the long pair listed, `to_t` got its date and the
+*   `fr_t` right above it did not, which reads as a broken
+*   annotator rather than a missing name.
+************************************************************/
+var TIME_FIELDS = [
+	"__t__",
+	"__tm__",
+	"t",
+	"tm",
+	"time",
+	"from_t",
+	"to_t",
+	"from_tm",
+	"to_tm",
+	"fr_t",
+	"fr_tm",
+	"t_input",
+	"t_output"
+];
+function is_time_field(field) {
+	return TIME_FIELDS.indexOf(field) >= 0;
+}
+/************************************************************
+*   Format an epoch value as a local wall-clock string.
+*   Accepts seconds or milliseconds; returns null when the
+*   value is not a usable positive timestamp (0 == "unset").
 ************************************************************/
-async function readClipboard$1(gobj) {
-	try {
-		const text = await navigator.clipboard.readText();
-		let kw = JSON.parse(text);
-		gobj_send_event(gobj, "EV_PASTE_RECORD", kw, gobj);
-	} catch (error) {
-		log_error(`Failed to read clipboard contents: ${error}`);
-	}
+function format_epoch(value) {
+	if (typeof value !== "number" || !isFinite(value) || value <= 0) return null;
+	let ms = Math.abs(value) < 0xe8d4a51000 ? value * 1e3 : value;
+	let d = new Date(ms);
+	if (isNaN(d.getTime())) return null;
+	return d.toLocaleString();
 }
 /************************************************************
-*   Bottom toolbar, from the `toolbar` attr.
+*   The text view's payload: the document as text, indented
+*   four characters, cut at `max_chars`.
 *
-*   The five buttons it can show, and their order, are the
-*   caller's: a dialog with a single action asks for ["save"],
-*   and [] leaves no toolbar at all.  Default is the five it
-*   always had, so nothing moves for a caller that says nothing.
+*   Returns {text, capped}.  `capped` is what the caller
+*   announces under the dump — a cut that is not announced
+*   reads as a document that ends there.
 ************************************************************/
-function toolbar_button$1(gobj, name) {
-	switch (name) {
-		case "save": return [
-			"button",
+function json_text_dump(root, max_chars) {
+	let text;
+	try {
+		text = JSON.stringify(root, null, 4);
+	} catch (e) {
+		return {
+			text: "",
+			capped: false,
+			error: String(e)
+		};
+	}
+	if (text === void 0) return {
+		text: "",
+		capped: false,
+		error: "not representable as JSON"
+	};
+	if (typeof max_chars === "number" && max_chars > 0 && text.length > max_chars) return {
+		text: text.slice(0, max_chars),
+		capped: true
+	};
+	return {
+		text,
+		capped: false
+	};
+}
+/************************************************************
+*   Which view a freshly mounted viewer opens on.
+*
+*   Three answers, in order of authority: what the HOST asked
+*   for, what the READER chose last time, and `fallback`.
+*
+*   The host wins because a viewer mounted to show a graph has
+*   to show one.  The memory comes next, because reopening a
+*   document in the view you just left is the whole point of
+*   remembering it.  `fallback` is the floor.
+*
+*   Anything not in `modes` is treated as unsaid, which covers
+*   an absent value, an empty one, and a stored string from an
+*   older release that named a view no longer offered.
+************************************************************/
+function pick_view_mode(asked, remembered, modes, fallback) {
+	let known = (m) => Array.isArray(modes) && modes.indexOf(m) >= 0;
+	if (known(asked)) return asked;
+	if (known(remembered)) return remembered;
+	return fallback;
+}
+/************************************************************
+*   The short label a container row carries beside its size.
+*
+*   An array of dicts that carry an `id` is a list of RECORDS,
+*   and a row that says only `2: {15}` makes you open all
+*   fifteen fields of every one of them to find out WHICH
+*   record it is.  The id is the one field that answers that,
+*   so the row says it without being opened.
+*
+*   Only a SCALAR id, and only when it is really there: an `id`
+*   that is itself a dict or a list is not a name, it is more
+*   document, and printing `[object Object]` beside the size
+*   would be worse than printing nothing.
+*
+*   Cut at `max_chars`, because this rides on a row whose job
+*   is to stay one line.
+************************************************************/
+function container_label(value, max_chars) {
+	if (value === null || typeof value !== "object" || Array.isArray(value)) return "";
+	if (!Object.prototype.hasOwnProperty.call(value, "id")) return "";
+	let id = value.id;
+	let t = typeof id;
+	if (t !== "string" && t !== "number" && t !== "boolean") return "";
+	let text = String(id).trim();
+	if (text === "") return "";
+	let cap = typeof max_chars === "number" && max_chars > 0 ? max_chars : 0;
+	if (cap && text.length > cap) return text.slice(0, cap) + "…";
+	return text;
+}
+/************************************************************
+*   A dict, in the JSON sense: not an array and not null.
+************************************************************/
+function is_plain_object(v) {
+	return v !== null && typeof v === "object" && !Array.isArray(v);
+}
+/************************************************************
+*  Does this container hold ONLY other containers?
+*
+*  Such a value is not a thing, it is a LIST of things -- and a
+*  list is fully described by the row that names it in its
+*  parent, plus the edges to what it holds.  Drawing it as a
+*  card of its own put a node in the middle of the graph with no
+*  data in it, saying nothing the parent's row did not already
+*  say, and pushed everything below it one level down.
+*
+*  An EMPTY container inside counts as content: `{0}` is
+*  something the card has to show, and there is no child card
+*  to show it instead.
+************************************************************/
+function is_pure_collection(value) {
+	let entries = is_plain_object(value) ? Object.entries(value) : Array.isArray(value) ? value.map((v, i) => [i, v]) : [];
+	if (entries.length === 0) return false;
+	for (let [, v] of entries) if (!has_branch(v)) return false;
+	return true;
+}
+/************************************************************
+*  A value that gets a card, or children, of its own.
+************************************************************/
+function has_branch(value) {
+	return is_plain_object(value) && Object.keys(value).length > 0 || Array.isArray(value) && value.length > 0;
+}
+/************************************************************
+*  How many branches a container has, which is what the fold
+*  chip counts.
+************************************************************/
+function count_branches(value) {
+	let entries = is_plain_object(value) ? Object.values(value) : Array.isArray(value) ? value : [];
+	let n = 0;
+	for (let v of entries) if (has_branch(v)) n++;
+	return n;
+}
+//#endregion
+//#region src/c_yui_form.js
+/***********************************************************************
+*          c_yui_form.js
+*
+*          Form (in Window or not)
+*
+*          Copyright (c) 2024-2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
+/***************************************************************
+*              Constants
+***************************************************************/
+var GCLASS_NAME$16 = "C_YUI_FORM";
+/***************************************************************
+*              Data
+***************************************************************/
+var attrs_table$16 = [
+	SDATA(data_type_t.DTP_POINTER, "subscriber", 0, null, "Subscriber of publishing messages"),
+	SDATA(data_type_t.DTP_POINTER, "$parent", 0, null, "$container will be appended to $parent if not null, else do it manually"),
+	SDATA(data_type_t.DTP_POINTER, "template", 0, "<div>You must supply a template for form</div>", "Template for form, object -> TEMPLATE, array -> DESC"),
+	SDATA(data_type_t.DTP_JSON, "record", 0, "{}", "Data to form"),
+	SDATA(data_type_t.DTP_JSON, "placeholders", 0, "{}", "Placeholder values for form fields"),
+	SDATA(data_type_t.DTP_JSON, "fkey_options", 0, "{}", "Options for fkey fields: {topic_name: [ids or {id} records]}, read at build time"),
+	SDATA(data_type_t.DTP_STRING, "form_mode", 0, "", "'create' (pkey editable+required) or 'update' (pkey readonly); empty = no pkey handling"),
+	SDATA(data_type_t.DTP_STRING, "render_mode", 0, "exec", "'exec' interprets structured cols (template->sub-form, table->grid, coordinates->picker); 'edit' shows them as raw JSON editors (record-editing, e.g. the treedb topic form)"),
+	SDATA(data_type_t.DTP_STRING, "pkey", 0, "id", "Primary key field name, used by form_mode"),
+	SDATA(data_type_t.DTP_STRING, "topic_name", 0, "", "Treedb topic name: labels use the i18n cascade '<topic>.<col>' -> '<col>' -> header (like table headers)"),
+	SDATA(data_type_t.DTP_BOOLEAN, "editable", 0, false, "Default is editable, set false to readonly"),
+	SDATA(data_type_t.DTP_BOOLEAN, "selectable", 0, true, "Rows selectable with 'click' (BAD with editable=true)"),
+	SDATA(data_type_t.DTP_BOOLEAN, "with_checkbox", 0, false, "Show a first column with checkbox to select rows"),
+	SDATA(data_type_t.DTP_BOOLEAN, "with_rownum", 0, false, "Print first column with row number"),
+	SDATA(data_type_t.DTP_BOOLEAN, "with_delete_row_btn", 0, false, "Print last column with delete row button"),
+	SDATA(data_type_t.DTP_JSON, "toolbar", 0, [
+		"save",
+		"undo",
+		"clear",
+		"copy",
+		"paste"
+	], "Toolbar buttons to show, in order: save, undo, clear, copy, paste. [] hides the toolbar"),
+	SDATA(data_type_t.DTP_JSON, "tabulator_settings", 0, {
+		layout: "fitDataFill",
+		validationMode: "highlight",
+		columnDefaults: { resizable: true },
+		maxHeight: "100%"
+	}, "Default settings for Tabulator"),
+	SDATA(data_type_t.DTP_POINTER, "$container", 0, null, "Container element"),
+	SDATA(data_type_t.DTP_STRING, "form_id", 0, "", "Form identifier"),
+	SDATA(data_type_t.DTP_BOOLEAN, "initialized", 0, false, "Indicates if it is initialized"),
+	SDATA(data_type_t.DTP_BOOLEAN, "changes", 0, false, "Indicates if changes have been made"),
+	SDATA_END()
+];
+var PRIVATE_DATA$16 = {};
+var __gclass__$16 = null;
+/***************************
+*      Framework Methods
+***************************/
+/************************************************************
+*      Framework Method create
+************************************************************/
+function mt_create$16(gobj) {
+	let subscriber = gobj_read_pointer_attr(gobj, "subscriber");
+	if (!subscriber) subscriber = gobj_parent(gobj);
+	gobj_subscribe_event(gobj, null, {}, subscriber);
+	let name = clean_name(gobj_name(gobj));
+	gobj_write_attr(gobj, "form_id", "form" + name);
+	build_ui$14(gobj);
+}
+/************************************************************
+*      Framework Method destroy
+*      In this point, all children
+*      and subscriptions are already deleted.
+************************************************************/
+function mt_destroy$16(gobj) {
+	destroy_ui$10(gobj);
+}
+/************************************************************
+*      Framework Method start
+************************************************************/
+function mt_start$15(gobj) {
+	let record = gobj_read_attr(gobj, "record");
+	if (record) gobj_send_event(gobj, "EV_LOAD_RECORD", record, gobj);
+}
+/************************************************************
+*      Framework Method stop
+************************************************************/
+function mt_stop$15(gobj) {}
+/***************************
+*      Local Methods
+***************************/
+/************************************************************
+*
+************************************************************/
+function isEventSet(table, event) {
+	let eventListeners = table.externalEvents.events;
+	return eventListeners && eventListeners[event] && eventListeners[event].length > 0;
+}
+/************************************************************
+*
+************************************************************/
+function set_changed_stated(gobj, changed) {
+	let $container = gobj_read_attr(gobj, "$container");
+	let $form = $container.querySelector("form");
+	const enable = ($btn, on, color) => {
+		if (!$btn) return;
+		if (on) $btn.removeAttribute("disabled");
+		else $btn.setAttribute("disabled", true);
+		const $i = $btn.querySelector("span i");
+		if ($i) $i.style.color = color;
+	};
+	const OFF_COLOR = "hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l))";
+	let $button_save = $container.querySelector(".button-save");
+	let $button_undo = $container.querySelector(".button-undo");
+	if (changed) {
+		gobj_write_bool_attr(gobj, "changes", true);
+		enable($button_save, true, "MediumSeaGreen");
+		enable($button_undo, true, "Magenta");
+		$form.querySelectorAll(".yui-tabulator-table").forEach(($table) => {
+			if (isEventSet($table.tabulator, "dataChanged")) $table.tabulator.off("dataChanged");
+			$table.querySelectorAll(".yui-tabulator-table-nested").forEach(($table_nested) => {
+				if (isEventSet($table_nested.tabulator, "dataChanged")) $table_nested.tabulator.off("dataChanged");
+			});
+		});
+	} else {
+		gobj_write_bool_attr(gobj, "changes", false);
+		enable($button_save, false, OFF_COLOR);
+		enable($button_undo, false, OFF_COLOR);
+		setTimeout(function() {
+			$form.querySelectorAll(".yui-tabulator-table").forEach(($table) => {
+				if (isEventSet($table.tabulator, "dataChanged")) $table.tabulator.off("dataChanged");
+				$table.tabulator.on("dataChanged", function(data) {
+					gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
+				});
+				$table.querySelectorAll(".yui-tabulator-table-nested").forEach(($table_nested) => {
+					if (isEventSet($table_nested.tabulator, "dataChanged")) $table_nested.tabulator.off("dataChanged");
+					$table_nested.tabulator.on("dataChanged", function(data) {
+						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
+					});
+				});
+			});
+		}, 200);
+	}
+}
+/************************************************************
+*
+************************************************************/
+async function readClipboard$1(gobj) {
+	try {
+		const text = await navigator.clipboard.readText();
+		let kw = JSON.parse(text);
+		gobj_send_event(gobj, "EV_PASTE_RECORD", kw, gobj);
+	} catch (error) {
+		log_error(`Failed to read clipboard contents: ${error}`);
+	}
+}
+/************************************************************
+*   Bottom toolbar, from the `toolbar` attr.
+*
+*   The five buttons it can show, and their order, are the
+*   caller's: a dialog with a single action asks for ["save"],
+*   and [] leaves no toolbar at all.  Default is the five it
+*   always had, so nothing moves for a caller that says nothing.
+************************************************************/
+function toolbar_button$1(gobj, name) {
+	switch (name) {
+		case "save": return [
+			"button",
 			{
 				class: "button p-1 button-save",
 				title: "save",
@@ -7163,7 +7450,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 						gobj_send_event(gobj, "EV_RECORD_CHANGED", {}, gobj);
 					},
 					timestampTag: function({ field, value, path }) {
-						return field === "__t__" || field === "__tm__" || field === "tm" || field === "t" || field === "time" || field === "from_t" || field === "to_t" || field === "t_input" || field === "t_output" || field === "from_tm" || field === "to_tm";
+						return is_time_field(field);
 					}
 				}
 			});
@@ -10033,559 +10320,297 @@ var ZoomCanvasPinch = class extends ZoomCanvas {
 			}
 			let dx = touches[0].clientX - touches[1].clientX;
 			let dy = touches[0].clientY - touches[1].clientY;
-			let dist = Math.sqrt(dx * dx + dy * dy);
-			if (dist <= 0) return;
-			if (this._pinch_dist0 === 0) {
-				this._pinch_dist0 = dist;
-				this._pinch_zoom0 = graph.getZoom();
-				return;
-			}
-			this._pinch_to(dist / this._pinch_dist0, touches, event);
-		};
-		state.container.addEventListener("touchmove", this._on_touch_move, { passive: true });
-	}
-	/************************************************************
-	*   Zoom to `scale` times the zoom the pinch started at,
-	*   about the midpoint between the two fingers.
-	*
-	*   ABSOLUTE against the start of the gesture, where G6's
-	*   own pinch feeds `zoom()` an increment per frame: an
-	*   increment drifts away from the fingers over a long
-	*   gesture, and cannot come back when they close again.
-	************************************************************/
-	_pinch_to(scale, touches, event) {
-		if (!this.validate(event)) return;
-		let graph = this.context.graph;
-		let state = touch_state_of(graph);
-		let origin = null;
-		let rect = state.container?.getBoundingClientRect();
-		if (rect) origin = [(touches[0].clientX + touches[1].clientX) / 2 - rect.left, (touches[0].clientY + touches[1].clientY) / 2 - rect.top];
-		graph.zoomTo(this._pinch_zoom0 * scale, false, origin);
-		this.options.onFinish?.();
-	}
-	destroy() {
-		if (this._on_touch_move) {
-			__touch_state__.get(this.context.graph)?.container?.removeEventListener("touchmove", this._on_touch_move);
-			this._on_touch_move = null;
-		}
-		super.destroy();
-	}
-};
-/************************************************************
-*   Register once, over the built-in `zoom-canvas`, so every
-*   graph (tree, json, treedb, editor) pinches without
-*   touching its behaviors list.
-************************************************************/
-var __zoom_canvas_patched__ = false;
-function ensure_pinch_zoom_patch() {
-	if (__zoom_canvas_patched__) return;
-	register(ExtensionCategory.BEHAVIOR, "zoom-canvas", ZoomCanvasPinch);
-	__zoom_canvas_patched__ = true;
-}
-/***************************
-*      Long press
-***************************/
-/************************************************************
-*   Is the click being dispatched right now the tail of a long
-*   press?  Answers true ONCE, to the first asker.
-*
-*   @antv/g does not take `click` from the DOM either: it makes
-*   one out of the pointerdown/pointerup pair itself, inside
-*   the same `onPointerUp` that just fed us the release.  So
-*   the press that opened the menu goes on to click whatever it
-*   opened the menu ON -- selecting the node, or worse, dropping
-*   a selection of several -- unless the handler asks.
-************************************************************/
-function consume_long_press_click(graph) {
-	if (!graph) return false;
-	let state = __touch_state__.get(graph);
-	if (!state || !state.long_press_click) return false;
-	state.long_press_click = false;
-	return true;
-}
-/************************************************************
-*   Make a long press open the context menu.
-*
-*   Returns the function that uninstalls it.
-*
-*   The menu the press opens is whatever the `contextmenu`
-*   plugin builds: we re-emit G6's own forwarded event under
-*   the name the plugin listens for, so `getItems(e)` and
-*   `enable(e)` see the same object a right-click would give
-*   them -- same `target`, same `targetType`, same `client`.
-*
-*   `options.enable(event)` decides, at the DOWN, whether this
-*   press is even a candidate.  Pass the plugin's own predicate:
-*   a press on the empty canvas would otherwise arm a menu the
-*   plugin then refuses to show, and swallow the click that
-*   would have cleared the selection.
-************************************************************/
-function install_long_press_contextmenu(graph, options) {
-	if (!graph) return () => {};
-	let enable = options?.enable;
-	let state = touch_state_of(graph);
-	let pending = null;
-	let disarm = () => {
-		if (pending) {
-			clearTimeout(pending.tick);
-			pending = null;
-		}
-	};
-	let announce = () => {
-		if (!pending) return;
-		if (state.multi) return;
-		navigator.vibrate?.(15);
-	};
-	let fire = (event) => {
-		state.long_press_click = true;
-		setTimeout(() => {
-			state.long_press_click = false;
-		}, 0);
-		let swallow = (evt) => {
-			evt.stopPropagation();
-			document.removeEventListener("click", swallow, true);
-		};
-		document.addEventListener("click", swallow, true);
-		setTimeout(() => {
-			document.removeEventListener("click", swallow, true);
-		}, 1e3);
-		graph.emit(`${event.targetType}:${CommonEvent.CONTEXT_MENU}`, event);
-		graph.emit(CommonEvent.CONTEXT_MENU, event);
-	};
-	let on_down = (event) => {
-		disarm();
-		if (event.pointerType !== "touch") return;
-		if (state.count > 1 || state.multi) return;
-		if (enable && !enable(event)) return;
-		let x = event.client?.x;
-		let y = event.client?.y;
-		if (x === void 0 || y === void 0) return;
-		pending = {
-			x,
-			y,
-			t0: Date.now(),
-			event: Object.assign({}, event),
-			tick: setTimeout(announce, 500)
-		};
-	};
-	let on_move = (event) => {
-		if (!pending) return;
-		if (state.count > 1 || state.multi) {
-			disarm();
-			return;
-		}
-		let x = event.client?.x;
-		let y = event.client?.y;
-		if (x === void 0 || y === void 0) return;
-		if (press_moved(pending, x, y)) disarm();
-	};
-	let on_up = (event) => {
-		let press = pending;
-		if (press) clearTimeout(press.tick);
-		pending = null;
-		if (!press) return;
-		if (state.multi) return;
-		let x = event.client?.x;
-		let y = event.client?.y;
-		if (x === void 0) x = press.x;
-		if (y === void 0) y = press.y;
-		if (classify_press(press, x, y, Date.now()) !== "long") return;
-		fire(press.event);
-	};
-	let on_touch_cancel = () => {
-		disarm();
-	};
-	state.container?.addEventListener("touchcancel", on_touch_cancel);
-	graph.on(CommonEvent.POINTER_DOWN, on_down);
-	graph.on(CommonEvent.POINTER_MOVE, on_move);
-	graph.on(CommonEvent.POINTER_UP, on_up);
-	return () => {
-		disarm();
-		state.container?.removeEventListener("touchcancel", on_touch_cancel);
-		graph.off(CommonEvent.POINTER_DOWN, on_down);
-		graph.off(CommonEvent.POINTER_MOVE, on_move);
-		graph.off(CommonEvent.POINTER_UP, on_up);
-	};
-}
-//#endregion
-//#region src/g6_drag_canvas_touch.js
-/***********************************************************************
-*          g6_drag_canvas_touch.js
-*
-*          Drop-in replacement for G6 v5 built-in 'drag-canvas'.
-*
-*          Why this exists
-*          ----------------
-*          G6 v5.1.0 drag-canvas computes the pan delta as:
-*
-*              const x = event.movement?.x ?? event.dx;
-*
-*          but @antv/g always attaches a `movement` Point to every
-*          federated pointer event (g-lite: `this.movement = new
-*          Point()`), and fills it from the native
-*          `PointerEvent.movementX/Y` (g-lite: `event.movement.x =
-*          nativeEvent.movementX`).  So `event.movement?.x` is never
-*          nullish and the `?? event.dx` fallback never runs.
-*
-*          Native `movementX/Y`:
-*            - on touch pointers most mobile browsers leave it at 0
-*              (it is a mouse / pointer-lock feature), so the canvas
-*              barely pans on mobile;
-*            - on desktop it is skewed by OS pointer acceleration and
-*              devicePixelRatio, so the graph lags the cursor.
-*
-*          The fix tracks `event.viewport` (the federated pointer
-*          position already mapped to canvas/viewport space by
-*          @antv/g, the exact units `translateBy` expects) and pans
-*          by its frame-to-frame delta.  This is:
-*            - reliable on mouse AND touch (derived from clientX/Y,
-*              never from native movementX);
-*            - correct for ANY canvas scale (it is post-`getScale()`,
-*              so a configured-vs-displayed size mismatch can no
-*              longer make panning over- or under-shoot the cursor);
-*            - the same source G6's own `zoom-canvas` uses for its
-*              origin (`event.viewport`).
-*          The subclass reuses all of the built-in clamp/cursor logic
-*          and only swaps the delta source.
-*
-*          Registered globally over the built-in 'drag-canvas' id so
-*          every graph (tree, json, treedb, editor) is fixed without
-*          touching each consumer's behaviors list.
-*
-*          It also has to keep the ONE guard the base class has and
-*          this replacement dropped: G6's `onDrag` refuses to pan
-*          while a pinch is in progress. See `is_pinching` in
-*          `g6_touch_gestures.js`, which is where the pinch that
-*          matters is now recognised.
-*
-*          Copyright (c) 2026, ArtGins.
-*          All Rights Reserved.
-***********************************************************************/
-/************************************************************
-*  Custom drag-canvas: same behavior, reliable delta source
-************************************************************/
-var DragCanvasTouch = class extends DragCanvas {
-	constructor(context, options) {
-		super(context, options);
-		this._lastVP = null;
-		this._onDragTouch = (event) => {
-			if (!this.isDragging) {
-				this._lastVP = null;
-				return;
-			}
-			if (is_pinching(this.context.graph)) {
-				this._lastVP = null;
-				return;
-			}
-			let vp = event.viewport;
-			if (!vp || typeof vp.x !== "number" || typeof vp.y !== "number") return;
-			if (this._lastVP === null) {
-				this._lastVP = {
-					x: vp.x,
-					y: vp.y
-				};
+			let dist = Math.sqrt(dx * dx + dy * dy);
+			if (dist <= 0) return;
+			if (this._pinch_dist0 === 0) {
+				this._pinch_dist0 = dist;
+				this._pinch_zoom0 = graph.getZoom();
 				return;
 			}
-			let x = vp.x - this._lastVP.x;
-			let y = vp.y - this._lastVP.y;
-			this._lastVP.x = vp.x;
-			this._lastVP.y = vp.y;
-			if (x !== 0 || y !== 0) this.translate([x, y], false);
-		};
-		this._onDragEndReset = () => {
-			this._lastVP = null;
+			this._pinch_to(dist / this._pinch_dist0, touches, event);
 		};
-		let graph = this.context.graph;
-		graph.off(CommonEvent.DRAG, this.onDrag);
-		graph.on(CommonEvent.DRAG, this._onDragTouch);
-		graph.on(CommonEvent.DRAG_END, this._onDragEndReset);
+		state.container.addEventListener("touchmove", this._on_touch_move, { passive: true });
 	}
-	update(options) {
-		super.update(options);
+	/************************************************************
+	*   Zoom to `scale` times the zoom the pinch started at,
+	*   about the midpoint between the two fingers.
+	*
+	*   ABSOLUTE against the start of the gesture, where G6's
+	*   own pinch feeds `zoom()` an increment per frame: an
+	*   increment drifts away from the fingers over a long
+	*   gesture, and cannot come back when they close again.
+	************************************************************/
+	_pinch_to(scale, touches, event) {
+		if (!this.validate(event)) return;
 		let graph = this.context.graph;
-		graph.off(CommonEvent.DRAG, this.onDrag);
-		graph.off(CommonEvent.DRAG, this._onDragTouch);
-		graph.off(CommonEvent.DRAG_END, this._onDragEndReset);
-		graph.on(CommonEvent.DRAG, this._onDragTouch);
-		graph.on(CommonEvent.DRAG_END, this._onDragEndReset);
+		let state = touch_state_of(graph);
+		let origin = null;
+		let rect = state.container?.getBoundingClientRect();
+		if (rect) origin = [(touches[0].clientX + touches[1].clientX) / 2 - rect.left, (touches[0].clientY + touches[1].clientY) / 2 - rect.top];
+		graph.zoomTo(this._pinch_zoom0 * scale, false, origin);
+		this.options.onFinish?.();
 	}
 	destroy() {
-		let graph = this.context.graph;
-		graph.off(CommonEvent.DRAG, this._onDragTouch);
-		graph.off(CommonEvent.DRAG_END, this._onDragEndReset);
+		if (this._on_touch_move) {
+			__touch_state__.get(this.context.graph)?.container?.removeEventListener("touchmove", this._on_touch_move);
+			this._on_touch_move = null;
+		}
 		super.destroy();
 	}
 };
 /************************************************************
-*  Register once, replacing the built-in 'drag-canvas'
-************************************************************/
-var __drag_canvas_patched__ = false;
-function ensure_drag_canvas_patch() {
-	if (__drag_canvas_patched__) return;
-	register(ExtensionCategory.BEHAVIOR, "drag-canvas", DragCanvasTouch);
-	__drag_canvas_patched__ = true;
-}
-/************************************************************
-*   JSON type discriminator (viewer vocabulary)
+*   Register once, over the built-in `zoom-canvas`, so every
+*   graph (tree, json, treedb, editor) pinches without
+*   touching its behaviors list.
 ************************************************************/
-function json_type(value) {
-	if (value === null) return "null";
-	if (Array.isArray(value)) return "array";
-	switch (typeof value) {
-		case "string": return "string";
-		case "number": return "number";
-		case "boolean": return "boolean";
-		case "object": return "object";
-		default: return "unknown";
-	}
+var __zoom_canvas_patched__ = false;
+function ensure_pinch_zoom_patch() {
+	if (__zoom_canvas_patched__) return;
+	register(ExtensionCategory.BEHAVIOR, "zoom-canvas", ZoomCanvasPinch);
+	__zoom_canvas_patched__ = true;
 }
+/***************************
+*      Long press
+***************************/
 /************************************************************
-*   Detect a kw_collapse() sentinel.
-*
-*   The kernel replaces an over-limit dict with:
-*          { "__collapsed__": { "path": ..., "size": N } }
-*   and an over-limit array with:
-*          [ { "__collapsed__": { "path": ..., "size": N } } ]
+*   Is the click being dispatched right now the tail of a long
+*   press?  Answers true ONCE, to the first asker.
 *
-*   Returns { size, path, is_array } or null.
-************************************************************/
-function is_collapsed(value) {
-	if (value && typeof value === "object" && !Array.isArray(value)) {
-		let keys = Object.keys(value);
-		if (keys.length === 1 && keys[0] === "__collapsed__") {
-			let c = value.__collapsed__ || {};
-			return {
-				size: c.size,
-				path: c.path,
-				is_array: false
-			};
-		}
-		return null;
-	}
-	if (Array.isArray(value) && value.length === 1) {
-		let e = value[0];
-		if (e && typeof e === "object" && !Array.isArray(e) && Object.keys(e).length === 1 && e.__collapsed__) {
-			let c = e.__collapsed__ || {};
-			return {
-				size: c.size,
-				path: c.path,
-				is_array: true
-			};
-		}
-	}
-	return null;
-}
-/************************************************************
-*   Join / split absolute path segments (kernel convention)
-************************************************************/
-function seg_join(segments) {
-	return segments.map(function(s) {
-		return String(s);
-	}).join("`");
-}
-function seg_split(path) {
-	if (path === "" || path === null || path === void 0) return [];
-	return path.split("`");
-}
-/************************************************************
-*   Walk a JSON tree by absolute segments; undefined if the
-*   path does not resolve.
+*   @antv/g does not take `click` from the DOM either: it makes
+*   one out of the pointerdown/pointerup pair itself, inside
+*   the same `onPointerUp` that just fed us the release.  So
+*   the press that opened the menu goes on to click whatever it
+*   opened the menu ON -- selecting the node, or worse, dropping
+*   a selection of several -- unless the handler asks.
 ************************************************************/
-function get_by_segments(root, segments) {
-	let v = root;
-	for (let seg of segments) {
-		if (v === null || v === void 0) return;
-		if (Array.isArray(v)) v = v[Number(seg)];
-		else if (typeof v === "object") v = v[seg];
-		else return;
-	}
-	return v;
+function consume_long_press_click(graph) {
+	if (!graph) return false;
+	let state = __touch_state__.get(graph);
+	if (!state || !state.long_press_click) return false;
+	state.long_press_click = false;
+	return true;
 }
 /************************************************************
-*   Set a value at absolute segments (mutates root).
+*   Make a long press open the context menu.
 *
-*   segments == [] means "replace the whole root" — the caller
-*   must use the RETURNED value in that case (a primitive/array
-*   root cannot be mutated in place).
-************************************************************/
-function set_by_segments(root, segments, new_value) {
-	if (segments.length === 0) return new_value;
-	let parent = get_by_segments(root, segments.slice(0, -1));
-	if (parent === null || parent === void 0 || typeof parent !== "object") return root;
-	let last = segments[segments.length - 1];
-	if (Array.isArray(parent)) parent[Number(last)] = new_value;
-	else parent[last] = new_value;
-	return root;
-}
-/************************************************************
-*   Does `value` (or any loaded descendant / its own key)
-*   contain the lower-cased search term?
+*   Returns the function that uninstalls it.
 *
-*   Collapsed (not-yet-loaded) subtrees can't be searched, so
-*   they never match on content — only their key can match,
-*   which the renderer checks separately.
-************************************************************/
-function subtree_matches(value, term) {
-	if (!term) return true;
-	if (is_collapsed(value)) return false;
-	let type = json_type(value);
-	if (type === "object") {
-		for (let [k, v] of Object.entries(value)) {
-			if (String(k).toLowerCase().includes(term)) return true;
-			if (subtree_matches(v, term)) return true;
-		}
-		return false;
-	}
-	if (type === "array") {
-		for (let v of value) if (subtree_matches(v, term)) return true;
-		return false;
-	}
-	return String(value).toLowerCase().includes(term);
-}
-/************************************************************
-*   Fields whose numeric value is an epoch timestamp.
-*   Mirrors the timestampTag list wired into C_YUI_FORM's
-*   jsoneditor control, so the two viewers agree.
-************************************************************/
-function is_time_field(field) {
-	return field === "__t__" || field === "__tm__" || field === "tm" || field === "t" || field === "time" || field === "from_t" || field === "to_t" || field === "t_input" || field === "t_output" || field === "from_tm" || field === "to_tm";
-}
-/************************************************************
-*   Format an epoch value as a local wall-clock string.
-*   Accepts seconds or milliseconds; returns null when the
-*   value is not a usable positive timestamp (0 == "unset").
-************************************************************/
-function format_epoch(value) {
-	if (typeof value !== "number" || !isFinite(value) || value <= 0) return null;
-	let ms = Math.abs(value) < 0xe8d4a51000 ? value * 1e3 : value;
-	let d = new Date(ms);
-	if (isNaN(d.getTime())) return null;
-	return d.toLocaleString();
-}
-/************************************************************
-*   The text view's payload: the document as text, indented
-*   four characters, cut at `max_chars`.
+*   The menu the press opens is whatever the `contextmenu`
+*   plugin builds: we re-emit G6's own forwarded event under
+*   the name the plugin listens for, so `getItems(e)` and
+*   `enable(e)` see the same object a right-click would give
+*   them -- same `target`, same `targetType`, same `client`.
 *
-*   Returns {text, capped}.  `capped` is what the caller
-*   announces under the dump — a cut that is not announced
-*   reads as a document that ends there.
+*   `options.enable(event)` decides, at the DOWN, whether this
+*   press is even a candidate.  Pass the plugin's own predicate:
+*   a press on the empty canvas would otherwise arm a menu the
+*   plugin then refuses to show, and swallow the click that
+*   would have cleared the selection.
 ************************************************************/
-function json_text_dump(root, max_chars) {
-	let text;
-	try {
-		text = JSON.stringify(root, null, 4);
-	} catch (e) {
-		return {
-			text: "",
-			capped: false,
-			error: String(e)
+function install_long_press_contextmenu(graph, options) {
+	if (!graph) return () => {};
+	let enable = options?.enable;
+	let state = touch_state_of(graph);
+	let pending = null;
+	let disarm = () => {
+		if (pending) {
+			clearTimeout(pending.tick);
+			pending = null;
+		}
+	};
+	let announce = () => {
+		if (!pending) return;
+		if (state.multi) return;
+		navigator.vibrate?.(15);
+	};
+	let fire = (event) => {
+		state.long_press_click = true;
+		setTimeout(() => {
+			state.long_press_click = false;
+		}, 0);
+		let swallow = (evt) => {
+			evt.stopPropagation();
+			document.removeEventListener("click", swallow, true);
 		};
-	}
-	if (text === void 0) return {
-		text: "",
-		capped: false,
-		error: "not representable as JSON"
+		document.addEventListener("click", swallow, true);
+		setTimeout(() => {
+			document.removeEventListener("click", swallow, true);
+		}, 1e3);
+		graph.emit(`${event.targetType}:${CommonEvent.CONTEXT_MENU}`, event);
+		graph.emit(CommonEvent.CONTEXT_MENU, event);
 	};
-	if (typeof max_chars === "number" && max_chars > 0 && text.length > max_chars) return {
-		text: text.slice(0, max_chars),
-		capped: true
+	let on_down = (event) => {
+		disarm();
+		if (event.pointerType !== "touch") return;
+		if (state.count > 1 || state.multi) return;
+		if (enable && !enable(event)) return;
+		let x = event.client?.x;
+		let y = event.client?.y;
+		if (x === void 0 || y === void 0) return;
+		pending = {
+			x,
+			y,
+			t0: Date.now(),
+			event: Object.assign({}, event),
+			tick: setTimeout(announce, 500)
+		};
 	};
-	return {
-		text,
-		capped: false
+	let on_move = (event) => {
+		if (!pending) return;
+		if (state.count > 1 || state.multi) {
+			disarm();
+			return;
+		}
+		let x = event.client?.x;
+		let y = event.client?.y;
+		if (x === void 0 || y === void 0) return;
+		if (press_moved(pending, x, y)) disarm();
+	};
+	let on_up = (event) => {
+		let press = pending;
+		if (press) clearTimeout(press.tick);
+		pending = null;
+		if (!press) return;
+		if (state.multi) return;
+		let x = event.client?.x;
+		let y = event.client?.y;
+		if (x === void 0) x = press.x;
+		if (y === void 0) y = press.y;
+		if (classify_press(press, x, y, Date.now()) !== "long") return;
+		fire(press.event);
+	};
+	let on_touch_cancel = () => {
+		disarm();
+	};
+	state.container?.addEventListener("touchcancel", on_touch_cancel);
+	graph.on(CommonEvent.POINTER_DOWN, on_down);
+	graph.on(CommonEvent.POINTER_MOVE, on_move);
+	graph.on(CommonEvent.POINTER_UP, on_up);
+	return () => {
+		disarm();
+		state.container?.removeEventListener("touchcancel", on_touch_cancel);
+		graph.off(CommonEvent.POINTER_DOWN, on_down);
+		graph.off(CommonEvent.POINTER_MOVE, on_move);
+		graph.off(CommonEvent.POINTER_UP, on_up);
 	};
 }
-/************************************************************
-*   Which view a freshly mounted viewer opens on.
+//#endregion
+//#region src/g6_drag_canvas_touch.js
+/***********************************************************************
+*          g6_drag_canvas_touch.js
 *
-*   Three answers, in order of authority: what the HOST asked
-*   for, what the READER chose last time, and `fallback`.
+*          Drop-in replacement for G6 v5 built-in 'drag-canvas'.
 *
-*   The host wins because a viewer mounted to show a graph has
-*   to show one.  The memory comes next, because reopening a
-*   document in the view you just left is the whole point of
-*   remembering it.  `fallback` is the floor.
+*          Why this exists
+*          ----------------
+*          G6 v5.1.0 drag-canvas computes the pan delta as:
 *
-*   Anything not in `modes` is treated as unsaid, which covers
-*   an absent value, an empty one, and a stored string from an
-*   older release that named a view no longer offered.
-************************************************************/
-function pick_view_mode(asked, remembered, modes, fallback) {
-	let known = (m) => Array.isArray(modes) && modes.indexOf(m) >= 0;
-	if (known(asked)) return asked;
-	if (known(remembered)) return remembered;
-	return fallback;
-}
-/************************************************************
-*   The short label a container row carries beside its size.
+*              const x = event.movement?.x ?? event.dx;
 *
-*   An array of dicts that carry an `id` is a list of RECORDS,
-*   and a row that says only `2: {15}` makes you open all
-*   fifteen fields of every one of them to find out WHICH
-*   record it is.  The id is the one field that answers that,
-*   so the row says it without being opened.
+*          but @antv/g always attaches a `movement` Point to every
+*          federated pointer event (g-lite: `this.movement = new
+*          Point()`), and fills it from the native
+*          `PointerEvent.movementX/Y` (g-lite: `event.movement.x =
+*          nativeEvent.movementX`).  So `event.movement?.x` is never
+*          nullish and the `?? event.dx` fallback never runs.
 *
-*   Only a SCALAR id, and only when it is really there: an `id`
-*   that is itself a dict or a list is not a name, it is more
-*   document, and printing `[object Object]` beside the size
-*   would be worse than printing nothing.
+*          Native `movementX/Y`:
+*            - on touch pointers most mobile browsers leave it at 0
+*              (it is a mouse / pointer-lock feature), so the canvas
+*              barely pans on mobile;
+*            - on desktop it is skewed by OS pointer acceleration and
+*              devicePixelRatio, so the graph lags the cursor.
 *
-*   Cut at `max_chars`, because this rides on a row whose job
-*   is to stay one line.
-************************************************************/
-function container_label(value, max_chars) {
-	if (value === null || typeof value !== "object" || Array.isArray(value)) return "";
-	if (!Object.prototype.hasOwnProperty.call(value, "id")) return "";
-	let id = value.id;
-	let t = typeof id;
-	if (t !== "string" && t !== "number" && t !== "boolean") return "";
-	let text = String(id).trim();
-	if (text === "") return "";
-	let cap = typeof max_chars === "number" && max_chars > 0 ? max_chars : 0;
-	if (cap && text.length > cap) return text.slice(0, cap) + "…";
-	return text;
-}
-/************************************************************
-*   A dict, in the JSON sense: not an array and not null.
-************************************************************/
-function is_plain_object(v) {
-	return v !== null && typeof v === "object" && !Array.isArray(v);
-}
-/************************************************************
-*  Does this container hold ONLY other containers?
+*          The fix tracks `event.viewport` (the federated pointer
+*          position already mapped to canvas/viewport space by
+*          @antv/g, the exact units `translateBy` expects) and pans
+*          by its frame-to-frame delta.  This is:
+*            - reliable on mouse AND touch (derived from clientX/Y,
+*              never from native movementX);
+*            - correct for ANY canvas scale (it is post-`getScale()`,
+*              so a configured-vs-displayed size mismatch can no
+*              longer make panning over- or under-shoot the cursor);
+*            - the same source G6's own `zoom-canvas` uses for its
+*              origin (`event.viewport`).
+*          The subclass reuses all of the built-in clamp/cursor logic
+*          and only swaps the delta source.
 *
-*  Such a value is not a thing, it is a LIST of things -- and a
-*  list is fully described by the row that names it in its
-*  parent, plus the edges to what it holds.  Drawing it as a
-*  card of its own put a node in the middle of the graph with no
-*  data in it, saying nothing the parent's row did not already
-*  say, and pushed everything below it one level down.
+*          Registered globally over the built-in 'drag-canvas' id so
+*          every graph (tree, json, treedb, editor) is fixed without
+*          touching each consumer's behaviors list.
 *
-*  An EMPTY container inside counts as content: `{0}` is
-*  something the card has to show, and there is no child card
-*  to show it instead.
-************************************************************/
-function is_pure_collection(value) {
-	let entries = is_plain_object(value) ? Object.entries(value) : Array.isArray(value) ? value.map((v, i) => [i, v]) : [];
-	if (entries.length === 0) return false;
-	for (let [, v] of entries) if (!has_branch(v)) return false;
-	return true;
-}
+*          It also has to keep the ONE guard the base class has and
+*          this replacement dropped: G6's `onDrag` refuses to pan
+*          while a pinch is in progress. See `is_pinching` in
+*          `g6_touch_gestures.js`, which is where the pinch that
+*          matters is now recognised.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+***********************************************************************/
 /************************************************************
-*  A value that gets a card, or children, of its own.
+*  Custom drag-canvas: same behavior, reliable delta source
 ************************************************************/
-function has_branch(value) {
-	return is_plain_object(value) && Object.keys(value).length > 0 || Array.isArray(value) && value.length > 0;
-}
+var DragCanvasTouch = class extends DragCanvas {
+	constructor(context, options) {
+		super(context, options);
+		this._lastVP = null;
+		this._onDragTouch = (event) => {
+			if (!this.isDragging) {
+				this._lastVP = null;
+				return;
+			}
+			if (is_pinching(this.context.graph)) {
+				this._lastVP = null;
+				return;
+			}
+			let vp = event.viewport;
+			if (!vp || typeof vp.x !== "number" || typeof vp.y !== "number") return;
+			if (this._lastVP === null) {
+				this._lastVP = {
+					x: vp.x,
+					y: vp.y
+				};
+				return;
+			}
+			let x = vp.x - this._lastVP.x;
+			let y = vp.y - this._lastVP.y;
+			this._lastVP.x = vp.x;
+			this._lastVP.y = vp.y;
+			if (x !== 0 || y !== 0) this.translate([x, y], false);
+		};
+		this._onDragEndReset = () => {
+			this._lastVP = null;
+		};
+		let graph = this.context.graph;
+		graph.off(CommonEvent.DRAG, this.onDrag);
+		graph.on(CommonEvent.DRAG, this._onDragTouch);
+		graph.on(CommonEvent.DRAG_END, this._onDragEndReset);
+	}
+	update(options) {
+		super.update(options);
+		let graph = this.context.graph;
+		graph.off(CommonEvent.DRAG, this.onDrag);
+		graph.off(CommonEvent.DRAG, this._onDragTouch);
+		graph.off(CommonEvent.DRAG_END, this._onDragEndReset);
+		graph.on(CommonEvent.DRAG, this._onDragTouch);
+		graph.on(CommonEvent.DRAG_END, this._onDragEndReset);
+	}
+	destroy() {
+		let graph = this.context.graph;
+		graph.off(CommonEvent.DRAG, this._onDragTouch);
+		graph.off(CommonEvent.DRAG_END, this._onDragEndReset);
+		super.destroy();
+	}
+};
 /************************************************************
-*  How many branches a container has, which is what the fold
-*  chip counts.
+*  Register once, replacing the built-in 'drag-canvas'
 ************************************************************/
-function count_branches(value) {
-	let entries = is_plain_object(value) ? Object.values(value) : Array.isArray(value) ? value : [];
-	let n = 0;
-	for (let v of entries) if (has_branch(v)) n++;
-	return n;
+var __drag_canvas_patched__ = false;
+function ensure_drag_canvas_patch() {
+	if (__drag_canvas_patched__) return;
+	register(ExtensionCategory.BEHAVIOR, "drag-canvas", DragCanvasTouch);
+	__drag_canvas_patched__ = true;
 }
 //#endregion
 //#region src/c_yui_json_graph.js