@yuneta/gobj-ui 7.25.7 → 7.25.9

package/dist/gobj-ui.cjs.js

@@ -3027,12 +3027,20 @@ function maybe_apply_translator($node, opts) {
 *      Returns `{ close() }` so callers can dismiss programmatically.
 *
 *      ONE toast per message on screen: a string message of the same
-*      kind as a toast still showing is not stacked under it -- that
-*      toast is kept, its time starts again, and its handle is
-*      returned. One close of a transport settles every request it
-*      cut, each view shows its failure, and the operator got a
-*      column of identical "the connection dropped". A message built
-*      of nodes is never merged: its text is not a key.
+*      kind as a toast still showing is not stacked under it. One
+*      close of a transport settles every request it cut, each view
+*      shows its failure, and the operator got a column of identical
+*      "the connection dropped". A message built of nodes is never
+*      merged: its text is not a key.
+*
+*      A repeat is still a CALLER of its own: it gets its own handle
+*      and its own time, and the toast stays while any caller holds
+*      it -- until every handle is closed or has timed out. Handed the
+*      first caller's handle and timer, a repeat asking `timeout: 0`
+*      was dismissed on the first one's timer, and closing one
+*      caller's handle closed a toast another was still showing
+*      (third independent review). The operator's ✕ closes it for
+*      everybody.
 ***************************************************************/
 function show_notification(shell, kind, message, opts) {
 	let $layer = notification_layer(shell);
@@ -3040,12 +3048,10 @@ function show_notification(shell, kind, message, opts) {
 		(0, _yuneta_gobj_js.log_warning)("yui_shell_show_*: shell has no notification layer");
 		return { close: () => {} };
 	}
+	let timeout = opts && opts.timeout != null ? opts.timeout : 5e3;
 	let key = typeof message === "string" ? `${kind}\u0000${message}` : null;
 	if (key !== null) {
-		for (let $shown of Array.from($layer.children)) if ($shown.__toast_key__ === key && $shown.__toast__) {
-			$shown.__toast__.restart();
-			return $shown.__toast__.handle;
-		}
+		for (let $shown of Array.from($layer.children)) if ($shown.__toast_key__ === key && $shown.__toast__) return $shown.__toast__.hold(timeout);
 	}
 	let p_attrs = typeof message === "string" ? { i18n: message } : {};
 	let $note = (0, _yuneta_gobj_js.createElement2)([
@@ -3056,6 +3062,8 @@ function show_notification(shell, kind, message, opts) {
 		},
 		[["button", {
 			class: "TOAST_CLOSE delete",
+			title: (0, i18next.t)("close"),
+			"data-i18n-title": "close",
 			"aria-label": (0, i18next.t)("close"),
 			"data-i18n-aria-label": "close"
 		}], [
@@ -3069,35 +3077,38 @@ function show_notification(shell, kind, message, opts) {
 	]);
 	$layer.appendChild($note);
 	maybe_apply_translator($note, opts);
-	let timeout_id = null;
+	let holders = /* @__PURE__ */ new Set();
 	let closed = false;
-	let close = function() {
+	let close_toast = function() {
 		if (closed) return;
 		closed = true;
-		if (timeout_id) {
-			clearTimeout(timeout_id);
-			timeout_id = null;
+		for (let holder of holders) if (holder.timeout_id) {
+			clearTimeout(holder.timeout_id);
+			holder.timeout_id = null;
 		}
+		holders.clear();
 		if ($note.parentNode) $note.parentNode.removeChild($note);
 	};
-	let $del = $note.querySelector(".delete");
-	if ($del) $del.addEventListener("click", close);
-	let timeout = opts && opts.timeout != null ? opts.timeout : 5e3;
-	let restart = function() {
-		if (timeout_id) {
-			clearTimeout(timeout_id);
-			timeout_id = null;
-		}
-		if (timeout > 0) timeout_id = setTimeout(close, timeout);
+	let hold = function(ms) {
+		let holder = { timeout_id: null };
+		let release = function() {
+			if (!holders.has(holder)) return;
+			if (holder.timeout_id) {
+				clearTimeout(holder.timeout_id);
+				holder.timeout_id = null;
+			}
+			holders.delete(holder);
+			if (holders.size === 0) close_toast();
+		};
+		holders.add(holder);
+		if (ms > 0) holder.timeout_id = setTimeout(release, ms);
+		return { close: release };
 	};
-	restart();
-	let handle = { close };
+	let $del = $note.querySelector(".delete");
+	if ($del) $del.addEventListener("click", close_toast);
 	$note.__toast_key__ = key;
-	$note.__toast__ = {
-		handle,
-		restart
-	};
-	return handle;
+	$note.__toast__ = { hold };
+	return hold(timeout);
 }
 function yui_shell_show_info(shell, message, opts) {
 	return show_notification(shell, "info", message, opts);
@@ -3176,6 +3187,8 @@ function yui_shell_show_modal(shell, content, opts) {
 						{
 							class: "MODAL_CLOSE yui-dialog-x",
 							type: "button",
+							title: (0, i18next.t)("close"),
+							"data-i18n-title": "close",
 							"aria-label": (0, i18next.t)("close"),
 							"data-i18n-aria-label": "close"
 						},
@@ -3197,6 +3210,8 @@ function yui_shell_show_modal(shell, content, opts) {
 		]];
 		if (with_close) modal_children.push(["button", {
 			class: "MODAL_CLOSE modal-close is-large",
+			title: (0, i18next.t)("close"),
+			"data-i18n-title": "close",
 			"aria-label": (0, i18next.t)("close"),
 			"data-i18n-aria-label": "close"
 		}]);
@@ -3351,6 +3366,8 @@ function build_dialog(shell, message, buttons, opts) {
 	]);
 	$card_children.push(["button", {
 		class: "CONFIRM_CLOSE delete yui-confirm-x",
+		title: (0, i18next.t)("close"),
+		"data-i18n-title": "close",
 		"aria-label": (0, i18next.t)("close"),
 		"data-i18n-aria-label": "close"
 	}], [
@@ -72164,10 +72181,13 @@ var attrs_table$1 = [
 ];
 var PRIVATE_DATA$1 = {
 	records: null,
+	records_before: null,
 	model: null,
+	model_gen: 0,
 	pending: 0,
 	load_error: "",
 	load_round: 0,
+	load_keeps_written: false,
 	treedb_id: "",
 	topic_name: "",
 	diagram: false,
@@ -72178,6 +72198,7 @@ var PRIVATE_DATA$1 = {
 	order_undo: null,
 	diagram_gobj: null,
 	dialog: null,
+	dialog_gen: 0,
 	save_queue: null,
 	save_return: "",
 	save_wrote: false,
@@ -72338,6 +72359,29 @@ function refuse_if_readonly(gobj, event) {
 	yui_shell_show_error(yui_shell_of(gobj), "the treedb is read-only", { t: i18next.t });
 	return true;
 }
+/***************************************************************
+*  A decision taken on a model a load has since REPLACED: the Save
+*  of a form, a confirmation, an import. Each carries the
+*  `model_gen` it was built on (a number, not the model: a kw is
+*  dumped by the machine trace).
+*
+*  Refused, and said. A column form sends every field it shows, so
+*  its Save after a reload wrote the OLD record over the newer one
+*  (fourth independent review, probe A3); a form whose column the
+*  reload removed answered "names no column" for ever. end_load()
+*  closes such a dialog when the load lands; this is the same rule
+*  for whatever arrives anyway -- a stale screen, a confirmation
+*  that was up, a keyboard.
+*
+*  A kw with no stamp is not a dialog's and is not asked.
+***************************************************************/
+function built_on_a_replaced_model(gobj, event, kw) {
+	let priv = gobj.priv;
+	if (!kw || kw.model_gen === void 0 || kw.model_gen === priv.model_gen) return false;
+	(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} refused, it was decided on the schemas a reload replaced`);
+	yui_shell_show_error(yui_shell_of(gobj), "the schemas were read again: open the dialog again", { t: i18next.t });
+	return true;
+}
 /***************************
 *      The model
 ***************************/
@@ -72346,10 +72390,36 @@ function refuse_if_readonly(gobj, event) {
 *  schema set of the yuno is here: everything below — the
 *  drawing, the validation, the export — is computed from these
 *  and asks the backend nothing more.
+*
+*  THE LOADING SCREEN IS DRAWN, not assumed. ST_LOADING declares
+*  none of the actions of a screen, so the screen it replaces goes
+*  and the toolbar stops answering: left up, a click on a card, on
+*  Back or on the drawing answered "Event NOT DEFINED in state
+*  ST_LOADING" and was lost (third independent review). A dialog
+*  left open is answered in ST_LOADING instead (ac_wait_for_the_load),
+*  and a load that LANDS closes it (end_load()): it was built on the
+*  model the load replaced, and its Save sends every field it shows.
+*  An import plan is forgotten here for the same reason: it is a list
+*  of writes computed against the model going away.
+*
+*  `keep_written`: a load the host did not ask for -- the reconnect,
+*  a write that turned out done -- keeps what this session wrote.
+*  Only the host's EV_REFRESH (a Save sends it) forgets it.
+*
+*  A load that cannot leave WHOLE did not happen (out of session it
+*  is not even asked): the records the model was built on are put
+*  back (emptied, the next write patched them into a model with no
+*  treedb), the round is spent so a request that did leave is
+*  stale, and the session back asks again. A load that left and
+*  FAILED keeps them the same way (`records_before`,
+*  ac_mt_command_answer()).
 ***************************************************************/
-function request_model(gobj) {
+function request_model(gobj, keep_written) {
 	let priv = gobj.priv;
 	if (!(0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "gobj_remote_yuno")) return -1;
+	forget_import_plan(gobj);
+	let previous = priv.records;
+	priv.records_before = previous;
 	priv.records = {
 		treedbs: [],
 		topics: [],
@@ -72358,22 +72428,32 @@ function request_model(gobj) {
 	priv.load_error = "";
 	priv.pending = 0;
 	priv.load_round++;
+	priv.load_keeps_written = !!keep_written;
 	(0, _yuneta_gobj_js.gobj_change_state)(gobj, "ST_LOADING");
-	show_notice(gobj, "loading the schemas");
-	for (let topic_name of [
-		T_TREEDBS,
-		T_TOPICS,
-		T_COLS
-	]) if (remote_command(gobj, "nodes", {
-		topic_name,
-		options: { list_dict: true }
-	}, { round: priv.load_round }) === 0) priv.pending++;
-	if (priv.pending === 0) {
+	set_busy(gobj, false);
+	render(gobj);
+	let left = 0;
+	if (transport_in_session(gobj)) {
+		for (let topic_name of [
+			T_TREEDBS,
+			T_TOPICS,
+			T_COLS
+		]) if (remote_command(gobj, "nodes", {
+			topic_name,
+			options: { list_dict: true }
+		}, { round: priv.load_round }) === 0) left++;
+	}
+	if (left < 3) {
+		priv.records = previous;
+		priv.records_before = null;
+		priv.load_round++;
+		priv.reload_on_open = true;
 		priv.load_error = (0, i18next.t)("cannot reach the treedb");
-		(0, _yuneta_gobj_js.gobj_change_state)(gobj, "ST_IDLE");
-		show_notice(gobj, "cannot reach the treedb");
+		if (priv.model) yui_shell_show_error(yui_shell_of(gobj), "cannot reach the treedb", { t: i18next.t });
+		end_load(gobj);
 		return -1;
 	}
+	priv.pending = left;
 	return 0;
 }
 /***************************************************************
@@ -72436,15 +72516,19 @@ function build_model(gobj) {
 *  From here on, "did this session change it?" has an answer.
 *
 *  Called ONLY when records arrive from the store: that is what a
-*  measurement of "changed since" can be measured against. Both
-*  halves reset together -- a baseline without its `written` is
-*  the same false positive from the other side, since every
-*  version equals a baseline just taken.
+*  measurement of "changed since" can be measured against.
+*
+*  `written` is forgotten only by a load the HOST asked for (its
+*  EV_REFRESH, which a Save sends). Since M36 a write moves no
+*  version, so `written` is the draft chip of what this session
+*  wrote and no longer half of a version measurement: a reload of
+*  the reconnect, or of a write that turned out done, forgot the
+*  chips of writes the host had not been told about.
 ***************************************************************/
 function start_measuring(gobj) {
 	let priv = gobj.priv;
 	priv.baseline = {};
-	priv.written = {};
+	if (!priv.load_keeps_written) priv.written = {};
 	priv.host_ids = {};
 	if (!priv.model) return;
 	for (let treedb of priv.model.treedbs) for (let topic of treedb.topics) priv.baseline[topic.id] = topic.topic_version;
@@ -72457,9 +72541,10 @@ function start_measuring(gobj) {
 *  until the host saves it (C_TREEDB's save-schema, which raises the
 *  versions of what changed). Two sources say a topic is one, and
 *  they are kept APART because they are forgotten differently:
-*    - `written`: what THIS session wrote since the model was loaded
-*      (a reload, the host's EV_REFRESH, forgets it -- the store says
-*      what is left);
+*    - `written`: what THIS session wrote. Only a load the HOST asked
+*      for forgets it (its EV_REFRESH, which a Save sends); the
+*      reconnect's reload, the one owed after a write and a late
+*      write's keep it (start_measuring(), request_model());
 *    - `host_ids`: what the host said last (EV_DRAFTS), replaced WHOLE
 *      by the next EV_DRAFTS. Folded into `written`, a topic the host
 *      named once stayed a draft after the Save that published it.
@@ -72626,8 +72711,12 @@ function render_toolbar(gobj) {
 	let state = (0, _yuneta_gobj_js.gobj_current_state)(gobj);
 	let readonly = is_readonly(gobj);
 	let has_model = !!priv.model;
+	let on_a_treedb = state !== "ST_IDLE" && state !== "ST_EMPTY";
+	let treedb_here = on_a_treedb && !!current_treedb(gobj);
+	let topic_here = treedb_here && !!current_topic(gobj);
+	let in_flight = state === "ST_SAVING" || state === "ST_LOADING";
 	let $left = [];
-	if (priv.treedb_id) $left.push([
+	if (priv.treedb_id && on_a_treedb) $left.push([
 		"button",
 		{
 			class: "SCHEMA_BACK button",
@@ -72700,17 +72789,17 @@ function render_toolbar(gobj) {
 		$trail
 	]);
 	let $right = [];
-	if (priv.treedb_id && has_model) {
+	if (priv.treedb_id && has_model && treedb_here) {
 		$right.push(toolbar_button("SCHEMA_DIAGRAM_BTN", "yi-compass-drafting", priv.diagram ? "topics" : "diagram", "EV_TOGGLE_DIAGRAM", false));
 		$right.push(toolbar_button("SCHEMA_VALIDATE_BTN", "yi-square-check", "check", "EV_VALIDATE", false));
 		$right.push(toolbar_button("SCHEMA_EXPORT_BTN", "yi-download", "export", "EV_EXPORT", false));
 		if (!readonly) $right.push(toolbar_button("SCHEMA_IMPORT_BTN", "yi-upload", "import", "EV_IMPORT", false));
 	}
-	if (priv.topic_name && !readonly && !priv.diagram) {
+	if (priv.topic_name && !readonly && !priv.diagram && topic_here) {
 		if (undo_order_writes(gobj, current_topic(gobj)).length > 0) $right.push(toolbar_button("SCHEMA_UNDO_ORDER_BTN", "yi-arrow-rotate-left", "undo the order", "EV_UNDO_ORDER", false));
 		$right.push(toolbar_button("SCHEMA_ADD_COL_BTN", "yi-plus", "new column", "EV_ADD_COLUMN", false));
 	}
-	if (priv.treedb_id && !priv.topic_name && !readonly && !priv.diagram) $right.push(toolbar_button("SCHEMA_ADD_TOPIC_BTN", "yi-plus", "new topic", "EV_ADD_TOPIC", false));
+	if (priv.treedb_id && !priv.topic_name && !readonly && !priv.diagram && treedb_here) $right.push(toolbar_button("SCHEMA_ADD_TOPIC_BTN", "yi-plus", "new topic", "EV_ADD_TOPIC", false));
 	$right.push(toolbar_button("SCHEMA_REFRESH_BTN", "yi-arrows-rotate", "refresh", "EV_REFRESH", state === "ST_LOADING"));
 	let $bar = (0, _yuneta_gobj_js.createElement2)([
 		"div",
@@ -72736,7 +72825,7 @@ function render_toolbar(gobj) {
 	]);
 	for (let $button of $bar.querySelectorAll("button")) {
 		$button.__gobj__ = gobj;
-		if (state === "ST_SAVING") $button.disabled = true;
+		if (in_flight) $button.disabled = true;
 	}
 	$toolbar.appendChild($bar);
 	(0, _yuneta_gobj_js.refresh_language)($toolbar, i18next.t);
@@ -72754,16 +72843,19 @@ function render(gobj) {
 	render_toolbar(gobj);
 	if (state === "ST_LOADING") {
 		show_notice(gobj, "loading the schemas");
+		destroy_diagram(gobj);
 		clear($body);
 		return;
 	}
 	if (state === "ST_IDLE") {
 		show_notice(gobj, priv.load_error ? "cannot load the schemas" : "not connected", priv.load_error);
+		destroy_diagram(gobj);
 		clear($body);
 		return;
 	}
 	if (state === "ST_EMPTY") {
 		show_notice(gobj, "this yuno stores no schema");
+		destroy_diagram(gobj);
 		clear($body);
 		return;
 	}
@@ -73452,12 +73544,16 @@ function render_diagram(gobj) {
 	let priv = gobj.priv;
 	let $body = $of(gobj, ".SCHEMA_BODY");
 	let treedb = current_treedb(gobj);
-	if (!$body || !treedb) {
+	if (!$body) return;
+	if (!treedb) {
+		destroy_diagram(gobj);
+		clear($body);
 		show_notice(gobj, "that treedb is not here any more", priv.treedb_id);
 		return;
 	}
 	if (!(0, _yuneta_gobj_js.gclass_find_by_name)("C_YUI_TREEDB_SCHEMA")) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: C_YUI_TREEDB_SCHEMA not registered by the app`);
+		clear($body);
 		show_notice(gobj, "the schema drawing is not available");
 		return;
 	}
@@ -73523,6 +73619,7 @@ function close_dialog(gobj) {
 function open_dialog(gobj, $content, title, logical, title_prefix) {
 	let priv = gobj.priv;
 	close_dialog(gobj);
+	priv.dialog_gen = priv.model_gen;
 	priv.dialog = yui_shell_show_modal(yui_shell_of(gobj), $content, {
 		dialog: true,
 		title,
@@ -73569,11 +73666,28 @@ function name_control($spec, label) {
 			$spec[1]["aria-label"] = (0, i18next.t)(label);
 			$spec[1]["data-i18n-aria-label"] = label;
 		}
+		if (!$spec[1].title) {
+			$spec[1].title = (0, i18next.t)(label);
+			$spec[1]["data-i18n-title"] = label;
+		}
 		return true;
 	}
 	for (let child of $spec[2] || []) if (name_control(child, label)) return true;
 	return false;
 }
+/***************************************************************
+*  The four attributes that NAME a control -- a title and an
+*  aria-label, each with the key a language change re-translates
+*  it by. A visible label is not a name (CLAUDE.md).
+***************************************************************/
+function name_attrs(key, attrs) {
+	return Object.assign({
+		title: (0, i18next.t)(key),
+		"data-i18n-title": key,
+		"aria-label": (0, i18next.t)(key),
+		"data-i18n-aria-label": key
+	}, attrs);
+}
 function field(logical, name, label, $control, help) {
 	name_control($control, label);
 	return [
@@ -73750,7 +73864,7 @@ function read_flags($root) {
 *  than not offering it.
 ***************************************************************/
 function open_column_form(gobj, topic, col, prefill) {
-	gobj.priv;
+	let priv = gobj.priv;
 	let record = prefill || col && col.record || {};
 	let creating = !col;
 	let type = record.type || "string";
@@ -73760,6 +73874,7 @@ function open_column_form(gobj, topic, col, prefill) {
 	let hook_col = hook_topic ? hook[hook_topic] : "";
 	let treedb = current_treedb(gobj);
 	let sibling_topics = treedb ? treedb.topics.map((x) => x.name) : [];
+	let model_gen = priv.model_gen;
 	let $form = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{ class: "SCHEMA_COL_FORM box" },
@@ -73822,10 +73937,10 @@ function open_column_form(gobj, topic, col, prefill) {
 				},
 				[[
 					"button",
-					{
+					name_attrs("cancel", {
 						class: "SCHEMA_COL_FORM_CANCEL button",
 						type: "button"
-					},
+					}),
 					[[
 						"span",
 						{ i18n: "cancel" },
@@ -73833,10 +73948,10 @@ function open_column_form(gobj, topic, col, prefill) {
 					]]
 				], [
 					"button",
-					{
+					name_attrs("save", {
 						class: "SCHEMA_COL_FORM_SAVE button is-primary",
 						type: "button"
-					},
+					}),
 					[[
 						"span",
 						{ class: "icon" },
@@ -73876,7 +73991,8 @@ function open_column_form(gobj, topic, col, prefill) {
 			topic: topic.name,
 			col: creating ? "" : col.name,
 			creating,
-			values
+			values,
+			model_gen
 		}, gobj);
 	});
 	open_dialog(gobj, $form, creating ? "new column" : "edit column", "SCHEMA_COL_FORM_DIALOG", creating ? topic.name : `${topic.name}.${col.name}`);
@@ -73899,6 +74015,7 @@ function open_topic_form(gobj, treedb, topic) {
 	let record = topic && topic.record || {};
 	let creating = !topic;
 	let col_names = topic ? topic.cols.map((c) => c.name) : [];
+	let model_gen = gobj.priv.model_gen;
 	let $form = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{ class: "SCHEMA_TOPIC_FORM box" },
@@ -73957,10 +74074,10 @@ function open_topic_form(gobj, treedb, topic) {
 				},
 				[[
 					"button",
-					{
+					name_attrs("cancel", {
 						class: "SCHEMA_TOPIC_FORM_CANCEL button",
 						type: "button"
-					},
+					}),
 					[[
 						"span",
 						{ i18n: "cancel" },
@@ -73968,10 +74085,10 @@ function open_topic_form(gobj, treedb, topic) {
 					]]
 				], [
 					"button",
-					{
+					name_attrs("save", {
 						class: "SCHEMA_TOPIC_FORM_SAVE button is-primary",
 						type: "button"
-					},
+					}),
 					[[
 						"span",
 						{ class: "icon" },
@@ -73994,7 +74111,8 @@ function open_topic_form(gobj, treedb, topic) {
 		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SAVE_TOPIC", {
 			topic: creating ? "" : topic.name,
 			creating,
-			values: read_form($form)
+			values: read_form($form),
+			model_gen
 		}, gobj);
 	});
 	open_dialog(gobj, $form, creating ? "new topic" : "edit topic", "SCHEMA_TOPIC_FORM_DIALOG", creating ? treedb.id : `${treedb.id}.${topic.name}`);
@@ -74274,6 +74392,7 @@ function copy_text(gobj, $text) {
 *  plan itself, so what is confirmed is what runs.
 ***************************************************************/
 function open_import(gobj, treedb) {
+	let model_gen = gobj.priv.model_gen;
 	let $content = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{ class: "SCHEMA_IMPORT box" },
@@ -74288,12 +74407,12 @@ function open_import(gobj, treedb) {
 			],
 			[
 				"textarea",
-				{
+				name_attrs("schema", {
 					class: "SCHEMA_IMPORT_TEXT textarea is-small is-family-monospace",
 					rows: "12",
 					spellcheck: "false",
 					placeholder: "{\"id\": \"...\", \"schema_version\": \"1\", \"topics\": []}"
-				},
+				}),
 				""
 			],
 			[
@@ -74326,10 +74445,10 @@ function open_import(gobj, treedb) {
 				[
 					[
 						"button",
-						{
+						name_attrs("cancel", {
 							class: "SCHEMA_IMPORT_CANCEL button",
 							type: "button"
-						},
+						}),
 						[[
 							"span",
 							{ i18n: "cancel" },
@@ -74338,10 +74457,10 @@ function open_import(gobj, treedb) {
 					],
 					[
 						"button",
-						{
+						name_attrs("preview", {
 							class: "SCHEMA_IMPORT_PREVIEW button",
 							type: "button"
-						},
+						}),
 						[[
 							"span",
 							{ class: "icon" },
@@ -74354,11 +74473,11 @@ function open_import(gobj, treedb) {
 					],
 					[
 						"button",
-						{
+						name_attrs("import", {
 							class: "SCHEMA_IMPORT_RUN button is-warning",
 							type: "button",
 							disabled: "disabled"
-						},
+						}),
 						[[
 							"span",
 							{ class: "icon" },
@@ -74385,18 +74504,31 @@ function open_import(gobj, treedb) {
 		evt.stopPropagation();
 		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_PREVIEW_IMPORT", {
 			text: $text.value,
-			prune: $prune.checked
+			prune: $prune.checked,
+			model_gen
 		}, gobj);
 	});
 	$run.addEventListener("click", (evt) => {
 		evt.stopPropagation();
-		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_APPLY_IMPORT", {}, gobj);
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_APPLY_IMPORT", { model_gen }, gobj);
 	});
 	gobj.priv.import_pane = $plan_pane;
 	gobj.priv.import_run = $run;
 	open_dialog(gobj, $content, "import", "SCHEMA_IMPORT_DIALOG", treedb.id);
 }
 /***************************************************************
+*  The plan is a list of writes computed against the model shown:
+*  a load replaces the model, so the plan goes with it and the
+*  dialog, if it stays up (a load that failed keeps the model),
+*  asks for a Preview again.
+***************************************************************/
+function forget_import_plan(gobj) {
+	let priv = gobj.priv;
+	priv.import_plan = null;
+	clear(priv.import_pane);
+	if (priv.import_run) priv.import_run.disabled = true;
+}
+/***************************************************************
 *  The plan, drawn where the paste is: one line per write, the
 *  deletions apart and counted, because they are what the
 *  operator is being asked about.
@@ -74523,7 +74655,8 @@ function open_orphans(gobj) {
 					{ class: "SCHEMA_ORPHAN_ACTIONS has-text-right" },
 					readonly ? [] : [row_icon(gobj, "SCHEMA_ORPHAN_DELETE", "yi-trash", "delete", "EV_DELETE_ORPHAN", {
 						kind,
-						id: entry.id
+						id: entry.id,
+						model_gen: priv.model_gen
 					})]
 				]
 			]
@@ -74695,6 +74828,10 @@ function transport_dropped(gobj) {
 		priv.load_round++;
 		priv.pending = 0;
 		priv.load_error = "";
+		if (priv.records_before) {
+			priv.records = priv.records_before;
+			priv.records_before = null;
+		}
 		return end_load(gobj);
 	}
 	return 0;
@@ -74705,11 +74842,22 @@ function transport_dropped(gobj) {
 *  in flight (ac_show() kept it), or the one it had. Without a
 *  model there is no screen to go to: the position is kept for the
 *  next load, and the editor says why it is empty.
+*
+*  A dialog built on the model this load REPLACED is closed, and the
+*  operator told to open it again: it shows the old record, and its
+*  Save would write every field of it over the newer one. A load
+*  that failed or never left replaced nothing (`model_gen` did not
+*  move), and the dialog stays with what was typed.
 ***************************************************************/
 function end_load(gobj) {
 	let priv = gobj.priv;
 	let seg = priv.pending_seg;
 	priv.pending_seg = null;
+	if (priv.dialog && priv.dialog_gen !== priv.model_gen) {
+		(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: a dialog was open on the schemas the load replaced: closed`);
+		close_dialog(gobj);
+		yui_shell_show_error(yui_shell_of(gobj), "the schemas were read again: open the dialog again", { t: i18next.t });
+	}
 	if (priv.model) {
 		if (seg !== null) return apply_seg(gobj, seg);
 		return go(gobj, priv.treedb_id, priv.topic_name, priv.diagram, false);
@@ -74727,26 +74875,21 @@ function end_load(gobj) {
 ***************************************************************/
 function end_writes(gobj, error) {
 	let priv = gobj.priv;
+	let seg = priv.pending_seg;
 	priv.save_queue = [];
+	priv.pending_seg = null;
 	(0, _yuneta_gobj_js.gobj_change_state)(gobj, priv.save_return || "ST_TREEDBS");
 	priv.save_return = "";
 	show_notice(gobj, "");
 	set_busy(gobj, false);
-	if (priv.pending_seg !== null) {
-		let seg = priv.pending_seg;
-		priv.pending_seg = null;
-		if (!error) {
-			apply_seg(gobj, seg);
-			if (priv.save_wrote) (0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_RECORD_WRITTEN", { treedb_name: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name") });
-			priv.save_wrote = false;
-			return reload_if_owed(gobj);
-		}
-	}
 	if (error) yui_shell_show_error(yui_shell_of(gobj), error, { t: i18next.t });
 	if (priv.save_wrote) (0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_RECORD_WRITTEN", { treedb_name: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name") });
 	priv.save_wrote = false;
-	render(gobj);
-	publish_check(gobj);
+	if (seg !== null) apply_seg(gobj, seg);
+	else {
+		render(gobj);
+		publish_check(gobj);
+	}
 	reload_if_owed(gobj);
 	return error ? -1 : 0;
 }
@@ -74763,7 +74906,7 @@ function reload_if_owed(gobj) {
 		priv.reload_on_open = true;
 		return 0;
 	}
-	return request_model(gobj);
+	return request_model(gobj, true);
 }
 /***************************************************************
 *  The record a column form produces.
@@ -74829,6 +74972,7 @@ function topic_record(gobj, treedb, topic, values) {
 ***************************************************************/
 function go(gobj, treedb_id, topic_name, diagram, mirror) {
 	let priv = gobj.priv;
+	priv.pending_seg = null;
 	priv.treedb_id = treedb_id || "";
 	priv.topic_name = topic_name || "";
 	priv.diagram = !!diagram;
@@ -74929,10 +75073,20 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 		else if (priv.records && Array.isArray(priv.records[topic_name])) priv.records[topic_name] = Array.isArray(data) ? data : [];
 		if (priv.pending > 0) return 0;
 		if (priv.load_error) {
+			if (priv.model) {
+				(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: the schemas could not be read again (${priv.load_error}): the previous ones stay`);
+				priv.records = priv.records_before;
+				priv.records_before = null;
+				priv.reload_on_open = true;
+				yui_shell_show_error(yui_shell_of(gobj), "cannot read the schemas again: the previous ones stay", { t: i18next.t });
+				return end_load(gobj);
+			}
 			priv.model = null;
 			return end_load(gobj);
 		}
 		priv.order_undo = {};
+		priv.records_before = null;
+		priv.model_gen++;
 		build_model(gobj);
 		start_measuring(gobj);
 		return end_load(gobj);
@@ -74945,7 +75099,7 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 				(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: '${command}' of '${topic_name}' answered for a write that is over (result ${result}): ignored`);
 				return 0;
 			}
-			return late_write_done(gobj, command, topic_name);
+			return late_write_done(gobj, command, topic_name, data);
 		}
 		if (result < 0) return end_writes(gobj, comment || (0, i18next.t)("the treedb refused the write"));
 		priv.save_wrote = true;
@@ -74954,9 +75108,19 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 			let record = (0, _yuneta_gobj_js.is_object)(data) ? data : Array.isArray(data) && (0, _yuneta_gobj_js.is_object)(data[0]) ? data[0] : null;
 			if (record) patch_record(gobj, topic_name, record);
 			else {
-				(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: '${command}' answered no record`);
+				let not_sent = priv.save_queue.length - 1;
+				(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: '${command}' answered no record` + (not_sent > 0 ? `: ${not_sent} write(s) after it were not sent` : ""));
+				if (not_sent > 0) yui_shell_show_error(yui_shell_of(gobj), "the treedb did not describe a write back: the writes after it were not sent", { t: i18next.t });
+				if (topic_name === T_TOPICS || topic_name === T_COLS) {
+					let write = priv.save_queue[0];
+					mark_written(gobj, topic_name, write ? write.record : null);
+				}
+				priv.reload_after_write = false;
 				priv.save_queue = [];
-				request_model(gobj);
+				priv.save_return = "";
+				priv.save_wrote = false;
+				(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_RECORD_WRITTEN", { treedb_name: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name") });
+				request_model(gobj, true);
 				return 0;
 			}
 		}
@@ -74983,11 +75147,18 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 *  the view was answered once, as failed -- and echoes the node
 *  event instead, which this view does not hear: there, Refresh is
 *  what reads the store.
+*
+*  It is a WRITE like any other for the host (EV_RECORD_WRITTEN):
+*  the host was told nothing when it was given up, and it owns the
+*  Save that publishes it. The reload keeps what this session wrote
+*  (request_model()), and the record it answered marks its topic.
 ***************************************************************/
-function late_write_done(gobj, command, topic_name) {
+function late_write_done(gobj, command, topic_name, data) {
 	let priv = gobj.priv;
 	let state = (0, _yuneta_gobj_js.gobj_current_state)(gobj);
 	(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: '${command}' of '${topic_name}' was given up, and it was DONE: the model is read again`);
+	mark_written_record(gobj, topic_name, (0, _yuneta_gobj_js.is_object)(data) ? data : Array.isArray(data) && (0, _yuneta_gobj_js.is_object)(data[0]) ? data[0] : null);
+	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_RECORD_WRITTEN", { treedb_name: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name") });
 	if (state === "ST_LOADING") return 0;
 	if (state === "ST_SAVING") {
 		priv.reload_after_write = true;
@@ -74997,7 +75168,29 @@ function late_write_done(gobj, command, topic_name) {
 		priv.reload_on_open = true;
 		return 0;
 	}
-	return request_model(gobj);
+	return request_model(gobj, true);
+}
+/***************************************************************
+*  The topic a record written belongs to, read off the RECORD and
+*  not off the screen: a write answered late may be about a topic
+*  the operator has left. A column names its topic in its fkey; a
+*  topic is its own id.
+*
+*  The fkey is read with parse_fkey_ref(), because the store answers
+*  in list_dict -- `[{topic_name, id, hook_name}]` -- and not in the
+*  `topics^<topic id>^cols` strings this view writes. Split as a
+*  string, every production answer marked nothing (fourth independent
+*  review, probe C).
+***************************************************************/
+function mark_written_record(gobj, topic_name, record) {
+	let priv = gobj.priv;
+	if (!record) return;
+	if (topic_name === T_TOPICS && typeof record.id === "string" && record.id) {
+		priv.written[record.id] = true;
+		return;
+	}
+	if (topic_name !== T_COLS) return;
+	for (let ref of parse_fkey_ref(record.topics)) priv.written[ref.id] = true;
 }
 /***************************************************************
 *  Remember which topic this write belongs to, which is what
@@ -75056,7 +75249,7 @@ function ac_transport_state(gobj, event, kw, src) {
 	}
 	if ((!priv.model || priv.reload_on_open) && state !== "ST_LOADING" && state !== "ST_SAVING") {
 		priv.reload_on_open = false;
-		return request_model(gobj);
+		return request_model(gobj, true);
 	}
 	render_toolbar(gobj);
 	return 0;
@@ -75071,7 +75264,30 @@ function ac_language_changed$1(gobj, event, kw, src) {
 	return 0;
 }
 function ac_refresh$1(gobj, event, kw, src) {
-	return request_model(gobj);
+	return request_model(gobj, false);
+}
+/***************************************************************
+*  What a DIALOG sends while the model is being read again: the
+*  Save of a form left open when the reload started, a
+*  confirmation, an import. The loading screen took the rest of
+*  the view away (request_model()); a dialog is the one thing the
+*  operator can still reach, and what it asks is computed against
+*  a model the answers in the air are about to replace.
+*
+*  Refused, and SAID. Undeclared, it answered "Event NOT DEFINED
+*  in state ST_LOADING" and the edit was gone with no word (third
+*  independent review).
+*
+*  And NOT "try again": the same Save, once the load was in, sent
+*  the form built on the old model -- every field of the old record
+*  over the newer one (fourth independent review). The load that
+*  lands closes such a dialog (end_load()); one that fails leaves it
+*  up, on the model it was built on.
+***************************************************************/
+function ac_wait_for_the_load(gobj, event, kw, src) {
+	(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} refused, the schemas are loading`);
+	yui_shell_show_error(yui_shell_of(gobj), "the schemas are loading: wait for them", { t: i18next.t });
+	return -1;
 }
 /***************************************************************
 *  {drafts: {treedb_name: [topic names]}} -- the host says which
@@ -75136,6 +75352,7 @@ function ac_show_orphans(gobj, event, kw, src) {
 *  to feed.
 ***************************************************************/
 function confirm_then(gobj, message, detail, kw) {
+	kw = Object.assign({ model_gen: gobj.priv.model_gen }, kw);
 	yui_shell_confirm_danger(yui_shell_of(gobj), message, {
 		t: i18next.t,
 		detail
@@ -75197,6 +75414,7 @@ function ac_save_column(gobj, event, kw, src) {
 	let topic = find_topic(priv.model, priv.treedb_id, kw.topic);
 	let col = kw.creating ? null : find_col(priv.model, priv.treedb_id, kw.topic, kw.col);
 	if (refuse_if_readonly(gobj, event)) return -1;
+	if (built_on_a_replaced_model(gobj, event, kw)) return -1;
 	if (!topic || !kw.creating && !col) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} names no column: ${kw.topic}.${kw.col}`);
 		return -1;
@@ -75318,6 +75536,7 @@ function ac_save_topic(gobj, event, kw, src) {
 	let treedb = current_treedb(gobj);
 	let topic = kw.creating ? null : find_topic(priv.model, priv.treedb_id, kw.topic);
 	if (refuse_if_readonly(gobj, event)) return -1;
+	if (built_on_a_replaced_model(gobj, event, kw)) return -1;
 	if (!treedb || !kw.creating && !topic) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} names no topic: ${kw.topic}`);
 		return -1;
@@ -75360,6 +75579,7 @@ function ac_delete_topic(gobj, event, kw, src) {
 ***************************************************************/
 function ac_delete_orphan(gobj, event, kw, src) {
 	if (refuse_if_readonly(gobj, event)) return -1;
+	if (built_on_a_replaced_model(gobj, event, kw)) return -1;
 	if ((0, _yuneta_gobj_js.empty_string)(kw.id)) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} names nothing`);
 		return -1;
@@ -75416,6 +75636,7 @@ function ac_preview_import(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let treedb = current_treedb(gobj);
 	let incoming = null;
+	if (built_on_a_replaced_model(gobj, event, kw)) return -1;
 	if (!treedb) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} with no treedb open`);
 		return -1;
@@ -75443,6 +75664,7 @@ function ac_preview_import(gobj, event, kw, src) {
 function ac_apply_import(gobj, event, kw, src) {
 	let plan = gobj.priv.import_plan;
 	if (refuse_if_readonly(gobj, event)) return -1;
+	if (built_on_a_replaced_model(gobj, event, kw)) return -1;
 	if (!plan || plan.writes.length === 0) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} with no plan to run`);
 		return -1;
@@ -75485,6 +75707,7 @@ function run_import(gobj) {
 function ac_confirmed(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	if (refuse_if_readonly(gobj, event)) return -1;
+	if (built_on_a_replaced_model(gobj, event, kw)) return -1;
 	if (kw.what === "import") return run_import(gobj);
 	if (kw.what === "topic") {
 		let topic = find_topic(priv.model, priv.treedb_id, kw.topic);
@@ -75619,7 +75842,38 @@ function create_gclass$1(gclass_name) {
 	];
 	const states = [
 		["ST_IDLE", COMMON.slice()],
-		["ST_LOADING", COMMON.slice()],
+		["ST_LOADING", COMMON.concat([
+			[
+				"EV_SAVE_COLUMN",
+				ac_wait_for_the_load,
+				null
+			],
+			[
+				"EV_SAVE_TOPIC",
+				ac_wait_for_the_load,
+				null
+			],
+			[
+				"EV_DELETE_ORPHAN",
+				ac_wait_for_the_load,
+				null
+			],
+			[
+				"EV_PREVIEW_IMPORT",
+				ac_wait_for_the_load,
+				null
+			],
+			[
+				"EV_APPLY_IMPORT",
+				ac_wait_for_the_load,
+				null
+			],
+			[
+				"EV_CONFIRMED",
+				ac_wait_for_the_load,
+				null
+			]
+		])],
 		["ST_EMPTY", COMMON.slice()],
 		["ST_TREEDBS", COMMON.concat([
 			[