@yuneta/gobj-ui 7.23.76 → 7.23.78

package/README.md

@@ -1250,7 +1250,12 @@ a level or two, with a count on every cut.
 - **The toolbar's fold pair** (the same two chevrons as the JSON graph):
   *expand all* opens every hook on all its children — the reader asking for
   the pile on purpose — and *collapse all* leaves the roots. *Refresh* is the
-  way back to the default depth.
+  way back to the default depth. **Neither moves the zoom** (since `7.23.78`):
+  a fold is not a reason to change the scale the reader chose, and until then
+  both fitted the whole graph — opening everything zoomed out to a strip and
+  closing it zoomed in on the roots, every time. The camera holds the anchor
+  still when there is one, else the first root: the top of the tree, which is
+  where a JSON viewer keeps the eye when it opens or closes everything.
 - **`dagre` reads LEFT TO RIGHT** now, with explicit `nodesep`/`ranksep`: the
   children of a node are a column beside it and the graph reads like a file
   tree. The ports move to the sides with it (fkeys on the left edge, hooks

package/dist/gobj-ui.cjs.js

@@ -59312,6 +59312,42 @@ function copy_size_to_ports(gobj, same_topic_only) {
 ***************************/
 var PILL_ROW_HEIGHT = 24;
 var MORE_CHIP_SIZE = [76, 26];
+var MORE_CHIP_SIZE_COMPACT = [40, 22];
+function more_chip_is_compact(gobj, nd) {
+	let parent_id = nd && nd.data ? nd.data.parent_node : "";
+	if (parent_id) return node_is_compact(gobj, parent_id);
+	return (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "node_mode") === "compact";
+}
+function more_chip_style(gobj, nd, color, rest) {
+	let compact = more_chip_is_compact(gobj, nd);
+	let size = compact ? MORE_CHIP_SIZE_COMPACT : MORE_CHIP_SIZE;
+	return {
+		size: [...size],
+		dx: -size[0] / 2,
+		dy: -size[1] / 2,
+		innerHTML: build_more_innerHTML(color, gobj.priv.theme, rest, compact)
+	};
+}
+function reshape_more_chips(gobj) {
+	let priv = gobj.priv;
+	let graph = priv.graph;
+	if (!graph) return;
+	let updates = [];
+	for (let nd of graph.getNodeData() || []) {
+		if (!is_more_node(nd)) continue;
+		let child_desc = priv.descs ? priv.descs[nd.data.child_topic] : null;
+		let color = child_desc && child_desc.color || "#94a3b8";
+		updates.push({
+			id: nd.id,
+			style: more_chip_style(gobj, nd, color, nd.data.rest)
+		});
+	}
+	if (updates.length) try {
+		graph.updateNodeData(updates);
+	} catch (e) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: cannot reshape the +N chips: ${e}`);
+	}
+}
 /************************************************************
 *  The three card sizes, with room for the pill row when there
 *  is one. A chip (pure child) never has pills: it has no hooks.
@@ -59405,25 +59441,26 @@ function pills_signature(gobj, node_key) {
 *  the one WORD of the folding, and it is translated at build
 *  time: the chips are rebuilt on a language change.
 ************************************************************/
-function build_more_innerHTML(color, theme, rest) {
+function build_more_innerHTML(color, theme, rest, compact) {
 	let c = pill_colors(color, theme);
+	let tail = compact ? "" : `<span style="font-size: 10px; opacity: .8;">&#8230;</span>`;
 	return `
 <div class="TREEDB_MORE" title="${(0, _yuneta_gobj_js.escapeHtml)((0, i18next.t)("show more"))}" style="
     box-sizing: border-box; width: 100%; height: 100%;
     display: flex; align-items: center; justify-content: center; gap: 4px;
     background: ${c.bg}; color: ${c.fg}; border: 1px dashed ${c.border};
-    border-radius: 13px;
+    border-radius: ${compact ? "6px" : "13px"};
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-    font-size: 12px; font-weight: 700; line-height: 1;
+    font-size: ${compact ? "10px" : "12px"}; font-weight: 700; line-height: 1;
     cursor: pointer; user-select: none;
-">+${rest}<span style="font-size: 10px; opacity: .8;">&#8230;</span></div>
+">+${rest}${tail}</div>
 `;
 }
 function more_innerHTML_of(gobj, nd, theme) {
 	if (!is_more_node(nd)) return null;
 	let priv = gobj.priv;
 	let child_desc = priv.descs ? priv.descs[nd.data.child_topic] : null;
-	return build_more_innerHTML(child_desc && child_desc.color || "#94a3b8", theme, nd.data.rest);
+	return build_more_innerHTML(child_desc && child_desc.color || "#94a3b8", theme, nd.data.rest, more_chip_is_compact(gobj, nd));
 }
 /************************************************************
 *  The pills live inside an `innerHTML` string, so no handler can
@@ -59648,28 +59685,31 @@ async function reconcile_fold_apply(gobj, opts, visible) {
 				nd.data.rest = p.rest;
 				graph.updateNodeData([{
 					id,
-					style: { innerHTML: build_more_innerHTML(color, priv.theme, p.rest) }
+					style: { innerHTML: build_more_innerHTML(color, priv.theme, p.rest, more_chip_is_compact(gobj, nd)) }
 				}]);
 			}
 			continue;
 		}
 		let xy = get_default_ne_xy(gobj);
+		let parent_node = "";
+		if (p.node_key) {
+			let parent = model.nodes.get(p.node_key);
+			parent_node = build_node_name(gobj, parent.topic_name, parent.id);
+		}
+		let chip_data = {
+			more: p.group_key,
+			child_topic,
+			rest: p.rest,
+			parent_node
+		};
 		graph.addNodeData([{
 			id,
 			type: "html",
-			style: {
+			style: Object.assign({
 				x: xy,
-				y: xy,
-				size: [...MORE_CHIP_SIZE],
-				dx: -MORE_CHIP_SIZE[0] / 2,
-				dy: -MORE_CHIP_SIZE[1] / 2,
-				innerHTML: build_more_innerHTML(color, priv.theme, p.rest)
-			},
-			data: {
-				more: p.group_key,
-				child_topic,
-				rest: p.rest
-			}
+				y: xy
+			}, more_chip_style(gobj, { data: chip_data }, color, p.rest)),
+			data: chip_data
 		}]);
 		if (p.node_key) {
 			let parent = model.nodes.get(p.node_key);
@@ -60235,11 +60275,36 @@ function ac_expand_all$1(gobj, event, kw, src) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: expand all with no tree loaded`);
 		return -1;
 	}
+	let keep = fold_keep_node(gobj);
+	let vp = yui_graph_viewport_of(priv.graph, keep);
 	fold_expand_all(priv._fold_model, priv._fold_state);
-	reconcile_fold(gobj, { fit: true });
+	reconcile_fold(gobj, {
+		keep,
+		keep_vp: vp
+	});
 	return 0;
 }
 /************************************************************
+*  The node the camera holds still across a GLOBAL fold: the
+*  anchor when there is one, else the first root -- the top of
+*  the tree, which is where a JSON viewer keeps the eye when it
+*  opens or closes everything. The zoom does not move either way:
+*  a fold is not a reason to change the scale the reader chose,
+*  and until 7.23.78 both buttons fitted the whole graph, so
+*  opening everything zoomed out to a strip and closing it zoomed
+*  in on the roots, every time.
+************************************************************/
+function fold_keep_node(gobj) {
+	let priv = gobj.priv;
+	if (priv.anchor_state === "on" && priv.anchor_id) return priv.anchor_id;
+	let model = priv._fold_model;
+	for (let topic_name of model.topics) {
+		let roots = model.groups.get(fold_root_group_key(topic_name)) || [];
+		if (roots.length) return node_id_of_key(gobj, roots[0]);
+	}
+	return "";
+}
+/************************************************************
 *  The roots alone.
 ************************************************************/
 function ac_collapse_all$1(gobj, event, kw, src) {
@@ -60248,8 +60313,13 @@ function ac_collapse_all$1(gobj, event, kw, src) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: collapse all with no tree loaded`);
 		return -1;
 	}
+	let keep = fold_keep_node(gobj);
+	let vp = yui_graph_viewport_of(priv.graph, keep);
 	fold_collapse_all(priv._fold_model, priv._fold_state);
-	reconcile_fold(gobj, { fit: true });
+	reconcile_fold(gobj, {
+		keep,
+		keep_vp: vp
+	});
 	return 0;
 }
 /************************************************************
@@ -60303,6 +60373,7 @@ function ac_set_node_mode(gobj, event, kw, src) {
 	priv._open_nodes = /* @__PURE__ */ new Set();
 	if (!priv.graph || !priv._fold_model) return 0;
 	reshape_nodes(gobj, all_record_node_ids(gobj));
+	reshape_more_chips(gobj);
 	reconcile_fold(gobj, {
 		relayout: true,
 		fit: true
@@ -60338,6 +60409,7 @@ function ac_toggle_node_mode$1(gobj, event, kw, src) {
 	else priv._open_nodes.add(node_id);
 	let vp = yui_graph_viewport_of(priv.graph, node_id);
 	reshape_nodes(gobj, [node_id]);
+	reshape_more_chips(gobj);
 	if (priv._fold_model) reconcile_fold(gobj, {
 		relayout: true,
 		keep: node_id,

package/dist/gobj-ui.es.js

@@ -59307,6 +59307,42 @@ function copy_size_to_ports(gobj, same_topic_only) {
 ***************************/
 var PILL_ROW_HEIGHT = 24;
 var MORE_CHIP_SIZE = [76, 26];
+var MORE_CHIP_SIZE_COMPACT = [40, 22];
+function more_chip_is_compact(gobj, nd) {
+	let parent_id = nd && nd.data ? nd.data.parent_node : "";
+	if (parent_id) return node_is_compact(gobj, parent_id);
+	return gobj_read_str_attr(gobj, "node_mode") === "compact";
+}
+function more_chip_style(gobj, nd, color, rest) {
+	let compact = more_chip_is_compact(gobj, nd);
+	let size = compact ? MORE_CHIP_SIZE_COMPACT : MORE_CHIP_SIZE;
+	return {
+		size: [...size],
+		dx: -size[0] / 2,
+		dy: -size[1] / 2,
+		innerHTML: build_more_innerHTML(color, gobj.priv.theme, rest, compact)
+	};
+}
+function reshape_more_chips(gobj) {
+	let priv = gobj.priv;
+	let graph = priv.graph;
+	if (!graph) return;
+	let updates = [];
+	for (let nd of graph.getNodeData() || []) {
+		if (!is_more_node(nd)) continue;
+		let child_desc = priv.descs ? priv.descs[nd.data.child_topic] : null;
+		let color = child_desc && child_desc.color || "#94a3b8";
+		updates.push({
+			id: nd.id,
+			style: more_chip_style(gobj, nd, color, nd.data.rest)
+		});
+	}
+	if (updates.length) try {
+		graph.updateNodeData(updates);
+	} catch (e) {
+		log_error(`${gobj_short_name(gobj)}: cannot reshape the +N chips: ${e}`);
+	}
+}
 /************************************************************
 *  The three card sizes, with room for the pill row when there
 *  is one. A chip (pure child) never has pills: it has no hooks.
@@ -59400,25 +59436,26 @@ function pills_signature(gobj, node_key) {
 *  the one WORD of the folding, and it is translated at build
 *  time: the chips are rebuilt on a language change.
 ************************************************************/
-function build_more_innerHTML(color, theme, rest) {
+function build_more_innerHTML(color, theme, rest, compact) {
 	let c = pill_colors(color, theme);
+	let tail = compact ? "" : `<span style="font-size: 10px; opacity: .8;">&#8230;</span>`;
 	return `
 <div class="TREEDB_MORE" title="${escapeHtml(t("show more"))}" style="
     box-sizing: border-box; width: 100%; height: 100%;
     display: flex; align-items: center; justify-content: center; gap: 4px;
     background: ${c.bg}; color: ${c.fg}; border: 1px dashed ${c.border};
-    border-radius: 13px;
+    border-radius: ${compact ? "6px" : "13px"};
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-    font-size: 12px; font-weight: 700; line-height: 1;
+    font-size: ${compact ? "10px" : "12px"}; font-weight: 700; line-height: 1;
     cursor: pointer; user-select: none;
-">+${rest}<span style="font-size: 10px; opacity: .8;">&#8230;</span></div>
+">+${rest}${tail}</div>
 `;
 }
 function more_innerHTML_of(gobj, nd, theme) {
 	if (!is_more_node(nd)) return null;
 	let priv = gobj.priv;
 	let child_desc = priv.descs ? priv.descs[nd.data.child_topic] : null;
-	return build_more_innerHTML(child_desc && child_desc.color || "#94a3b8", theme, nd.data.rest);
+	return build_more_innerHTML(child_desc && child_desc.color || "#94a3b8", theme, nd.data.rest, more_chip_is_compact(gobj, nd));
 }
 /************************************************************
 *  The pills live inside an `innerHTML` string, so no handler can
@@ -59643,28 +59680,31 @@ async function reconcile_fold_apply(gobj, opts, visible) {
 				nd.data.rest = p.rest;
 				graph.updateNodeData([{
 					id,
-					style: { innerHTML: build_more_innerHTML(color, priv.theme, p.rest) }
+					style: { innerHTML: build_more_innerHTML(color, priv.theme, p.rest, more_chip_is_compact(gobj, nd)) }
 				}]);
 			}
 			continue;
 		}
 		let xy = get_default_ne_xy(gobj);
+		let parent_node = "";
+		if (p.node_key) {
+			let parent = model.nodes.get(p.node_key);
+			parent_node = build_node_name(gobj, parent.topic_name, parent.id);
+		}
+		let chip_data = {
+			more: p.group_key,
+			child_topic,
+			rest: p.rest,
+			parent_node
+		};
 		graph.addNodeData([{
 			id,
 			type: "html",
-			style: {
+			style: Object.assign({
 				x: xy,
-				y: xy,
-				size: [...MORE_CHIP_SIZE],
-				dx: -MORE_CHIP_SIZE[0] / 2,
-				dy: -MORE_CHIP_SIZE[1] / 2,
-				innerHTML: build_more_innerHTML(color, priv.theme, p.rest)
-			},
-			data: {
-				more: p.group_key,
-				child_topic,
-				rest: p.rest
-			}
+				y: xy
+			}, more_chip_style(gobj, { data: chip_data }, color, p.rest)),
+			data: chip_data
 		}]);
 		if (p.node_key) {
 			let parent = model.nodes.get(p.node_key);
@@ -60230,11 +60270,36 @@ function ac_expand_all$1(gobj, event, kw, src) {
 		log_error(`${gobj_short_name(gobj)}: expand all with no tree loaded`);
 		return -1;
 	}
+	let keep = fold_keep_node(gobj);
+	let vp = yui_graph_viewport_of(priv.graph, keep);
 	fold_expand_all(priv._fold_model, priv._fold_state);
-	reconcile_fold(gobj, { fit: true });
+	reconcile_fold(gobj, {
+		keep,
+		keep_vp: vp
+	});
 	return 0;
 }
 /************************************************************
+*  The node the camera holds still across a GLOBAL fold: the
+*  anchor when there is one, else the first root -- the top of
+*  the tree, which is where a JSON viewer keeps the eye when it
+*  opens or closes everything. The zoom does not move either way:
+*  a fold is not a reason to change the scale the reader chose,
+*  and until 7.23.78 both buttons fitted the whole graph, so
+*  opening everything zoomed out to a strip and closing it zoomed
+*  in on the roots, every time.
+************************************************************/
+function fold_keep_node(gobj) {
+	let priv = gobj.priv;
+	if (priv.anchor_state === "on" && priv.anchor_id) return priv.anchor_id;
+	let model = priv._fold_model;
+	for (let topic_name of model.topics) {
+		let roots = model.groups.get(fold_root_group_key(topic_name)) || [];
+		if (roots.length) return node_id_of_key(gobj, roots[0]);
+	}
+	return "";
+}
+/************************************************************
 *  The roots alone.
 ************************************************************/
 function ac_collapse_all$1(gobj, event, kw, src) {
@@ -60243,8 +60308,13 @@ function ac_collapse_all$1(gobj, event, kw, src) {
 		log_error(`${gobj_short_name(gobj)}: collapse all with no tree loaded`);
 		return -1;
 	}
+	let keep = fold_keep_node(gobj);
+	let vp = yui_graph_viewport_of(priv.graph, keep);
 	fold_collapse_all(priv._fold_model, priv._fold_state);
-	reconcile_fold(gobj, { fit: true });
+	reconcile_fold(gobj, {
+		keep,
+		keep_vp: vp
+	});
 	return 0;
 }
 /************************************************************
@@ -60298,6 +60368,7 @@ function ac_set_node_mode(gobj, event, kw, src) {
 	priv._open_nodes = /* @__PURE__ */ new Set();
 	if (!priv.graph || !priv._fold_model) return 0;
 	reshape_nodes(gobj, all_record_node_ids(gobj));
+	reshape_more_chips(gobj);
 	reconcile_fold(gobj, {
 		relayout: true,
 		fit: true
@@ -60333,6 +60404,7 @@ function ac_toggle_node_mode$1(gobj, event, kw, src) {
 	else priv._open_nodes.add(node_id);
 	let vp = yui_graph_viewport_of(priv.graph, node_id);
 	reshape_nodes(gobj, [node_id]);
+	reshape_more_chips(gobj);
 	if (priv._fold_model) reconcile_fold(gobj, {
 		relayout: true,
 		keep: node_id,

package/package.json

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

package/src/c_g6_nodes_tree.js

@@ -124,6 +124,7 @@ import {
     fold_pending_groups,
     fold_node_key,
     fold_split_group_key,
+    fold_root_group_key,
 } from "./treedb_fold_model.js";
 import {layout_tree, layout_radial} from "./treedb_layout.js";
 
@@ -7666,6 +7667,61 @@ function copy_size_to_ports(gobj, same_topic_only)
 /*  A card with pills is this much taller; the row sits under the subtitle.  */
 const PILL_ROW_HEIGHT = 24;
 const MORE_CHIP_SIZE = [76, 26];
+/*  The chip beside CLOSED nodes: a square of 22 next to a chip of 76
+ *  read as the biggest thing in the row, so it takes the closed
+ *  scale -- the count and nothing else.  */
+const MORE_CHIP_SIZE_COMPACT = [40, 22];
+
+/*  A `+N` chip follows the shape of the card it continues: closed
+ *  beside a square, open beside a card. A root group's chip has no
+ *  parent and follows the mode.  */
+function more_chip_is_compact(gobj, nd)
+{
+    let parent_id = nd && nd.data? nd.data.parent_node : "";
+    if(parent_id) {
+        return node_is_compact(gobj, parent_id);
+    }
+    return gobj_read_str_attr(gobj, "node_mode") === "compact";
+}
+
+function more_chip_style(gobj, nd, color, rest)
+{
+    let compact = more_chip_is_compact(gobj, nd);
+    let size = compact? MORE_CHIP_SIZE_COMPACT : MORE_CHIP_SIZE;
+    return {
+        size: [...size],
+        dx: -size[0] / 2,
+        dy: -size[1] / 2,
+        innerHTML: build_more_innerHTML(color, gobj.priv.theme, rest, compact),
+    };
+}
+
+/*  Every `+N` chip re-sized to the shape of its parent: after a
+ *  change of mode, or of one node.  */
+function reshape_more_chips(gobj)
+{
+    let priv = gobj.priv;
+    let graph = priv.graph;
+    if(!graph) {
+        return;
+    }
+    let updates = [];
+    for(let nd of (graph.getNodeData() || [])) {
+        if(!is_more_node(nd)) {
+            continue;
+        }
+        let child_desc = priv.descs? priv.descs[nd.data.child_topic] : null;
+        let color = (child_desc && child_desc.color) || "#94a3b8";
+        updates.push({id: nd.id, style: more_chip_style(gobj, nd, color, nd.data.rest)});
+    }
+    if(updates.length) {
+        try {
+            graph.updateNodeData(updates);
+        } catch(e) {
+            log_error(`${gobj_short_name(gobj)}: cannot reshape the +N chips: ${e}`);
+        }
+    }
+}
 
 /************************************************************
  *  The three card sizes, with room for the pill row when there
@@ -7805,19 +7861,20 @@ function pills_signature(gobj, node_key)
  *  the one WORD of the folding, and it is translated at build
  *  time: the chips are rebuilt on a language change.
  ************************************************************/
-function build_more_innerHTML(color, theme, rest)
+function build_more_innerHTML(color, theme, rest, compact)
 {
     let c = pill_colors(color, theme);
+    let tail = compact? "" : `<span style="font-size: 10px; opacity: .8;">&#8230;</span>`;
     return `
 <div class="TREEDB_MORE" title="${escapeHtml(t('show more'))}" style="
     box-sizing: border-box; width: 100%; height: 100%;
     display: flex; align-items: center; justify-content: center; gap: 4px;
     background: ${c.bg}; color: ${c.fg}; border: 1px dashed ${c.border};
-    border-radius: 13px;
+    border-radius: ${compact? "6px" : "13px"};
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-    font-size: 12px; font-weight: 700; line-height: 1;
+    font-size: ${compact? "10px" : "12px"}; font-weight: 700; line-height: 1;
     cursor: pointer; user-select: none;
-">+${rest}<span style="font-size: 10px; opacity: .8;">&#8230;</span></div>
+">+${rest}${tail}</div>
 `;
 }
 
@@ -7829,7 +7886,7 @@ function more_innerHTML_of(gobj, nd, theme)
     let priv = gobj.priv;
     let child_desc = priv.descs? priv.descs[nd.data.child_topic] : null;
     let color = (child_desc && child_desc.color) || "#94a3b8";
-    return build_more_innerHTML(color, theme, nd.data.rest);
+    return build_more_innerHTML(color, theme, nd.data.rest, more_chip_is_compact(gobj, nd));
 }
 
 /************************************************************
@@ -8147,27 +8204,30 @@ async function reconcile_fold_apply(gobj, opts, visible)
                 nd.data.rest = p.rest;
                 graph.updateNodeData([{
                     id: id,
-                    style: {innerHTML: build_more_innerHTML(color, priv.theme, p.rest)},
+                    style: {innerHTML: build_more_innerHTML(
+                        color, priv.theme, p.rest, more_chip_is_compact(gobj, nd)
+                    )},
                 }]);
             }
             continue;
         }
         let xy = get_default_ne_xy(gobj);
+        let parent_node = "";
+        if(p.node_key) {
+            let parent = model.nodes.get(p.node_key);
+            parent_node = build_node_name(gobj, parent.topic_name, parent.id);
+        }
+        let chip_data = {
+            more: p.group_key,
+            child_topic: child_topic,
+            rest: p.rest,
+            parent_node: parent_node,
+        };
         graph.addNodeData([{
             id: id,
             type: 'html',
-            style: {
-                x: xy, y: xy,
-                size: [...MORE_CHIP_SIZE],
-                dx: -MORE_CHIP_SIZE[0] / 2,
-                dy: -MORE_CHIP_SIZE[1] / 2,
-                innerHTML: build_more_innerHTML(color, priv.theme, p.rest),
-            },
-            data: {
-                more: p.group_key,
-                child_topic: child_topic,
-                rest: p.rest,
-            },
+            style: Object.assign({x: xy, y: xy}, more_chip_style(gobj, {data: chip_data}, color, p.rest)),
+            data: chip_data,
         }]);
         if(p.node_key) {
             let parent = model.nodes.get(p.node_key);
@@ -9020,12 +9080,41 @@ function ac_expand_all(gobj, event, kw, src)
         log_error(`${gobj_short_name(gobj)}: expand all with no tree loaded`);
         return -1;
     }
+    let keep = fold_keep_node(gobj);
+    let vp = yui_graph_viewport_of(priv.graph, keep);
     fold_expand_all(priv._fold_model, priv._fold_state);
-    reconcile_fold(gobj, {fit: true});
+    reconcile_fold(gobj, {keep: keep, keep_vp: vp});
 
     return 0;
 }
 
+/************************************************************
+ *  The node the camera holds still across a GLOBAL fold: the
+ *  anchor when there is one, else the first root -- the top of
+ *  the tree, which is where a JSON viewer keeps the eye when it
+ *  opens or closes everything. The zoom does not move either way:
+ *  a fold is not a reason to change the scale the reader chose,
+ *  and until 7.23.78 both buttons fitted the whole graph, so
+ *  opening everything zoomed out to a strip and closing it zoomed
+ *  in on the roots, every time.
+ ************************************************************/
+function fold_keep_node(gobj)
+{
+    let priv = gobj.priv;
+
+    if(priv.anchor_state === "on" && priv.anchor_id) {
+        return priv.anchor_id;
+    }
+    let model = priv._fold_model;
+    for(let topic_name of model.topics) {
+        let roots = model.groups.get(fold_root_group_key(topic_name)) || [];
+        if(roots.length) {
+            return node_id_of_key(gobj, roots[0]);
+        }
+    }
+    return "";
+}
+
 /************************************************************
  *  The roots alone.
  ************************************************************/
@@ -9037,8 +9126,10 @@ function ac_collapse_all(gobj, event, kw, src)
         log_error(`${gobj_short_name(gobj)}: collapse all with no tree loaded`);
         return -1;
     }
+    let keep = fold_keep_node(gobj);
+    let vp = yui_graph_viewport_of(priv.graph, keep);
     fold_collapse_all(priv._fold_model, priv._fold_state);
-    reconcile_fold(gobj, {fit: true});
+    reconcile_fold(gobj, {keep: keep, keep_vp: vp});
 
     return 0;
 }
@@ -9113,6 +9204,7 @@ function ac_set_node_mode(gobj, event, kw, src)
         return 0;       /*  applied when the records arrive  */
     }
     reshape_nodes(gobj, all_record_node_ids(gobj));
+    reshape_more_chips(gobj);
     reconcile_fold(gobj, {relayout: true, fit: true});
     return 0;
 }
@@ -9159,6 +9251,7 @@ function ac_toggle_node_mode(gobj, event, kw, src)
     }
     let vp = yui_graph_viewport_of(priv.graph, node_id);
     reshape_nodes(gobj, [node_id]);
+    reshape_more_chips(gobj);
     if(priv._fold_model) {
         reconcile_fold(gobj, {relayout: true, keep: node_id, keep_vp: vp});
     }