@yuneta/gobj-ui 7.23.52 → 7.23.54

package/dist/gobj-ui.cjs.js

@@ -6356,6 +6356,7 @@ var attrs_table$16 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "pkey", 0, "id", "Primary key field name, used by form_mode"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "topic_name", 0, "", "Treedb topic name: labels use the i18n cascade '<topic>.<col>' -> '<col>' -> header (like table headers)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "editable", 0, false, "Default is editable, set false to readonly"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "readonly", 0, false, "Show EVERY field read-only, whatever its schema says: a record being LOOKED at, not edited. Independent of `editable`, which drives the TABLE rendering; this one drives the FORM"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "selectable", 0, true, "Rows selectable with 'click' (BAD with editable=true)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "with_checkbox", 0, false, "Show a first column with checkbox to select rows"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "with_rownum", 0, false, "Print first column with row number"),
@@ -6759,7 +6760,7 @@ function build_form_field_conf(gobj, field_desc) {
 		placeholder: "",
 		options: [],
 		extras: {},
-		readonly: !field_desc.is_writable,
+		readonly: (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "readonly") || !field_desc.is_writable,
 		required: field_desc.is_required,
 		hidden: field_desc.is_hidden,
 		default_value: field_desc.default_value
@@ -6811,6 +6812,7 @@ function build_form_field_conf(gobj, field_desc) {
 			field_conf.options = get_fkey_select_options(gobj, field_desc);
 			break;
 		case "image":
+		case "icon":
 		case "string":
 			field_conf.tag = "input";
 			field_conf.inputType = "text";
@@ -7728,6 +7730,7 @@ function template2columns(gobj, columns, template, sub_elements) {
 			case "hook": break;
 			case "fkey": break;
 			case "image":
+			case "icon":
 			case "string":
 				column.editor = "input";
 				column.editorParams = {
@@ -8166,6 +8169,7 @@ function treedb_value_2_form_value(gobj, field_desc, value) {
 		case "date":
 		case "color":
 		case "image":
+		case "icon":
 		case "tel":
 		case "template":
 		case "table":
@@ -8258,6 +8262,7 @@ function form_value_2_treedb_value(gobj, field_desc, value) {
 		case "date":
 		case "color":
 		case "image":
+		case "icon":
 		case "tel": break;
 		case "template":
 			if ((0, _yuneta_gobj_js.is_string)(value)) try {
@@ -22658,6 +22663,182 @@ function yui_table_filter_clear(table) {
 	});
 }
 //#endregion
+//#region src/lib_icons.js
+/*********************************************************
+*      lib_icons.js
+*
+*      Two icon systems are managed here:
+*
+*      1. FA-style CSS icons (yui_icons.css)
+*         Usage: <i class="yi-save"></i>
+*         Color: inherits currentColor from parent via CSS mask.
+*
+*      2. SVG symbol icons for G6 toolbar (and any other component
+*         that uses <use xlink:href="#id">).
+*         Symbols are injected once into the DOM.
+*         All symbol ids are prefixed with "g6-icon-" to avoid
+*         conflicts with other DOM elements.
+*         Icon paths come from:
+*           fontawesome-free-7.1.0-web/sprites/solid.svg
+*
+*         G6 toolbar items are managed via CSS class names (className
+*         field in getItems()) using YuiToolbar in c_g6_nodes_tree.js.
+*         This lets lib_graph.js state functions (set_submit_state,
+*         disableElements, …) work on toolbar icons exactly like on
+*         regular Bulma/FA buttons — no icon-specific helpers needed.
+*
+*      Copyright (c) 2025-2026, ArtGins.
+*      All Rights Reserved.
+*********************************************************/
+var CUSTOM_SVG_ICONS_ID = "g6-custom-svgicons";
+var ICONS = `<svg xmlns="http://www.w3.org/2000/svg">
+    <!-- magnifying-glass-plus -->
+    <symbol id="g6-icon-zoom-in" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 112c-13.3 0-24 10.7-24 24l0 48-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l48 0 0 48c0 13.3 10.7 24 24 24s24-10.7 24-24l0-48 48 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-48 0 0-48c0-13.3-10.7-24-24-24z"/>
+    </symbol>
+    <!-- magnifying-glass-minus -->
+    <symbol id="g6-icon-zoom-out" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM136 184c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0z"/>
+    </symbol>
+    <!-- house (reset zoom: back to original 100% view) -->
+    <symbol id="g6-icon-home" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M277.8 8.6c-12.3-11.4-31.3-11.4-43.5 0l-224 208c-9.6 9-12.8 22.9-8 35.1S18.8 272 32 272l16 0 0 176c0 35.3 28.7 64 64 64l288 0c35.3 0 64-28.7 64-64l0-176 16 0c13.2 0 25-8.1 29.8-20.3s1.6-26.2-8-35.1l-224-208zM240 320l32 0c26.5 0 48 21.5 48 48l0 96-128 0 0-96c0-26.5 21.5-48 48-48z"/>
+    </symbol>
+    <!-- expand (zoom to fit) -->
+    <symbol id="g6-icon-fit" viewBox="0 0 448 512">
+        <path fill="currentColor" d="M32 32C14.3 32 0 46.3 0 64l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 32zM64 352c0-17.7-14.3-32-32-32S0 334.3 0 352l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96z"/>
+    </symbol>
+    <!-- fit to selection: the same corner brackets as the fit icon,
+         around a marked object. The two sit side by side in the
+         toolbar and have to read as a family, which a borrowed glyph
+         would not. (No backticks in here: the sprite lives inside a
+         template literal.) -->
+    <symbol id="g6-icon-fit-selection" viewBox="0 0 448 512">
+        <path fill="currentColor" d="M32 32C14.3 32 0 46.3 0 64l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 32zM64 352c0-17.7-14.3-32-32-32S0 334.3 0 352l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96z"/>
+        <rect fill="currentColor" x="144" y="176" width="160" height="160" rx="24"/>
+    </symbol>
+    <!-- crosshairs (center) -->
+    <symbol id="g6-icon-center" viewBox="0 0 576 512">
+        <path fill="currentColor" d="M288-16c17.7 0 32 14.3 32 32l0 18.3c98.1 14 175.7 91.6 189.7 189.7l18.3 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-18.3 0c-14 98.1-91.6 175.7-189.7 189.7l0 18.3c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-18.3C157.9 463.7 80.3 386.1 66.3 288L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l18.3 0C80.3 125.9 157.9 48.3 256 34.3L256 16c0-17.7 14.3-32 32-32zM131.2 288c12.7 62.7 62.1 112.1 124.8 124.8l0-12.8c0-17.7 14.3-32 32-32s32 14.3 32 32l0 12.8c62.7-12.7 112.1-62.1 124.8-124.8L432 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l12.8 0C432.1 161.3 382.7 111.9 320 99.2l0 12.8c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-12.8C193.3 111.9 143.9 161.3 131.2 224l12.8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-12.8 0zM288 208a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"/>
+    </symbol>
+    <!-- up-right-and-down-left-from-center (enter fullscreen) -->
+    <symbol id="g6-icon-fullscreen" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M344 0L488 0c13.3 0 24 10.7 24 24l0 144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87-39-39c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512L24 512c-13.3 0-24-10.7-24-24L0 344c0-9.7 5.8-18.5 14.8-22.2S34.1 320.2 41 327l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2S177.7 512 168 512z"/>
+    </symbol>
+    <!-- down-left-and-up-right-to-center (exit fullscreen) -->
+    <symbol id="g6-icon-fullscreen-exit" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M439.5 7c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2S450.2 240 440.5 240l-144 0c-13.3 0-24-10.7-24-24l0-144c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87zM72.5 272l144 0c13.3 0 24 10.7 24 24l0 144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87-39-39c-6.9-6.9-8.9-17.2-5.2-26.2S62.8 272 72.5 272z"/>
+    </symbol>
+    <!-- arrow-rotate-left (undo) -->
+    <symbol id="g6-icon-undo" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M256 64c-56.8 0-107.9 24.7-143.1 64l47.1 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 192c-17.7 0-32-14.3-32-32L0 32C0 14.3 14.3 0 32 0S64 14.3 64 32l0 54.7C110.9 33.6 179.5 0 256 0 397.4 0 512 114.6 512 256S397.4 512 256 512c-87 0-163.9-43.4-210.1-109.7-10.1-14.5-6.6-34.4 7.9-44.6s34.4-6.6 44.6 7.9c34.8 49.8 92.4 82.3 157.6 82.3 106 0 192-86 192-192S362 64 256 64z"/>
+    </symbol>
+    <!-- arrow-rotate-right (redo) -->
+    <symbol id="g6-icon-redo" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M436.7 74.7L448 85.4 448 32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l47.9 0-7.6-7.2c-.2-.2-.4-.4-.6-.6-75-75-196.5-75-271.5 0s-75 196.5 0 271.5 196.5 75 271.5 0c8.2-8.2 15.5-16.9 21.9-26.1 10.1-14.5 30.1-18 44.6-7.9s18 30.1 7.9 44.6c-8.5 12.2-18.2 23.8-29.1 34.7-100 100-262.1 100-362 0S-25 175 75 75c99.9-99.9 261.7-100 361.7-.3z"/>
+    </symbol>
+    <!-- pen (edit node) -->
+    <symbol id="g6-icon-edit" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M352.9 21.2L308 66.1 445.9 204 490.8 159.1C504.4 145.6 512 127.2 512 108s-7.6-37.6-21.2-51.1L455.1 21.2C441.6 7.6 423.2 0 404 0s-37.6 7.6-51.1 21.2zM274.1 100L58.9 315.1c-10.7 10.7-18.5 24.1-22.6 38.7L.9 481.6c-2.3 8.3 0 17.3 6.2 23.4s15.1 8.5 23.4 6.2l127.8-35.5c14.6-4.1 27.9-11.8 38.7-22.6L412 237.9 274.1 100z"/>
+    </symbol>
+    <!-- trash-can (delete) -->
+    <symbol id="g6-icon-delete" viewBox="0 0 448 512">
+        <path fill="currentColor" d="M136.7 5.9C141.1-7.2 153.3-16 167.1-16l113.9 0c13.8 0 26 8.8 30.4 21.9L320 32 416 32c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l96 0 8.7-26.1zM32 144l384 0 0 304c0 35.3-28.7 64-64 64L96 512c-35.3 0-64-28.7-64-64l0-304zm88 64c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24zm104 0c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24zm104 0c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24z"/>
+    </symbol>
+    <!-- link (link nodes) -->
+    <symbol id="g6-icon-link" viewBox="0 0 576 512">
+        <path fill="currentColor" d="M419.5 96c-16.6 0-32.7 4.5-46.8 12.7-15.8-16-34.2-29.4-54.5-39.5 28.2-24 64.1-37.2 101.3-37.2 86.4 0 156.5 70 156.5 156.5 0 41.5-16.5 81.3-45.8 110.6l-71.1 71.1c-29.3 29.3-69.1 45.8-110.6 45.8-86.4 0-156.5-70-156.5-156.5 0-1.5 0-3 .1-4.5 .5-17.7 15.2-31.6 32.9-31.1s31.6 15.2 31.1 32.9c0 .9 0 1.8 0 2.6 0 51.1 41.4 92.5 92.5 92.5 24.5 0 48-9.7 65.4-27.1l71.1-71.1c17.3-17.3 27.1-40.9 27.1-65.4 0-51.1-41.4-92.5-92.5-92.5zM275.2 173.3c-1.9-.8-3.8-1.9-5.5-3.1-12.6-6.5-27-10.2-42.1-10.2-24.5 0-48 9.7-65.4 27.1L91.1 258.2c-17.3 17.3-27.1 40.9-27.1 65.4 0 51.1 41.4 92.5 92.5 92.5 16.5 0 32.6-4.4 46.7-12.6 15.8 16 34.2 29.4 54.6 39.5-28.2 23.9-64 37.2-101.3 37.2-86.4 0-156.5-70-156.5-156.5 0-41.5 16.5-81.3 45.8-110.6l71.1-71.1c29.3-29.3 69.1-45.8 110.6-45.8 86.6 0 156.5 70.6 156.5 156.9 0 1.3 0 2.6 0 3.9-.4 17.7-15.1 31.6-32.8 31.2s-31.6-15.1-31.2-32.8c0-.8 0-1.5 0-2.3 0-33.7-18-63.3-44.8-79.6z"/>
+    </symbol>
+    <!-- link-slash (unlink) -->
+    <symbol id="g6-icon-unlink" viewBox="0 0 576 512">
+        <path fill="currentColor" d="M41-24.9c-9.4-9.4-24.6-9.4-33.9 0S-2.3-.3 7 9.1l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-122-122c4.2-3.4 8.3-7.1 12.1-10.9l71.1-71.1c29.3-29.3 45.8-69.1 45.8-110.6 0-86.4-70-156.5-156.5-156.5-37.3 0-73.1 13.3-101.3 37.2 20.3 10.1 38.7 23.5 54.5 39.5 14.1-8.3 30.2-12.7 46.8-12.7 51.1 0 92.5 41.4 92.5 92.5 0 24.5-9.7 48-27.1 65.4l-71.1 71.1c-3.9 3.9-8.1 7.4-12.6 10.5l-47.5-47.5c16.5-.9 29.7-14.4 30.2-31.1 0-1.3 0-2.6 0-3.9 0-86.3-69.9-156.9-156.5-156.9-19.2 0-37.9 3.5-55.5 10.2L41-24.9zM225.9 160c.6 0 1.1 0 1.7 0 15.1 0 29.5 3.7 42.1 10.2 1.8 1.2 3.6 2.3 5.5 3.1 26.8 16.3 44.8 45.9 44.8 79.6 0 .4 0 .8 0 1.2L225.9 160zM346.2 416L192 261.8c1.2 84.6 69.6 152.9 154.1 154.1zM139.7 209.5l-45.3-45.3-48.6 48.6c-29.3 29.3-45.8 69.1-45.8 110.6 0 86.4 70 156.5 156.5 156.5 37.2 0 73.1-13.3 101.3-37.2-20.3-10.1-38.8-23.5-54.6-39.5-14 8.2-30.1 12.6-46.7 12.6-51.1 0-92.5-41.4-92.5-92.5 0-24.5 9.7-48 27.1-65.4l48.6-48.6z"/>
+    </symbol>
+    <!-- play (run node) -->
+    <symbol id="g6-icon-run" viewBox="0 0 448 512">
+        <path fill="currentColor" d="M91.2 36.9c-12.4-6.8-27.4-6.5-39.6 .7S32 57.9 32 72l0 368c0 14.1 7.5 27.2 19.6 34.4s27.2 7.5 39.6 .7l336-184c12.8-7 20.8-20.5 20.8-35.1s-8-28.1-20.8-35.1l-336-184z"/>
+    </symbol>
+    <!-- clone (copy size to other nodes/ports) -->
+    <symbol id="g6-icon-resize" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M288 448l-224 0 0-224 48 0 0-64-48 0c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l224 0c35.3 0 64-28.7 64-64l0-48-64 0 0 48zm-64-96l224 0c35.3 0 64-28.7 64-64l0-224c0-35.3-28.7-64-64-64L224 0c-35.3 0-64 28.7-64 64l0 224c0 35.3 28.7 64 64 64z"/>
+    </symbol>
+    <!-- plus (create node). Deliberately NOT the FA7 solid plus:
+         its arms are ~14% of the width and read thin next to the
+         other solid glyphs. Bold geometric plus (~23% arm
+         thickness) with long arms (32..480) so it reads as a "+",
+         not a stubby Red-Cross square. -->
+    <symbol id="g6-icon-plus" viewBox="0 0 512 512">
+        <path fill="currentColor" d="M316 32 L316 196 L480 196 L480 316 L316 316 L316 480 L196 480 L196 316 L32 316 L32 196 L196 196 L196 32 Z"/>
+    </symbol>
+    <!-- ellipsis-vertical (unfold the floating toolbar).
+         The strip it stands for is a vertical stack, and a vertical
+         ellipsis is what "there is more of this here" is drawn as
+         everywhere else. -->
+    <symbol id="g6-icon-toolbar-show" viewBox="0 0 128 512">
+        <path fill="currentColor" d="M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z"/>
+    </symbol>
+    <!-- xmark (fold the floating toolbar away).
+         Not a chevron: the two toolbars sit on OPPOSITE edges, so a
+         direction would point the wrong way on one of them. What the
+         button does is close an overlay, and that is an x. -->
+    <symbol id="g6-icon-toolbar-hide" viewBox="0 0 384 512">
+        <path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
+    </symbol>
+    <!-- dashed marquee (selection mode).
+         The band ITSELF, because that is what the button turns on: a
+         drag on the canvas draws one and a tap picks a card. Not the
+         fit-to-selection glyph next to it in the other toolbar -- that
+         one is solid brackets around a solid object and means "put the
+         camera on what is picked", which is the opposite end of the
+         gesture. Dashes: 16 segments of 59 with gaps of 36 over a
+         perimeter of 1520, so they land on the corners. -->
+    <symbol id="g6-icon-select-mode" viewBox="0 0 512 512">
+        <rect x="46" y="86" width="420" height="340" fill="none"
+            stroke="currentColor" stroke-width="40"
+            stroke-dasharray="59 36"/>
+    </symbol>
+    <!-- location-crosshairs (anchor the camera on one element).
+         The SAME path as the DOM toolbars and their yi-location-crosshairs
+         mask: the two toolbars sit in one console, and a control that
+         does one thing has to be drawn one way. -->
+    <symbol id="g6-icon-anchor" viewBox="0 0 576 512">
+        <path fill="currentColor" d="M288-16c17.7 0 32 14.3 32 32l0 18.3c98.1 14 175.7 91.6 189.7 189.7l18.3 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-18.3 0c-14 98.1-91.6 175.7-189.7 189.7l0 18.3c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-18.3C157.9 463.7 80.3 386.1 66.3 288L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l18.3 0C80.3 125.9 157.9 48.3 256 34.3L256 16c0-17.7 14.3-32 32-32zM128 256a160 160 0 1 0 320 0 160 160 0 1 0 -320 0zm160-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z"/>
+    </symbol>
+    <!-- floppy-disk (save) -->
+    <symbol id="g6-icon-save" viewBox="0 0 448 512">
+        <path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-242.7c0-17-6.7-33.3-18.7-45.3L352 50.7C340 38.7 323.7 32 306.7 32L64 32zm32 96c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32l0-64zM224 288a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/>
+    </symbol>
+</svg>`;
+function inject_svg_icons() {
+	if (document.getElementById(CUSTOM_SVG_ICONS_ID)) return;
+	const div = document.createElement("div");
+	div.id = CUSTOM_SVG_ICONS_ID;
+	div.style.display = "none";
+	div.innerHTML = ICONS;
+	document.body.appendChild(div);
+}
+var __icon_defined__ = {};
+function yui_icon_is_defined(name) {
+	if (!name || typeof name !== "string") return false;
+	if (__icon_defined__[name] !== void 0) return __icon_defined__[name];
+	let defined = false;
+	try {
+		const el = document.createElement("i");
+		el.className = name;
+		el.style.position = "absolute";
+		el.style.visibility = "hidden";
+		el.style.pointerEvents = "none";
+		document.body.appendChild(el);
+		const st = window.getComputedStyle(el, "::before");
+		const mask = st.maskImage || st.webkitMaskImage || "";
+		defined = !!mask && mask !== "none";
+		document.body.removeChild(el);
+	} catch (e) {
+		defined = false;
+	}
+	__icon_defined__[name] = defined;
+	return defined;
+}
+//#endregion
 //#region src/yui_row_search.js
 /***********************************************************************
 *          yui_row_search.js
@@ -23738,6 +23919,11 @@ function create_tabulator(gobj) {
 				hozAlign = "center";
 				colFormatter = "color";
 				break;
+			case "icon":
+				hozAlign = "center";
+				vertAlign = "middle";
+				colFormatter = icon_formatter;
+				break;
 			case "object":
 			case "dict":
 			case "template":
@@ -23941,6 +24127,13 @@ function create_tabulator(gobj) {
 	tabulator.on("dataFiltered", function(filters, rows) {
 		update_rowcount(Array.isArray(rows) ? rows.length : void 0);
 	});
+	tabulator.on("rowClick", function(e, row) {
+		if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "editable")) return;
+		let $cell = e.target ? e.target.closest(".tabulator-cell") : null;
+		let field = $cell ? $cell.getAttribute("tabulator-field") : null;
+		if (field && cell_has_its_own_action(gobj, field)) return;
+		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SHOW_RECORD", { index: row.getPosition() }, gobj);
+	});
 	tabulator.on("rowSelected", function(row) {
 		(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_SELECT_ROWS", { rows: [row.getData()] }, gobj);
 	});
@@ -23961,6 +24154,39 @@ function table__destroy(gobj) {
 	}
 }
 /************************************************************
+*  Cell of a col flagged `icon`: the value is the NAME of an
+*  icon of the app's set ("yi-bolt"), so it is DRAWN.
+*
+*  Built as a DOM node and not as an HTML string: the value is
+*  raw record data and must never be parsed as markup -- and
+*  here it also becomes a CSS class, so it is filtered to the
+*  shape of a class name before it gets near one.
+*
+*  A name the set does not carry falls back to the TEXT of it.
+*  The catch-all rule `[class^="yi-"]::before` paints a
+*  currentColor box for any name, so drawing it anyway would
+*  render a solid square -- a glyph nobody recognises rather
+*  than a mistake somebody can fix.
+************************************************************/
+function icon_formatter(cell) {
+	let name = cell.getValue();
+	if (!(0, _yuneta_gobj_js.is_string)(name) || (0, _yuneta_gobj_js.empty_string)(name)) return "";
+	name = name.trim();
+	if (!/^[a-z0-9-]+$/.test(name) || !yui_icon_is_defined(name)) return (0, _yuneta_gobj_js.createElement2)([
+		"span",
+		{
+			class: "ICON_CELL_UNKNOWN is-size-7 has-text-grey",
+			title: name
+		},
+		name
+	]);
+	return (0, _yuneta_gobj_js.createElement2)(["span", {
+		class: `ICON_CELL ${name}`,
+		title: name,
+		"aria-label": name
+	}]);
+}
+/************************************************************
 *  Cell of a col holding a JSON document (dict/list/blob/
 *  template/coordinates/…): a one-line truncated preview,
 *  marked as a link because the click opens the whole value
@@ -24072,6 +24298,7 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 			}
 			break;
 		case "color": break;
+		case "icon": break;
 		case "image": break;
 		default: (0, _yuneta_gobj_js.log_error)(`transform__treedb_value_2_table_value() unhandled type '${field_desc.type}' (real_type='${field_desc.real_type}') for field '${field}', topic ${priv.topic_name}`);
 	}
@@ -24082,10 +24309,25 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 	return value;
 }
 /************************************************************
-*  Build the form template from desc.cols: only user-editable
-*  fields reach the form — writable cols, fkeys (linkable) and
-*  the pkey (the hosted C_YUI_FORM's form_mode drives the
-*  pkey's readonly/required state).
+*  Build the form template from desc.cols: EVERY field of the
+*  record, the ones that cannot be written included.
+*
+*  They used to be dropped, and a record was then shown as the
+*  handful of its fields somebody may type: an asset opened as
+*  its id alone, with its type, its size, its date and where it
+*  came from -- everything a person opens an asset to read --
+*  nowhere on screen. What a form is for is READING a record;
+*  writing it is one of the two things you can do next.
+*
+*  C_YUI_FORM renders a col that is not `writable` read-only on
+*  its own (`build_form_field_conf`), so this is the whole of
+*  it. What must NOT follow is sending them back:
+*  `transform__form_record_2_treedb_record()` drops them, and
+*  the reason is written there.
+*
+*  Still out: hooks (a hook is not a field of the record, it is
+*  the children hanging off it), hidden cols, and the `_`
+*  scaffolding the table adds.
 ************************************************************/
 function build_form_template(gobj) {
 	let desc = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "desc");
@@ -24095,7 +24337,6 @@ function build_form_template(gobj) {
 		const field_desc = (0, _yuneta_gobj_js.treedb_get_field_desc)(col);
 		if (field_desc.is_hidden) continue;
 		if (field_desc.type === "hook") continue;
-		if (!field_desc.is_writable && field_desc.type !== "fkey" && col.id !== desc.pkey) continue;
 		template.push(col);
 	}
 	return template;
@@ -24143,6 +24384,8 @@ function open_form_dialog(gobj, mode, record) {
 		let rid = record ? String(record[pkey] ?? "") : "";
 		title = (0, i18next.t)(topic_name) + ((0, _yuneta_gobj_js.empty_string)(rid) ? "" : " — " + rid);
 	}
+	let view_only = mode === "view";
+	let form_mode = view_only ? "update" : mode;
 	let $body = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
@@ -24156,12 +24399,13 @@ function open_form_dialog(gobj, mode, record) {
 		template: build_form_template(gobj),
 		record,
 		fkey_options: build_fkey_options(gobj),
-		form_mode: mode,
-		...form_plan.form_toolbar ? { toolbar: form_plan.form_toolbar } : {},
+		form_mode,
+		readonly: view_only,
+		...(view_only ? READONLY_FORM_TOOLBAR : form_plan.form_toolbar) ? { toolbar: view_only ? READONLY_FORM_TOOLBAR.slice() : form_plan.form_toolbar } : {},
 		render_mode: "edit",
 		pkey: desc.pkey || "id",
 		topic_name,
-		editable: !form_plan.readonly,
+		editable: !form_plan.readonly && !view_only,
 		$parent: $body
 	}, gobj);
 	priv.form = form;
@@ -24446,6 +24690,39 @@ function show_edit_form(gobj, row, index) {
 	open_form_dialog(gobj, pkey_is_rowid(gobj) ? "create" : "update", row);
 }
 /************************************************************
+*  Does a click on this column already mean something else?
+*
+*  The `_` columns are the table's own scaffolding (the selection
+*  checkbox, the Op buttons); a hook opens its children and a col
+*  holding a json document opens it in a viewer. Anything else is
+*  plain data, and a click on it means "show me this record".
+************************************************************/
+var CELL_WITH_ACTION = [
+	"hook",
+	"object",
+	"dict",
+	"template",
+	"array",
+	"list",
+	"coordinates",
+	"blob",
+	"gbuffer"
+];
+function cell_has_its_own_action(gobj, field) {
+	if (!field || field.charAt(0) === "_") return true;
+	let col = get_schema_col(gobj, field);
+	if (!col) return false;
+	const field_desc = (0, _yuneta_gobj_js.treedb_get_field_desc)(col);
+	return CELL_WITH_ACTION.includes(field_desc.type) || CELL_WITH_ACTION.includes(field_desc.real_type);
+}
+/************************************************************
+*  Show a record to be READ: every field, none of them editable.
+*  What a row click opens while the table is not in edition mode.
+************************************************************/
+function show_view_form(gobj, row) {
+	open_form_dialog(gobj, "view", row);
+}
+/************************************************************
 *  Show the edit "create" form to a new record
 *  internally called from the top toolbar +New button
 ************************************************************/
@@ -24468,14 +24745,16 @@ function get_schema_col(gobj, id) {
 *  operation: "create" "update"
 ************************************************************/
 function transform__form_record_2_treedb_record(gobj, kw, operation) {
+	let pkey = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "desc").pkey || "id";
 	let row = {};
 	for (let field_name of Object.keys(kw)) {
 		if ((0, _yuneta_gobj_js.empty_string)(field_name)) continue;
 		let col = get_schema_col(gobj, field_name);
-		if (col) {
-			let value = kw[field_name];
-			row[field_name] = transform__form_value_2_treedb_value(gobj, col, value, operation);
-		}
+		if (!col) continue;
+		const field_desc = (0, _yuneta_gobj_js.treedb_get_field_desc)(col);
+		if (!field_desc.is_writable && field_desc.type !== "fkey" && col.id !== pkey) continue;
+		let value = kw[field_name];
+		row[field_name] = transform__form_value_2_treedb_value(gobj, col, value, operation);
 	}
 	return row;
 }
@@ -25374,6 +25653,24 @@ function ac_open_columns(gobj, event, kw, src) {
 	return 0;
 }
 /************************************************************
+*  A row was clicked outside edition mode: open the record to be read.
+************************************************************/
+function ac_show_record(gobj, event, kw, src) {
+	let tabulator = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "tabulator");
+	let index = kw ? kw.index : void 0;
+	if (!tabulator || typeof index !== "number") {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no row ${index} to show`);
+		return -1;
+	}
+	let row = tabulator.getRowFromPosition(index);
+	if (!row) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: row ${index} is gone`);
+		return -1;
+	}
+	show_view_form(gobj, row.getData());
+	return 0;
+}
+/************************************************************
 *  The reader picked another page size: remember it, so coming back to
 *  this topic opens where they left it instead of at 200.
 ************************************************************/
@@ -25598,6 +25895,11 @@ function create_gclass$5(gclass_name) {
 			ac_page_size_changed,
 			null
 		],
+		[
+			"EV_SHOW_RECORD",
+			ac_show_record,
+			null
+		],
 		[
 			"EV_TOGGLE_COLUMN",
 			ac_toggle_column,
@@ -25649,6 +25951,7 @@ function create_gclass$5(gclass_name) {
 		["EV_SEARCH", 0],
 		["EV_OPEN_COLUMNS", 0],
 		["EV_PAGE_SIZE_CHANGED", 0],
+		["EV_SHOW_RECORD", 0],
 		["EV_TOGGLE_COLUMN", 0],
 		["EV_EXPORT_TABLE", 0],
 		["EV_CREATE_RECORD", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT],
@@ -52405,160 +52708,6 @@ Sector.PARSED_STYLE_LIST = new Set([].concat(_toConsumableArray(Path.PARSED_STYL
 	"endAngle"
 ]));
 //#endregion
-//#region src/lib_icons.js
-/*********************************************************
-*      lib_icons.js
-*
-*      Two icon systems are managed here:
-*
-*      1. FA-style CSS icons (yui_icons.css)
-*         Usage: <i class="yi-save"></i>
-*         Color: inherits currentColor from parent via CSS mask.
-*
-*      2. SVG symbol icons for G6 toolbar (and any other component
-*         that uses <use xlink:href="#id">).
-*         Symbols are injected once into the DOM.
-*         All symbol ids are prefixed with "g6-icon-" to avoid
-*         conflicts with other DOM elements.
-*         Icon paths come from:
-*           fontawesome-free-7.1.0-web/sprites/solid.svg
-*
-*         G6 toolbar items are managed via CSS class names (className
-*         field in getItems()) using YuiToolbar in c_g6_nodes_tree.js.
-*         This lets lib_graph.js state functions (set_submit_state,
-*         disableElements, …) work on toolbar icons exactly like on
-*         regular Bulma/FA buttons — no icon-specific helpers needed.
-*
-*      Copyright (c) 2025-2026, ArtGins.
-*      All Rights Reserved.
-*********************************************************/
-var CUSTOM_SVG_ICONS_ID = "g6-custom-svgicons";
-var ICONS = `<svg xmlns="http://www.w3.org/2000/svg">
-    <!-- magnifying-glass-plus -->
-    <symbol id="g6-icon-zoom-in" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 112c-13.3 0-24 10.7-24 24l0 48-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l48 0 0 48c0 13.3 10.7 24 24 24s24-10.7 24-24l0-48 48 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-48 0 0-48c0-13.3-10.7-24-24-24z"/>
-    </symbol>
-    <!-- magnifying-glass-minus -->
-    <symbol id="g6-icon-zoom-out" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM136 184c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0z"/>
-    </symbol>
-    <!-- house (reset zoom: back to original 100% view) -->
-    <symbol id="g6-icon-home" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M277.8 8.6c-12.3-11.4-31.3-11.4-43.5 0l-224 208c-9.6 9-12.8 22.9-8 35.1S18.8 272 32 272l16 0 0 176c0 35.3 28.7 64 64 64l288 0c35.3 0 64-28.7 64-64l0-176 16 0c13.2 0 25-8.1 29.8-20.3s1.6-26.2-8-35.1l-224-208zM240 320l32 0c26.5 0 48 21.5 48 48l0 96-128 0 0-96c0-26.5 21.5-48 48-48z"/>
-    </symbol>
-    <!-- expand (zoom to fit) -->
-    <symbol id="g6-icon-fit" viewBox="0 0 448 512">
-        <path fill="currentColor" d="M32 32C14.3 32 0 46.3 0 64l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 32zM64 352c0-17.7-14.3-32-32-32S0 334.3 0 352l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96z"/>
-    </symbol>
-    <!-- fit to selection: the same corner brackets as the fit icon,
-         around a marked object. The two sit side by side in the
-         toolbar and have to read as a family, which a borrowed glyph
-         would not. (No backticks in here: the sprite lives inside a
-         template literal.) -->
-    <symbol id="g6-icon-fit-selection" viewBox="0 0 448 512">
-        <path fill="currentColor" d="M32 32C14.3 32 0 46.3 0 64l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 32zM64 352c0-17.7-14.3-32-32-32S0 334.3 0 352l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96z"/>
-        <rect fill="currentColor" x="144" y="176" width="160" height="160" rx="24"/>
-    </symbol>
-    <!-- crosshairs (center) -->
-    <symbol id="g6-icon-center" viewBox="0 0 576 512">
-        <path fill="currentColor" d="M288-16c17.7 0 32 14.3 32 32l0 18.3c98.1 14 175.7 91.6 189.7 189.7l18.3 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-18.3 0c-14 98.1-91.6 175.7-189.7 189.7l0 18.3c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-18.3C157.9 463.7 80.3 386.1 66.3 288L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l18.3 0C80.3 125.9 157.9 48.3 256 34.3L256 16c0-17.7 14.3-32 32-32zM131.2 288c12.7 62.7 62.1 112.1 124.8 124.8l0-12.8c0-17.7 14.3-32 32-32s32 14.3 32 32l0 12.8c62.7-12.7 112.1-62.1 124.8-124.8L432 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l12.8 0C432.1 161.3 382.7 111.9 320 99.2l0 12.8c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-12.8C193.3 111.9 143.9 161.3 131.2 224l12.8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-12.8 0zM288 208a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"/>
-    </symbol>
-    <!-- up-right-and-down-left-from-center (enter fullscreen) -->
-    <symbol id="g6-icon-fullscreen" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M344 0L488 0c13.3 0 24 10.7 24 24l0 144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87-39-39c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512L24 512c-13.3 0-24-10.7-24-24L0 344c0-9.7 5.8-18.5 14.8-22.2S34.1 320.2 41 327l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2S177.7 512 168 512z"/>
-    </symbol>
-    <!-- down-left-and-up-right-to-center (exit fullscreen) -->
-    <symbol id="g6-icon-fullscreen-exit" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M439.5 7c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2S450.2 240 440.5 240l-144 0c-13.3 0-24-10.7-24-24l0-144c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87zM72.5 272l144 0c13.3 0 24 10.7 24 24l0 144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87-39-39c-6.9-6.9-8.9-17.2-5.2-26.2S62.8 272 72.5 272z"/>
-    </symbol>
-    <!-- arrow-rotate-left (undo) -->
-    <symbol id="g6-icon-undo" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M256 64c-56.8 0-107.9 24.7-143.1 64l47.1 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 192c-17.7 0-32-14.3-32-32L0 32C0 14.3 14.3 0 32 0S64 14.3 64 32l0 54.7C110.9 33.6 179.5 0 256 0 397.4 0 512 114.6 512 256S397.4 512 256 512c-87 0-163.9-43.4-210.1-109.7-10.1-14.5-6.6-34.4 7.9-44.6s34.4-6.6 44.6 7.9c34.8 49.8 92.4 82.3 157.6 82.3 106 0 192-86 192-192S362 64 256 64z"/>
-    </symbol>
-    <!-- arrow-rotate-right (redo) -->
-    <symbol id="g6-icon-redo" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M436.7 74.7L448 85.4 448 32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l47.9 0-7.6-7.2c-.2-.2-.4-.4-.6-.6-75-75-196.5-75-271.5 0s-75 196.5 0 271.5 196.5 75 271.5 0c8.2-8.2 15.5-16.9 21.9-26.1 10.1-14.5 30.1-18 44.6-7.9s18 30.1 7.9 44.6c-8.5 12.2-18.2 23.8-29.1 34.7-100 100-262.1 100-362 0S-25 175 75 75c99.9-99.9 261.7-100 361.7-.3z"/>
-    </symbol>
-    <!-- pen (edit node) -->
-    <symbol id="g6-icon-edit" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M352.9 21.2L308 66.1 445.9 204 490.8 159.1C504.4 145.6 512 127.2 512 108s-7.6-37.6-21.2-51.1L455.1 21.2C441.6 7.6 423.2 0 404 0s-37.6 7.6-51.1 21.2zM274.1 100L58.9 315.1c-10.7 10.7-18.5 24.1-22.6 38.7L.9 481.6c-2.3 8.3 0 17.3 6.2 23.4s15.1 8.5 23.4 6.2l127.8-35.5c14.6-4.1 27.9-11.8 38.7-22.6L412 237.9 274.1 100z"/>
-    </symbol>
-    <!-- trash-can (delete) -->
-    <symbol id="g6-icon-delete" viewBox="0 0 448 512">
-        <path fill="currentColor" d="M136.7 5.9C141.1-7.2 153.3-16 167.1-16l113.9 0c13.8 0 26 8.8 30.4 21.9L320 32 416 32c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l96 0 8.7-26.1zM32 144l384 0 0 304c0 35.3-28.7 64-64 64L96 512c-35.3 0-64-28.7-64-64l0-304zm88 64c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24zm104 0c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24zm104 0c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24z"/>
-    </symbol>
-    <!-- link (link nodes) -->
-    <symbol id="g6-icon-link" viewBox="0 0 576 512">
-        <path fill="currentColor" d="M419.5 96c-16.6 0-32.7 4.5-46.8 12.7-15.8-16-34.2-29.4-54.5-39.5 28.2-24 64.1-37.2 101.3-37.2 86.4 0 156.5 70 156.5 156.5 0 41.5-16.5 81.3-45.8 110.6l-71.1 71.1c-29.3 29.3-69.1 45.8-110.6 45.8-86.4 0-156.5-70-156.5-156.5 0-1.5 0-3 .1-4.5 .5-17.7 15.2-31.6 32.9-31.1s31.6 15.2 31.1 32.9c0 .9 0 1.8 0 2.6 0 51.1 41.4 92.5 92.5 92.5 24.5 0 48-9.7 65.4-27.1l71.1-71.1c17.3-17.3 27.1-40.9 27.1-65.4 0-51.1-41.4-92.5-92.5-92.5zM275.2 173.3c-1.9-.8-3.8-1.9-5.5-3.1-12.6-6.5-27-10.2-42.1-10.2-24.5 0-48 9.7-65.4 27.1L91.1 258.2c-17.3 17.3-27.1 40.9-27.1 65.4 0 51.1 41.4 92.5 92.5 92.5 16.5 0 32.6-4.4 46.7-12.6 15.8 16 34.2 29.4 54.6 39.5-28.2 23.9-64 37.2-101.3 37.2-86.4 0-156.5-70-156.5-156.5 0-41.5 16.5-81.3 45.8-110.6l71.1-71.1c29.3-29.3 69.1-45.8 110.6-45.8 86.6 0 156.5 70.6 156.5 156.9 0 1.3 0 2.6 0 3.9-.4 17.7-15.1 31.6-32.8 31.2s-31.6-15.1-31.2-32.8c0-.8 0-1.5 0-2.3 0-33.7-18-63.3-44.8-79.6z"/>
-    </symbol>
-    <!-- link-slash (unlink) -->
-    <symbol id="g6-icon-unlink" viewBox="0 0 576 512">
-        <path fill="currentColor" d="M41-24.9c-9.4-9.4-24.6-9.4-33.9 0S-2.3-.3 7 9.1l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-122-122c4.2-3.4 8.3-7.1 12.1-10.9l71.1-71.1c29.3-29.3 45.8-69.1 45.8-110.6 0-86.4-70-156.5-156.5-156.5-37.3 0-73.1 13.3-101.3 37.2 20.3 10.1 38.7 23.5 54.5 39.5 14.1-8.3 30.2-12.7 46.8-12.7 51.1 0 92.5 41.4 92.5 92.5 0 24.5-9.7 48-27.1 65.4l-71.1 71.1c-3.9 3.9-8.1 7.4-12.6 10.5l-47.5-47.5c16.5-.9 29.7-14.4 30.2-31.1 0-1.3 0-2.6 0-3.9 0-86.3-69.9-156.9-156.5-156.9-19.2 0-37.9 3.5-55.5 10.2L41-24.9zM225.9 160c.6 0 1.1 0 1.7 0 15.1 0 29.5 3.7 42.1 10.2 1.8 1.2 3.6 2.3 5.5 3.1 26.8 16.3 44.8 45.9 44.8 79.6 0 .4 0 .8 0 1.2L225.9 160zM346.2 416L192 261.8c1.2 84.6 69.6 152.9 154.1 154.1zM139.7 209.5l-45.3-45.3-48.6 48.6c-29.3 29.3-45.8 69.1-45.8 110.6 0 86.4 70 156.5 156.5 156.5 37.2 0 73.1-13.3 101.3-37.2-20.3-10.1-38.8-23.5-54.6-39.5-14 8.2-30.1 12.6-46.7 12.6-51.1 0-92.5-41.4-92.5-92.5 0-24.5 9.7-48 27.1-65.4l48.6-48.6z"/>
-    </symbol>
-    <!-- play (run node) -->
-    <symbol id="g6-icon-run" viewBox="0 0 448 512">
-        <path fill="currentColor" d="M91.2 36.9c-12.4-6.8-27.4-6.5-39.6 .7S32 57.9 32 72l0 368c0 14.1 7.5 27.2 19.6 34.4s27.2 7.5 39.6 .7l336-184c12.8-7 20.8-20.5 20.8-35.1s-8-28.1-20.8-35.1l-336-184z"/>
-    </symbol>
-    <!-- clone (copy size to other nodes/ports) -->
-    <symbol id="g6-icon-resize" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M288 448l-224 0 0-224 48 0 0-64-48 0c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l224 0c35.3 0 64-28.7 64-64l0-48-64 0 0 48zm-64-96l224 0c35.3 0 64-28.7 64-64l0-224c0-35.3-28.7-64-64-64L224 0c-35.3 0-64 28.7-64 64l0 224c0 35.3 28.7 64 64 64z"/>
-    </symbol>
-    <!-- plus (create node). Deliberately NOT the FA7 solid plus:
-         its arms are ~14% of the width and read thin next to the
-         other solid glyphs. Bold geometric plus (~23% arm
-         thickness) with long arms (32..480) so it reads as a "+",
-         not a stubby Red-Cross square. -->
-    <symbol id="g6-icon-plus" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M316 32 L316 196 L480 196 L480 316 L316 316 L316 480 L196 480 L196 316 L32 316 L32 196 L196 196 L196 32 Z"/>
-    </symbol>
-    <!-- ellipsis-vertical (unfold the floating toolbar).
-         The strip it stands for is a vertical stack, and a vertical
-         ellipsis is what "there is more of this here" is drawn as
-         everywhere else. -->
-    <symbol id="g6-icon-toolbar-show" viewBox="0 0 128 512">
-        <path fill="currentColor" d="M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z"/>
-    </symbol>
-    <!-- xmark (fold the floating toolbar away).
-         Not a chevron: the two toolbars sit on OPPOSITE edges, so a
-         direction would point the wrong way on one of them. What the
-         button does is close an overlay, and that is an x. -->
-    <symbol id="g6-icon-toolbar-hide" viewBox="0 0 384 512">
-        <path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
-    </symbol>
-    <!-- dashed marquee (selection mode).
-         The band ITSELF, because that is what the button turns on: a
-         drag on the canvas draws one and a tap picks a card. Not the
-         fit-to-selection glyph next to it in the other toolbar -- that
-         one is solid brackets around a solid object and means "put the
-         camera on what is picked", which is the opposite end of the
-         gesture. Dashes: 16 segments of 59 with gaps of 36 over a
-         perimeter of 1520, so they land on the corners. -->
-    <symbol id="g6-icon-select-mode" viewBox="0 0 512 512">
-        <rect x="46" y="86" width="420" height="340" fill="none"
-            stroke="currentColor" stroke-width="40"
-            stroke-dasharray="59 36"/>
-    </symbol>
-    <!-- location-crosshairs (anchor the camera on one element).
-         The SAME path as the DOM toolbars and their yi-location-crosshairs
-         mask: the two toolbars sit in one console, and a control that
-         does one thing has to be drawn one way. -->
-    <symbol id="g6-icon-anchor" viewBox="0 0 576 512">
-        <path fill="currentColor" d="M288-16c17.7 0 32 14.3 32 32l0 18.3c98.1 14 175.7 91.6 189.7 189.7l18.3 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-18.3 0c-14 98.1-91.6 175.7-189.7 189.7l0 18.3c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-18.3C157.9 463.7 80.3 386.1 66.3 288L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l18.3 0C80.3 125.9 157.9 48.3 256 34.3L256 16c0-17.7 14.3-32 32-32zM128 256a160 160 0 1 0 320 0 160 160 0 1 0 -320 0zm160-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z"/>
-    </symbol>
-    <!-- floppy-disk (save) -->
-    <symbol id="g6-icon-save" viewBox="0 0 448 512">
-        <path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-242.7c0-17-6.7-33.3-18.7-45.3L352 50.7C340 38.7 323.7 32 306.7 32L64 32zm32 96c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32l0-64zM224 288a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/>
-    </symbol>
-</svg>`;
-function inject_svg_icons() {
-	if (document.getElementById(CUSTOM_SVG_ICONS_ID)) return;
-	const div = document.createElement("div");
-	div.id = CUSTOM_SVG_ICONS_ID;
-	div.style.display = "none";
-	div.innerHTML = ICONS;
-	document.body.appendChild(div);
-}
-//#endregion
 //#region src/g6_brush_select_owned.js
 /***********************************************************************
 *          g6_brush_select_owned.js