@formicoidea/labre-framework-cynefin 0.41.0 → 0.42.0

package/LICENSE

@@ -0,0 +1,384 @@
+# Mozilla Public License Version 2.0
+
+Copyright (c) TOEVERYTHING PTE. LTD. and its affiliates.
+
+1. Definitions
+
+---
+
+1.1. "Contributor"
+means each individual or legal entity that creates, contributes to
+the creation of, or owns Covered Software.
+
+1.2. "Contributor Version"
+means the combination of the Contributions of others (if any) used
+by a Contributor and that particular Contributor's Contribution.
+
+1.3. "Contribution"
+means Covered Software of a particular Contributor.
+
+1.4. "Covered Software"
+means Source Code Form to which the initial Contributor has attached
+the notice in Exhibit A, the Executable Form of such Source Code
+Form, and Modifications of such Source Code Form, in each case
+including portions thereof.
+
+1.5. "Incompatible With Secondary Licenses"
+means
+
+    (a) that the initial Contributor has attached the notice described
+        in Exhibit B to the Covered Software; or
+
+    (b) that the Covered Software was made available under the terms of
+        version 1.1 or earlier of the License, but not also under the
+        terms of a Secondary License.
+
+1.6. "Executable Form"
+means any form of the work other than Source Code Form.
+
+1.7. "Larger Work"
+means a work that combines Covered Software with other material, in
+a separate file or files, that is not Covered Software.
+
+1.8. "License"
+means this document.
+
+1.9. "Licensable"
+means having the right to grant, to the maximum extent possible,
+whether at the time of the initial grant or subsequently, any and
+all of the rights conveyed by this License.
+
+1.10. "Modifications"
+means any of the following:
+
+    (a) any file in Source Code Form that results from an addition to,
+        deletion from, or modification of the contents of Covered
+        Software; or
+
+    (b) any new file in Source Code Form that contains any Covered
+        Software.
+
+1.11. "Patent Claims" of a Contributor
+means any patent claim(s), including without limitation, method,
+process, and apparatus claims, in any patent Licensable by such
+Contributor that would be infringed, but for the grant of the
+License, by the making, using, selling, offering for sale, having
+made, import, or transfer of either its Contributions or its
+Contributor Version.
+
+1.12. "Secondary License"
+means either the GNU General Public License, Version 2.0, the GNU
+Lesser General Public License, Version 2.1, the GNU Affero General
+Public License, Version 3.0, or any later versions of those
+licenses.
+
+1.13. "Source Code Form"
+means the form of the work preferred for making modifications.
+
+1.14. "You" (or "Your")
+means an individual or a legal entity exercising rights under this
+License. For legal entities, "You" includes any entity that
+controls, is controlled by, or is under common control with You. For
+purposes of this definition, "control" means (a) the power, direct
+or indirect, to cause the direction or management of such entity,
+whether by contract or otherwise, or (b) ownership of more than
+fifty percent (50%) of the outstanding shares or beneficial
+ownership of such entity.
+
+2. License Grants and Conditions
+
+---
+
+2.1. Grants
+
+Each Contributor hereby grants You a world-wide, royalty-free,
+non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark)
+Licensable by such Contributor to use, reproduce, make available,
+modify, display, perform, distribute, and otherwise exploit its
+Contributions, either on an unmodified basis, with Modifications, or
+as part of a Larger Work; and
+
+(b) under Patent Claims of such Contributor to make, use, sell, offer
+for sale, have made, import, and otherwise transfer either its
+Contributions or its Contributor Version.
+
+2.2. Effective Date
+
+The licenses granted in Section 2.1 with respect to any Contribution
+become effective for each Contribution on the date the Contributor first
+distributes such Contribution.
+
+2.3. Limitations on Grant Scope
+
+The licenses granted in this Section 2 are the only rights granted under
+this License. No additional rights or licenses will be implied from the
+distribution or licensing of Covered Software under this License.
+Notwithstanding Section 2.1(b) above, no patent license is granted by a
+Contributor:
+
+(a) for any code that a Contributor has removed from Covered Software;
+or
+
+(b) for infringements caused by: (i) Your and any other third party's
+modifications of Covered Software, or (ii) the combination of its
+Contributions with other software (except as part of its Contributor
+Version); or
+
+(c) under Patent Claims infringed by Covered Software in the absence of
+its Contributions.
+
+This License does not grant any rights in the trademarks, service marks,
+or logos of any Contributor (except as may be necessary to comply with
+the notice requirements in Section 3.4).
+
+2.4. Subsequent Licenses
+
+No Contributor makes additional grants as a result of Your choice to
+distribute the Covered Software under a subsequent version of this
+License (see Section 10.2) or under the terms of a Secondary License (if
+permitted under the terms of Section 3.3).
+
+2.5. Representation
+
+Each Contributor represents that the Contributor believes its
+Contributions are its original creation(s) or it has sufficient rights
+to grant the rights to its Contributions conveyed by this License.
+
+2.6. Fair Use
+
+This License is not intended to limit any rights You have under
+applicable copyright doctrines of fair use, fair dealing, or other
+equivalents.
+
+2.7. Conditions
+
+Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
+in Section 2.1.
+
+3. Responsibilities
+
+---
+
+3.1. Distribution of Source Form
+
+All distribution of Covered Software in Source Code Form, including any
+Modifications that You create or to which You contribute, must be under
+the terms of this License. You must inform recipients that the Source
+Code Form of the Covered Software is governed by the terms of this
+License, and how they can obtain a copy of this License. You may not
+attempt to alter or restrict the recipients' rights in the Source Code
+Form.
+
+3.2. Distribution of Executable Form
+
+If You distribute Covered Software in Executable Form then:
+
+(a) such Covered Software must also be made available in Source Code
+Form, as described in Section 3.1, and You must inform recipients of
+the Executable Form how they can obtain a copy of such Source Code
+Form by reasonable means in a timely manner, at a charge no more
+than the cost of distribution to the recipient; and
+
+(b) You may distribute such Executable Form under the terms of this
+License, or sublicense it under different terms, provided that the
+license for the Executable Form does not attempt to limit or alter
+the recipients' rights in the Source Code Form under this License.
+
+3.3. Distribution of a Larger Work
+
+You may create and distribute a Larger Work under terms of Your choice,
+provided that You also comply with the requirements of this License for
+the Covered Software. If the Larger Work is a combination of Covered
+Software with a work governed by one or more Secondary Licenses, and the
+Covered Software is not Incompatible With Secondary Licenses, this
+License permits You to additionally distribute such Covered Software
+under the terms of such Secondary License(s), so that the recipient of
+the Larger Work may, at their option, further distribute the Covered
+Software under the terms of either this License or such Secondary
+License(s).
+
+3.4. Notices
+
+You may not remove or alter the substance of any license notices
+(including copyright notices, patent notices, disclaimers of warranty,
+or limitations of liability) contained within the Source Code Form of
+the Covered Software, except that You may alter any license notices to
+the extent required to remedy known factual inaccuracies.
+
+3.5. Application of Additional Terms
+
+You may choose to offer, and to charge a fee for, warranty, support,
+indemnity or liability obligations to one or more recipients of Covered
+Software. However, You may do so only on Your own behalf, and not on
+behalf of any Contributor. You must make it absolutely clear that any
+such warranty, support, indemnity, or liability obligation is offered by
+You alone, and You hereby agree to indemnify every Contributor for any
+liability incurred by such Contributor as a result of warranty, support,
+indemnity or liability terms You offer. You may include additional
+disclaimers of warranty and limitations of liability specific to any
+jurisdiction.
+
+4. Inability to Comply Due to Statute or Regulation
+
+---
+
+If it is impossible for You to comply with any of the terms of this
+License with respect to some or all of the Covered Software due to
+statute, judicial order, or regulation then You must: (a) comply with
+the terms of this License to the maximum extent possible; and (b)
+describe the limitations and the code they affect. Such description must
+be placed in a text file included with all distributions of the Covered
+Software under this License. Except to the extent prohibited by statute
+or regulation, such description must be sufficiently detailed for a
+recipient of ordinary skill to be able to understand it.
+
+5. Termination
+
+---
+
+5.1. The rights granted under this License will terminate automatically
+if You fail to comply with any of its terms. However, if You become
+compliant, then the rights granted under this License from a particular
+Contributor are reinstated (a) provisionally, unless and until such
+Contributor explicitly and finally terminates Your grants, and (b) on an
+ongoing basis, if such Contributor fails to notify You of the
+non-compliance by some reasonable means prior to 60 days after You have
+come back into compliance. Moreover, Your grants from a particular
+Contributor are reinstated on an ongoing basis if such Contributor
+notifies You of the non-compliance by some reasonable means, this is the
+first time You have received notice of non-compliance with this License
+from such Contributor, and You become compliant prior to 30 days after
+Your receipt of the notice.
+
+5.2. If You initiate litigation against any entity by asserting a patent
+infringement claim (excluding declaratory judgment actions,
+counter-claims, and cross-claims) alleging that a Contributor Version
+directly or indirectly infringes any patent, then the rights granted to
+You by any and all Contributors for the Covered Software under Section
+2.1 of this License shall terminate.
+
+5.3. In the event of termination under Sections 5.1 or 5.2 above, all
+end user license agreements (excluding distributors and resellers) which
+have been validly granted by You or Your distributors under this License
+prior to termination shall survive termination.
+
+---
+
+-                                                                      *
+- 6.  Disclaimer of Warranty \*
+- ------------------------- \*
+-                                                                      *
+- Covered Software is provided under this License on an "as is" \*
+- basis, without warranty of any kind, either expressed, implied, or \*
+- statutory, including, without limitation, warranties that the \*
+- Covered Software is free of defects, merchantable, fit for a \*
+- particular purpose or non-infringing. The entire risk as to the \*
+- quality and performance of the Covered Software is with You. \*
+- Should any Covered Software prove defective in any respect, You \*
+- (not any Contributor) assume the cost of any necessary servicing, \*
+- repair, or correction. This disclaimer of warranty constitutes an \*
+- essential part of this License. No use of any Covered Software is \*
+- authorized under this License except under this disclaimer. \*
+-                                                                      *
+
+---
+
+---
+
+-                                                                      *
+- 7.  Limitation of Liability \*
+- -------------------------- \*
+-                                                                      *
+- Under no circumstances and under no legal theory, whether tort \*
+- (including negligence), contract, or otherwise, shall any \*
+- Contributor, or anyone who distributes Covered Software as \*
+- permitted above, be liable to You for any direct, indirect, \*
+- special, incidental, or consequential damages of any character \*
+- including, without limitation, damages for lost profits, loss of \*
+- goodwill, work stoppage, computer failure or malfunction, or any \*
+- and all other commercial damages or losses, even if such party \*
+- shall have been informed of the possibility of such damages. This \*
+- limitation of liability shall not apply to liability for death or \*
+- personal injury resulting from such party's negligence to the \*
+- extent applicable law prohibits such limitation. Some \*
+- jurisdictions do not allow the exclusion or limitation of \*
+- incidental or consequential damages, so this exclusion and \*
+- limitation may not apply to You. \*
+-                                                                      *
+
+---
+
+8. Litigation
+
+---
+
+Any litigation relating to this License may be brought only in the
+courts of a jurisdiction where the defendant maintains its principal
+place of business and such litigation shall be governed by laws of that
+jurisdiction, without reference to its conflict-of-law provisions.
+Nothing in this Section shall prevent a party's ability to bring
+cross-claims or counter-claims.
+
+9. Miscellaneous
+
+---
+
+This License represents the complete agreement concerning the subject
+matter hereof. If any provision of this License is held to be
+unenforceable, such provision shall be reformed only to the extent
+necessary to make it enforceable. Any law or regulation which provides
+that the language of a contract shall be construed against the drafter
+shall not be used to construe this License against a Contributor.
+
+10. Versions of the License
+
+---
+
+10.1. New Versions
+
+Mozilla Foundation is the license steward. Except as provided in Section
+10.3, no one other than the license steward has the right to modify or
+publish new versions of this License. Each version will be given a
+distinguishing version number.
+
+10.2. Effect of New Versions
+
+You may distribute the Covered Software under the terms of the version
+of the License under which You originally received the Covered Software,
+or under the terms of any subsequent version published by the license
+steward.
+
+10.3. Modified Versions
+
+If you create software not governed by this License, and you want to
+create a new license for such software, you may create and use a
+modified version of this License if you rename the license and remove
+any references to the name of the license steward (except to note that
+such modified license differs from this License).
+
+10.4. Distributing Source Code Form that is Incompatible With Secondary
+Licenses
+
+If You choose to distribute Source Code Form that is Incompatible With
+Secondary Licenses under the terms of this version of the License, the
+notice described in Exhibit B of this License must be attached.
+
+## Exhibit A - Source Code Form License Notice
+
+This Source Code Form is subject to the terms of the Mozilla Public
+License, v. 2.0. If a copy of the MPL was not distributed with this
+file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+If it is not possible or desirable to put the notice in a particular
+file, then You may include the notice in a location (such as a LICENSE
+file in a relevant directory) where a recipient would be likely to look
+for such a notice.
+
+You may add additional accurate notices of copyright ownership.
+
+## Exhibit B - "Incompatible With Secondary Licenses" Notice
+
+This Source Code Form is "Incompatible With Secondary Licenses", as
+defined by the Mozilla Public License, v. 2.0.

package/dist/commands.js

@@ -1,5 +1,5 @@
 import { createConstraintHexagon, createCynefin, createEstuarineMap, } from './actions.js';
-import { cynefinMenuIcon, estuarineMenuIcon, hexagonMenuIcon, } from './toolbar/icons.js';
+import { cynefinMenuIcon, cynefinToolbarIcon, estuarineMenuIcon, hexagonMenuIcon, } from './toolbar/icons.js';
 const SPECS = [
     {
         id: 'addCynefin',
@@ -49,4 +49,8 @@ export const cynefinEstuarineCommandIcons = {
     'cynefin.frame': cynefinMenuIcon,
     'estuarine.map': estuarineMenuIcon,
     'estuarine.hexagon': hexagonMenuIcon,
+    // The senior button's 56×56 glyph, so `FrameworkDescriptor.iconKey` resolves
+    // through `getCommandIcon`. Historical key: `cynefin`, not
+    // `cynefin-estuarine`.
+    'cynefin.toolbar': cynefinToolbarIcon,
 };

package/dist/cynefin/consts.d.ts

@@ -17,6 +17,14 @@ import type { ChromeWording } from '@formicoidea/labre-core/shared/services';
  */
 export declare const REF_W = 1080;
 export declare const REF_H = 777;
+/**
+ * Type size of a domain heading, in reference units.
+ *
+ * Named because two things read it: the renderer, which draws the word, and the
+ * hit test that offers it to a double-click. A size that lived only in the
+ * renderer's font string would let the target drift away from the word.
+ */
+export declare const HEADING_SIZE = 30;
 export declare const COLORS: {
     readonly boundary: "#333333";
     readonly teal: "#2a9d99";
@@ -50,6 +58,17 @@ export declare const DASH_RECTS: ReadonlyArray<readonly [number, number, number,
  */
 export interface DomainBlock {
     heading: ChromeWording;
+    /**
+     * The model prop the heading is renamed into (issue #355).
+     *
+     * The domain HEADINGS are the only words of this drawing a user may rewrite,
+     * and that line is drawn on notation rather than on effort: a team renames
+     * "Complex" to the word its own people use, but the Probe / Sense / Respond
+     * sentences, the "ordered system" subheadings and the Aporia / Confusion
+     * markers ARE Cynefin — rewriting them would leave a diagram that looks like
+     * the framework and no longer says what it says.
+     */
+    prop: string;
     /** Left edge shared by heading, subheading and body lines. */
     x: number;
     /** Heading (h1) baseline. */

package/dist/cynefin/consts.js

@@ -16,6 +16,14 @@
  */
 export const REF_W = 1080;
 export const REF_H = 777;
+/**
+ * Type size of a domain heading, in reference units.
+ *
+ * Named because two things read it: the renderer, which draws the word, and the
+ * hit test that offers it to a double-click. A size that lived only in the
+ * renderer's font string would let the target drift away from the word.
+ */
+export const HEADING_SIZE = 30;
 export const COLORS = {
     boundary: '#333333',
     teal: '#2a9d99',
@@ -180,6 +188,7 @@ const LINE_RESPOND_PRACTICES = [
 export const DOMAINS = [
     {
         heading: HEADING_COMPLEX,
+        prop: 'complexTitle',
         x: 37,
         hy: 31,
         subheading: SUBHEADING_ADAPTIVE,
@@ -207,6 +216,7 @@ export const DOMAINS = [
     },
     {
         heading: HEADING_COMPLICATED,
+        prop: 'complicatedTitle',
         x: 779,
         hy: 31,
         subheading: SUBHEADING_ORDERED,
@@ -229,6 +239,7 @@ export const DOMAINS = [
     },
     {
         heading: HEADING_CHAOTIC,
+        prop: 'chaoticTitle',
         x: 37,
         hy: 587,
         subheading: SUBHEADING_UNORDERED,
@@ -256,6 +267,7 @@ export const DOMAINS = [
     },
     {
         heading: HEADING_CLEAR,
+        prop: 'clearTitle',
         x: 779,
         hy: 587,
         subheading: SUBHEADING_ORDERED,

package/dist/cynefin/element-renderer.js

@@ -1,7 +1,8 @@
-import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
+import { ElementRendererExtension, taggedPath2D, } from '@formicoidea/labre-core/blocks/surface';
 import { TranslationProvider, translateKey, } from '@formicoidea/labre-core/shared/services';
 import { FONT_FAMILY, refScale } from '../utils.js';
-import { COLORS, DARK_BACK_PATHS, DARK_FRONT_PATHS, DASH_RECTS, DOMAINS, HATCHES, MARKERS, REF_H, REF_W, SMALL_LABELS, TEAL_LABELS, TEAL_PATH, TEAL_WIDTH, } from './consts.js';
+import { COLORS, DARK_BACK_PATHS, DARK_FRONT_PATHS, DASH_RECTS, DOMAINS, HATCHES, HEADING_SIZE, MARKERS, REF_H, REF_W, SMALL_LABELS, TEAL_LABELS, TEAL_PATH, TEAL_WIDTH, } from './consts.js';
+import { cynefinHeadingText } from './labels.js';
 /**
  * Canvas renderer for the Liminal Cynefin diagram — reproduces the official SVG:
  * the dark hand-drawn boundary, the teal "iterate" curve, the dashed
@@ -48,7 +49,7 @@ export const cynefin = (model, ctx, matrix, renderer) => {
     for (const [d, lw, miter] of DARK_BACK_PATHS) {
         ctx.lineJoin = miter ? 'miter' : 'round';
         ctx.lineWidth = lw;
-        ctx.stroke(new Path2D(d));
+        ctx.stroke(taggedPath2D(d));
     }
     ctx.lineJoin = 'round';
     // ── Dashed boundary (oriented square pavings) ───────────────────────
@@ -64,14 +65,14 @@ export const cynefin = (model, ctx, matrix, renderer) => {
     if (model.showLiminalLine) {
         ctx.strokeStyle = COLORS.teal;
         ctx.lineWidth = TEAL_WIDTH;
-        ctx.stroke(new Path2D(TEAL_PATH));
+        ctx.stroke(taggedPath2D(TEAL_PATH));
     }
     // ── Dark boundary strokes (over the teal curve) ─────────────────────
     ctx.strokeStyle = COLORS.boundary;
     for (const [d, lw, miter] of DARK_FRONT_PATHS) {
         ctx.lineJoin = miter ? 'miter' : 'round';
         ctx.lineWidth = lw;
-        ctx.stroke(new Path2D(d));
+        ctx.stroke(taggedPath2D(d));
     }
     ctx.lineJoin = 'round';
     // ── Cliff hatching ──────────────────────────────────────────────────
@@ -87,9 +88,12 @@ export const cynefin = (model, ctx, matrix, renderer) => {
     if (model.showTitles) {
         ctx.textAlign = 'left';
         ctx.fillStyle = COLORS.heading;
-        ctx.font = `700 30px ${FONT_FAMILY}`;
-        for (const d of DOMAINS)
-            ctx.fillText(tr(d.heading), d.x, d.hy);
+        ctx.font = `700 ${HEADING_SIZE}px ${FONT_FAMILY}`;
+        // The user's own word when they have renamed this domain, the catalogue's
+        // otherwise — the same precedence a declared background applies.
+        for (const d of DOMAINS) {
+            ctx.fillText(cynefinHeadingText(model, d, tr), d.x, d.hy);
+        }
         ctx.textAlign = 'center';
         for (const m of MARKERS) {
             ctx.fillStyle = COLORS.body;

package/dist/cynefin/element-view.d.ts

@@ -1,11 +1,20 @@
+import type { EditableBackgroundLabel } from '@formicoidea/labre-core/blocks/surface';
+import { FrameworkBackgroundView } from '@formicoidea/labre-core/blocks/surface';
 import type { CynefinElementModel } from '@formicoidea/labre-core/model';
-import { GfxElementModelView } from '@formicoidea/labre-core/std/gfx';
 /**
  * View for the Cynefin background. Registering it ensures `gfx.view.get(model)`
  * returns a view (required so move / select interactions work).
+ *
+ * Extends {@link FrameworkBackgroundView} rather than
+ * `DeclaredBackgroundView`: this diagram is a figurative reproduction of the
+ * official SVG and has no `FrameworkBackgroundDef` behind it, so it says where
+ * its labels are in its own reference space. The gesture itself — where a
+ * double-click is allowed to land, the in-place `<input>`, the commit that
+ * refuses to write an untouched value — is the shared one (issue #355).
  */
-export declare class CynefinView extends GfxElementModelView<CynefinElementModel> {
+export declare class CynefinView extends FrameworkBackgroundView<CynefinElementModel> {
     static type: string;
+    protected labelAt(lx: number, ly: number, w: number, h: number): EditableBackgroundLabel | null;
 }
 /**
  * Resize gating: the resize handles are hidden unless `model.resizeEnabled` is

package/dist/cynefin/element-view.js

@@ -1,10 +1,25 @@
-import { GfxElementModelView, GfxViewInteractionExtension, } from '@formicoidea/labre-core/std/gfx';
+import { FrameworkBackgroundView, hitTestBackgroundLabel, } from '@formicoidea/labre-core/blocks/surface';
+import { translateKey, } from '@formicoidea/labre-core/shared/services';
+import { GfxViewInteractionExtension } from '@formicoidea/labre-core/std/gfx';
+import { cynefinLabelHits } from './labels.js';
 /**
  * View for the Cynefin background. Registering it ensures `gfx.view.get(model)`
  * returns a view (required so move / select interactions work).
+ *
+ * Extends {@link FrameworkBackgroundView} rather than
+ * `DeclaredBackgroundView`: this diagram is a figurative reproduction of the
+ * official SVG and has no `FrameworkBackgroundDef` behind it, so it says where
+ * its labels are in its own reference space. The gesture itself — where a
+ * double-click is allowed to land, the in-place `<input>`, the commit that
+ * refuses to write an untouched value — is the shared one (issue #355).
  */
-export class CynefinView extends GfxElementModelView {
+export class CynefinView extends FrameworkBackgroundView {
     static { this.type = 'cynefin'; }
+    labelAt(lx, ly, w, h) {
+        const translate = (wording) => translateKey(this.gfx.std, ...wording);
+        const hit = hitTestBackgroundLabel(cynefinLabelHits(this.model, w, h, translate), lx, ly);
+        return hit ? { prop: hit.prop, text: hit.text } : null;
+    }
 }
 /**
  * Resize gating: the resize handles are hidden unless `model.resizeEnabled` is

package/dist/cynefin/labels.d.ts

@@ -0,0 +1,25 @@
+import type { BackgroundLabelHit } from '@formicoidea/labre-core/blocks/surface';
+import type { CynefinElementModel } from '@formicoidea/labre-core/model';
+import type { ChromeWording } from '@formicoidea/labre-core/shared/services';
+import type { DomainBlock } from './consts.js';
+/** Resolves a wording against the host's catalogue, or falls back to English. */
+export type CynefinWordingResolver = (wording: ChromeWording) => string;
+/**
+ * What a domain heading SAYS: the user's own word, else the vocabulary.
+ *
+ * The very precedence `backgroundLabelText` applies to a declared background —
+ * user text wins over the catalogue, the catalogue over the shipped English —
+ * spelled out here because this diagram has no declaration to apply it for it.
+ * An empty string is a real answer (the user erased the word), which is why the
+ * test is against `undefined` and not against falsiness.
+ */
+export declare function cynefinHeadingText(model: CynefinElementModel, block: DomainBlock, translate: CynefinWordingResolver): string;
+/**
+ * Clickable boxes of the four domain headings, in ELEMENT-LOCAL coordinates.
+ *
+ * Built from the same reference positions and the same uniform letterbox fit
+ * the renderer draws them with, so the target tracks the word at any size, and
+ * empty while the headings are hidden — a label that is not painted may not be
+ * aimed at either.
+ */
+export declare function cynefinLabelHits(model: CynefinElementModel, w: number, h: number, translate: CynefinWordingResolver): BackgroundLabelHit[];

package/dist/cynefin/labels.js

@@ -0,0 +1,40 @@
+import { backgroundTextHitBox } from '@formicoidea/labre-core/blocks/surface';
+import { refScale } from '../utils.js';
+import { DOMAINS, HEADING_SIZE, REF_H, REF_W } from './consts.js';
+/**
+ * What a domain heading SAYS: the user's own word, else the vocabulary.
+ *
+ * The very precedence `backgroundLabelText` applies to a declared background —
+ * user text wins over the catalogue, the catalogue over the shipped English —
+ * spelled out here because this diagram has no declaration to apply it for it.
+ * An empty string is a real answer (the user erased the word), which is why the
+ * test is against `undefined` and not against falsiness.
+ */
+export function cynefinHeadingText(model, block, translate) {
+    const own = model[block.prop];
+    return own === undefined || own === null
+        ? translate(block.heading)
+        : String(own);
+}
+/**
+ * Clickable boxes of the four domain headings, in ELEMENT-LOCAL coordinates.
+ *
+ * Built from the same reference positions and the same uniform letterbox fit
+ * the renderer draws them with, so the target tracks the word at any size, and
+ * empty while the headings are hidden — a label that is not painted may not be
+ * aimed at either.
+ */
+export function cynefinLabelHits(model, w, h, translate) {
+    if (!model.showTitles)
+        return [];
+    const { s, ox, oy } = refScale(w, h, REF_W, REF_H);
+    return DOMAINS.map(block => {
+        const text = cynefinHeadingText(model, block, translate);
+        return {
+            id: block.prop,
+            prop: block.prop,
+            text,
+            ...backgroundTextHitBox(text, HEADING_SIZE * s, ox + block.x * s, oy + block.hy * s),
+        };
+    });
+}

package/dist/estuarine/consts.d.ts

@@ -59,10 +59,22 @@ export declare const VOLATILE_PATH = "M 58 446 C 61 447, 70 451, 76 454 C 82 457
 export declare const VOLATILE_WIDTH = 5;
 /** Every {@link LABELS} wording, for `translations.ts`'s manifest. */
 export declare const ESTUARINE_CANVAS_WORDINGS: readonly ChromeWording[];
-/** Uppercase legends: anchored centre, alphabetic baseline, with letter-spacing. */
+/**
+ * Uppercase legends: anchored centre, alphabetic baseline, with letter-spacing.
+ *
+ * `prop` names the model key a double-click renames the legend into (issue
+ * #355), and `visibleProp` the toggle that shows it — the legend is painted
+ * with its curve and hidden with it, so it is aimable exactly when it is drawn.
+ *
+ * The three legends and nothing else: the italic `e` / `t` axis letters are
+ * notation, not words (PO decision, and the reason they carry no i18n key
+ * either), so they are not renamable.
+ */
 export declare const LABELS: {
     readonly counterfactual: {
         readonly wording: ChromeWording;
+        readonly prop: "counterfactualLabel";
+        readonly visibleProp: "showCounterfactual";
         readonly x: 422;
         readonly y: 25;
         readonly size: 20;
@@ -70,6 +82,8 @@ export declare const LABELS: {
     };
     readonly liminal: {
         readonly wording: ChromeWording;
+        readonly prop: "liminalLabel";
+        readonly visibleProp: "showLiminal";
         readonly x: 316;
         readonly y: 192;
         readonly size: 18;
@@ -77,6 +91,8 @@ export declare const LABELS: {
     };
     readonly volatile: {
         readonly wording: ChromeWording;
+        readonly prop: "volatileLabel";
+        readonly visibleProp: "showVolatile";
         readonly x: 219;
         readonly y: 783;
         readonly size: 20;

package/dist/estuarine/consts.js

@@ -78,10 +78,22 @@ export const ESTUARINE_CANVAS_WORDINGS = [
     LABEL_LIMINAL,
     LABEL_VOLATILE,
 ];
-/** Uppercase legends: anchored centre, alphabetic baseline, with letter-spacing. */
+/**
+ * Uppercase legends: anchored centre, alphabetic baseline, with letter-spacing.
+ *
+ * `prop` names the model key a double-click renames the legend into (issue
+ * #355), and `visibleProp` the toggle that shows it — the legend is painted
+ * with its curve and hidden with it, so it is aimable exactly when it is drawn.
+ *
+ * The three legends and nothing else: the italic `e` / `t` axis letters are
+ * notation, not words (PO decision, and the reason they carry no i18n key
+ * either), so they are not renamable.
+ */
 export const LABELS = {
     counterfactual: {
         wording: LABEL_COUNTERFACTUAL,
+        prop: 'counterfactualLabel',
+        visibleProp: 'showCounterfactual',
         x: 422,
         y: 25,
         size: 20,
@@ -89,6 +101,8 @@ export const LABELS = {
     },
     liminal: {
         wording: LABEL_LIMINAL,
+        prop: 'liminalLabel',
+        visibleProp: 'showLiminal',
         x: 316,
         y: 192,
         size: 18,
@@ -96,6 +110,8 @@ export const LABELS = {
     },
     volatile: {
         wording: LABEL_VOLATILE,
+        prop: 'volatileLabel',
+        visibleProp: 'showVolatile',
         x: 219,
         y: 783,
         size: 20,

package/dist/estuarine/element-renderer.js

@@ -1,7 +1,8 @@
-import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
+import { ElementRendererExtension, taggedPath2D, } from '@formicoidea/labre-core/blocks/surface';
 import { translateKey, } from '@formicoidea/labre-core/shared/services';
 import { FONT_FAMILY } from '../utils.js';
 import { ARROWHEADS, AXIS_LABELS, AXIS_WIDTH, COLORS, COUNTERFACTUAL_PATH, COUNTERFACTUAL_WIDTH, E_AXIS, LABEL_LETTER_SPACING, LABELS, LIMINAL_PATH, LIMINAL_WIDTH, REF_H, REF_W, T_AXIS, VOLATILE_PATH, VOLATILE_WIDTH, } from './consts.js';
+import { estuarineLegendText } from './labels.js';
 /**
  * The three reference curves are drawn as a permanent GHOST (PO arbitration,
  * 26/08/2026): dashed, translucent, never solid again.
@@ -40,21 +41,21 @@ export function estuarineCurves() {
     return (_curves ??= [
         {
             key: 'liminal',
-            path: new Path2D(LIMINAL_PATH),
+            path: taggedPath2D(LIMINAL_PATH),
             color: COLORS.liminal,
             width: LIMINAL_WIDTH,
             visibleProp: 'showLiminal',
         },
         {
             key: 'volatile',
-            path: new Path2D(VOLATILE_PATH),
+            path: taggedPath2D(VOLATILE_PATH),
             color: COLORS.volatile,
             width: VOLATILE_WIDTH,
             visibleProp: 'showVolatile',
         },
         {
             key: 'counterfactual',
-            path: new Path2D(COUNTERFACTUAL_PATH),
+            path: taggedPath2D(COUNTERFACTUAL_PATH),
             color: COLORS.counterfactual,
             width: COUNTERFACTUAL_WIDTH,
             visibleProp: 'showCounterfactual',
@@ -146,7 +147,8 @@ export const estuarine = (model, ctx, matrix, renderer) => {
     // Uppercase legend (centre-anchored, alphabetic baseline, letter-spaced).
     // Anchored proportionally, typed isotropically — never inside the stretch.
     const hasSpacing = 'letterSpacing' in ctx;
-    const legend = (l) => {
+    const legend = (key) => {
+        const l = LABELS[key];
         ctx.fillStyle = l.color;
         ctx.font = `600 ${l.size * fit.strokeScale}px ${FONT_FAMILY}`;
         ctx.textAlign = 'center';
@@ -154,7 +156,9 @@ export const estuarine = (model, ctx, matrix, renderer) => {
         if (hasSpacing) {
             ctx.letterSpacing = `${LABEL_LETTER_SPACING * fit.strokeScale}px`;
         }
-        ctx.fillText(tr(l.wording), ax(l.x), ay(l.y));
+        // The user's own word when they have renamed this legend, the catalogue's
+        // otherwise — the same precedence a declared background applies.
+        ctx.fillText(estuarineLegendText(model, key, tr), ax(l.x), ay(l.y));
         if (hasSpacing)
             ctx.letterSpacing = '0px';
     };
@@ -173,7 +177,7 @@ export const estuarine = (model, ctx, matrix, renderer) => {
         ctx.setLineDash([...GHOST_DASH]);
         ctx.stroke(curve.path);
         ctx.restore();
-        legend(LABELS[curve.key]);
+        legend(curve.key);
     }
     // ── Italic e / t axis letters ───────────────────────────────────────
     if (model.showAxisLabels) {

package/dist/estuarine/element-view.d.ts

@@ -1,11 +1,19 @@
+import type { EditableBackgroundLabel } from '@formicoidea/labre-core/blocks/surface';
+import { FrameworkBackgroundView } from '@formicoidea/labre-core/blocks/surface';
 import type { EstuarineElementModel } from '@formicoidea/labre-core/model';
-import { GfxElementModelView } from '@formicoidea/labre-core/std/gfx';
 /**
  * View for the Estuarine background. Registering it ensures `gfx.view.get(model)`
  * returns a view (required so move / select interactions work).
+ *
+ * Extends {@link FrameworkBackgroundView} rather than
+ * `DeclaredBackgroundView`: the map is a reproduction of the official SVG with
+ * a stretch of its own and no `FrameworkBackgroundDef` behind it, so it says
+ * where its three legends are through the very fit the renderer anchors them
+ * with. The gesture itself is the shared one (issue #355).
  */
-export declare class EstuarineView extends GfxElementModelView<EstuarineElementModel> {
+export declare class EstuarineView extends FrameworkBackgroundView<EstuarineElementModel> {
     static type: string;
+    protected labelAt(lx: number, ly: number, w: number, h: number): EditableBackgroundLabel | null;
 }
 /**
  * Resize gating: the resize handles are hidden unless `model.resizeEnabled` is

package/dist/estuarine/element-view.js

@@ -1,10 +1,25 @@
-import { GfxElementModelView, GfxViewInteractionExtension, } from '@formicoidea/labre-core/std/gfx';
+import { FrameworkBackgroundView, hitTestBackgroundLabel, } from '@formicoidea/labre-core/blocks/surface';
+import { translateKey, } from '@formicoidea/labre-core/shared/services';
+import { GfxViewInteractionExtension } from '@formicoidea/labre-core/std/gfx';
+import { estuarineFit } from './element-renderer.js';
+import { estuarineLabelHits } from './labels.js';
 /**
  * View for the Estuarine background. Registering it ensures `gfx.view.get(model)`
  * returns a view (required so move / select interactions work).
+ *
+ * Extends {@link FrameworkBackgroundView} rather than
+ * `DeclaredBackgroundView`: the map is a reproduction of the official SVG with
+ * a stretch of its own and no `FrameworkBackgroundDef` behind it, so it says
+ * where its three legends are through the very fit the renderer anchors them
+ * with. The gesture itself is the shared one (issue #355).
  */
-export class EstuarineView extends GfxElementModelView {
+export class EstuarineView extends FrameworkBackgroundView {
     static { this.type = 'estuarine'; }
+    labelAt(lx, ly, w, h) {
+        const translate = (wording) => translateKey(this.gfx.std, ...wording);
+        const hit = hitTestBackgroundLabel(estuarineLabelHits(this.model, estuarineFit(w, h), translate), lx, ly);
+        return hit ? { prop: hit.prop, text: hit.text } : null;
+    }
 }
 /**
  * Resize gating: the resize handles are hidden unless `model.resizeEnabled` is

package/dist/estuarine/labels.d.ts

@@ -0,0 +1,39 @@
+import type { BackgroundLabelHit } from '@formicoidea/labre-core/blocks/surface';
+import type { EstuarineElementModel } from '@formicoidea/labre-core/model';
+import type { ChromeWording } from '@formicoidea/labre-core/shared/services';
+import { LABELS } from './consts.js';
+/** Resolves a wording against the host's catalogue, or falls back to English. */
+export type EstuarineWordingResolver = (wording: ChromeWording) => string;
+/** The three curve legends, in the order the renderer paints them. */
+export type EstuarineLegendKey = keyof typeof LABELS;
+/**
+ * Only the factors the legends need out of `EstuarineFit`.
+ *
+ * Taken as a parameter rather than imported: the fit is computed in
+ * `./element-renderer.ts`, which reads this module to know what a legend says,
+ * and a module cycle to save two fields would be a poor trade.
+ */
+export interface EstuarineLegendFit {
+    sx: number;
+    sy: number;
+    /** The one undeformed factor — type is never stretched. */
+    strokeScale: number;
+}
+/**
+ * What a legend SAYS: the user's own word, else the vocabulary.
+ *
+ * The very precedence `backgroundLabelText` applies to a declared background —
+ * user text wins over the catalogue, the catalogue over the shipped English —
+ * spelled out here because this map has no declaration to apply it for it. An
+ * empty string is a real answer (the user erased the word), which is why the
+ * test is against `undefined` and not against falsiness.
+ */
+export declare function estuarineLegendText(model: EstuarineElementModel, key: EstuarineLegendKey, translate: EstuarineWordingResolver): string;
+/**
+ * Clickable boxes of the visible legends, in ELEMENT-LOCAL coordinates.
+ *
+ * Anchored through the same fit the renderer anchors them with: proportionally
+ * in both directions, typed isotropically. A legend whose curve is switched off
+ * is not painted and is therefore not aimable either.
+ */
+export declare function estuarineLabelHits(model: EstuarineElementModel, fit: EstuarineLegendFit, translate: EstuarineWordingResolver): BackgroundLabelHit[];

package/dist/estuarine/labels.js

@@ -0,0 +1,49 @@
+import { backgroundTextHitBox } from '@formicoidea/labre-core/blocks/surface';
+import { LABEL_LETTER_SPACING, LABELS } from './consts.js';
+/**
+ * What a legend SAYS: the user's own word, else the vocabulary.
+ *
+ * The very precedence `backgroundLabelText` applies to a declared background —
+ * user text wins over the catalogue, the catalogue over the shipped English —
+ * spelled out here because this map has no declaration to apply it for it. An
+ * empty string is a real answer (the user erased the word), which is why the
+ * test is against `undefined` and not against falsiness.
+ */
+export function estuarineLegendText(model, key, translate) {
+    const label = LABELS[key];
+    const own = model[label.prop];
+    return own === undefined || own === null
+        ? translate(label.wording)
+        : String(own);
+}
+/**
+ * Clickable boxes of the visible legends, in ELEMENT-LOCAL coordinates.
+ *
+ * Anchored through the same fit the renderer anchors them with: proportionally
+ * in both directions, typed isotropically. A legend whose curve is switched off
+ * is not painted and is therefore not aimable either.
+ */
+export function estuarineLabelHits(model, fit, translate) {
+    const props = model;
+    const hits = [];
+    for (const key of Object.keys(LABELS)) {
+        const label = LABELS[key];
+        if (!props[label.visibleProp])
+            continue;
+        const text = estuarineLegendText(model, key, translate);
+        const box = backgroundTextHitBox(text, label.size * fit.strokeScale, label.x * fit.sx, label.y * fit.sy, 'center');
+        // A legend is letter-spaced, so it is wider than the shared estimate: half
+        // of the extra width on each side, since the word is centred on its anchor.
+        const spread = (Math.max(text.length - 1, 0) * LABEL_LETTER_SPACING * fit.strokeScale) /
+            2;
+        hits.push({
+            id: key,
+            prop: label.prop,
+            text,
+            ...box,
+            minX: box.minX - spread,
+            maxX: box.maxX + spread,
+        });
+    }
+    return hits;
+}

package/dist/templates/index.js

@@ -171,7 +171,7 @@ function tr(std, wording) {
  * A hand-composed template — what is left once the artefacts are derived.
  *
  * The seeds a template writes into the document go through the translation
- * seam at placement (ADR 0016); `content` stays the English build, and
+ * seam at placement (ADR 0023); `content` stays the English build, and
  * `localize` rebuilds the same snapshot with translated seeds.
  */
 function tpl(name, preview, build, nameKey) {

package/dist/toolbar/palette.d.ts

@@ -0,0 +1,31 @@
+import type { FrameworkPalette, NamedPalette } from '@formicoidea/labre-core/components/color-picker';
+import type { ChromeWording } from '@formicoidea/labre-core/shared/services';
+/**
+ * The Cynefin / Estuarine swatches' own names, resolved by
+ * `resolvePaletteLabel` (`@labre/affine-components/color-picker`) through each
+ * swatch's own {@link NamedPalette.labelWording} — the mechanism
+ * `WARDLEY_PALETTE_WORDINGS` established, reused here without either package
+ * naming the other.
+ *
+ * Exported so `../translations.ts` can list them under source `chrome`: a
+ * swatch's name is toolbar chrome, re-rendered on every locale switch, never
+ * seeded into a document.
+ */
+export declare const CYNEFIN_ESTUARINE_PALETTE_WORDING_ITERATE: ChromeWording;
+export declare const CYNEFIN_ESTUARINE_PALETTE_WORDING_LIMINAL: ChromeWording;
+export declare const CYNEFIN_ESTUARINE_PALETTE_WORDING_LIMINAL_DARK: ChromeWording;
+export declare const CYNEFIN_ESTUARINE_PALETTE_WORDING_VOLATILE: ChromeWording;
+export declare const CYNEFIN_ESTUARINE_PALETTE_WORDING_AXIS: ChromeWording;
+export declare const CYNEFIN_ESTUARINE_PALETTE_WORDINGS: readonly ChromeWording[];
+/**
+ * From the default editor palette we keep ONLY the neutrals — the historical
+ * colours say nothing in this notation.
+ */
+export declare const CYNEFIN_ESTUARINE_PALETTE_LIST: NamedPalette[];
+/**
+ * This pack's page of the colour pickers' carousel (`docs/adr/0027`).
+ * Registered from the FLAG-GATED view extension, because offering hues is
+ * TOOLING: a board drawn while the flag was on keeps every colour it was
+ * painted with when the flag goes off (`docs/adr/0009`).
+ */
+export declare const CYNEFIN_ESTUARINE_FRAMEWORK_PALETTE: FrameworkPalette;

package/dist/toolbar/palette.js

@@ -0,0 +1,105 @@
+import { neutralPalettes } from '@formicoidea/labre-core/gfx/shape';
+import { COLORS as CYNEFIN_COLORS } from '../cynefin/consts.js';
+import { COLORS as ESTUARINE_COLORS } from '../estuarine/consts.js';
+/**
+ * The Cynefin / Estuarine swatches' own names, resolved by
+ * `resolvePaletteLabel` (`@labre/affine-components/color-picker`) through each
+ * swatch's own {@link NamedPalette.labelWording} — the mechanism
+ * `WARDLEY_PALETTE_WORDINGS` established, reused here without either package
+ * naming the other.
+ *
+ * Exported so `../translations.ts` can list them under source `chrome`: a
+ * swatch's name is toolbar chrome, re-rendered on every locale switch, never
+ * seeded into a document.
+ */
+export const CYNEFIN_ESTUARINE_PALETTE_WORDING_ITERATE = [
+    'com.labre.cynefin.palette.iterate-teal',
+    'Iterate teal',
+];
+export const CYNEFIN_ESTUARINE_PALETTE_WORDING_LIMINAL = [
+    'com.labre.estuarine.palette.liminal-green',
+    'Liminal green',
+];
+export const CYNEFIN_ESTUARINE_PALETTE_WORDING_LIMINAL_DARK = [
+    'com.labre.estuarine.palette.liminal-green-dark',
+    'Liminal green dark',
+];
+export const CYNEFIN_ESTUARINE_PALETTE_WORDING_VOLATILE = [
+    'com.labre.estuarine.palette.volatile-red',
+    'Volatile red',
+];
+export const CYNEFIN_ESTUARINE_PALETTE_WORDING_AXIS = [
+    'com.labre.estuarine.palette.axis-plum',
+    'Axis plum',
+];
+export const CYNEFIN_ESTUARINE_PALETTE_WORDINGS = [
+    CYNEFIN_ESTUARINE_PALETTE_WORDING_ITERATE,
+    CYNEFIN_ESTUARINE_PALETTE_WORDING_LIMINAL,
+    CYNEFIN_ESTUARINE_PALETTE_WORDING_LIMINAL_DARK,
+    CYNEFIN_ESTUARINE_PALETTE_WORDING_VOLATILE,
+    CYNEFIN_ESTUARINE_PALETTE_WORDING_AXIS,
+];
+/**
+ * The hues the two boards of this pack are actually drawn in.
+ *
+ * ONE page for two diagrams, because they are one framework id
+ * (`cynefin-estuarine`) and an author works across both. Cynefin contributes
+ * the teal of its "iterate" curve — the only colour on a frame whose other
+ * inks are the shared notation neutrals — and Estuarine the three its curve
+ * legends are drawn in plus the plum of its two axes.
+ *
+ * Every value is read off the two `COLORS` tables rather than restated, so the
+ * shelf and the painted frames cannot drift apart. They are SHORTCUTS, never
+ * constraints: nothing on either board reads a colour.
+ */
+const CYNEFIN_ESTUARINE_PALETTES = [
+    {
+        key: 'Iterate teal',
+        value: CYNEFIN_COLORS.teal,
+        labelWording: CYNEFIN_ESTUARINE_PALETTE_WORDING_ITERATE,
+    },
+    {
+        key: 'Liminal green',
+        value: ESTUARINE_COLORS.liminal,
+        labelWording: CYNEFIN_ESTUARINE_PALETTE_WORDING_LIMINAL,
+    },
+    // The LIMINAL legend's own darker green — the curve's colour is too light to
+    // read as words over the map.
+    {
+        key: 'Liminal green dark',
+        value: ESTUARINE_COLORS.liminalLabel,
+        labelWording: CYNEFIN_ESTUARINE_PALETTE_WORDING_LIMINAL_DARK,
+    },
+    {
+        key: 'Volatile red',
+        value: ESTUARINE_COLORS.volatile,
+        labelWording: CYNEFIN_ESTUARINE_PALETTE_WORDING_VOLATILE,
+    },
+    {
+        key: 'Axis plum',
+        value: ESTUARINE_COLORS.axis,
+        labelWording: CYNEFIN_ESTUARINE_PALETTE_WORDING_AXIS,
+    },
+];
+/**
+ * From the default editor palette we keep ONLY the neutrals — the historical
+ * colours say nothing in this notation.
+ */
+export const CYNEFIN_ESTUARINE_PALETTE_LIST = [
+    ...CYNEFIN_ESTUARINE_PALETTES,
+    ...neutralPalettes(),
+];
+/**
+ * This pack's page of the colour pickers' carousel (`docs/adr/0027`).
+ * Registered from the FLAG-GATED view extension, because offering hues is
+ * TOOLING: a board drawn while the flag was on keeps every colour it was
+ * painted with when the flag goes off (`docs/adr/0009`).
+ */
+export const CYNEFIN_ESTUARINE_FRAMEWORK_PALETTE = {
+    framework: 'cynefin-estuarine',
+    labelWording: [
+        'com.labre.framework.cynefin-estuarine',
+        'Cynefin / Estuarine',
+    ],
+    palettes: CYNEFIN_ESTUARINE_PALETTE_LIST,
+};

package/dist/toolbar/senior-button.d.ts

@@ -7,6 +7,8 @@ export declare class EdgelessCynefinEstuarineSeniorButton extends EdgelessCynefi
     enableActiveBackground: boolean;
     type: typeof EmptyTool;
     private _toggleMenu;
+    /** Lit while one of THIS framework's artefacts is armed. See the Wardley one. */
+    private get _armed();
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/toolbar/senior-button.js

@@ -1,7 +1,7 @@
 import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
 import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
 import { translateKey } from '@formicoidea/labre-core/shared/services';
-import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
+import { armedArtefact, EdgelessToolbarToolMixin, } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
 import { SignalWatcher } from '@formicoidea/labre-core/global/lit';
 import { css, html, LitElement } from 'lit';
 import { cynefinToolbarIcon } from './icons.js';
@@ -62,6 +62,10 @@ export class EdgelessCynefinEstuarineSeniorButton extends EdgelessToolbarToolMix
         const menu = this.createPopper('edgeless-cynefin-estuarine-menu', this);
         menu.element.edgeless = this.edgeless;
     }
+    /** Lit while one of THIS framework's artefacts is armed. See the Wardley one. */
+    get _armed() {
+        return armedArtefact(this.gfx)?.owner === 'cynefin-estuarine';
+    }
     render() {
         return html `<edgeless-toolbar-button
       class="ce-button"
@@ -69,7 +73,7 @@ export class EdgelessCynefinEstuarineSeniorButton extends EdgelessToolbarToolMix
             ? ''
             : translateKey(this.edgeless.std, 'com.labre.framework.cynefin-estuarine', 'Cynefin / Estuarine')}
       .tooltipOffset=${4}
-      .active=${!!this.popper}
+      .active=${!!this.popper || this._armed}
       @click=${this._toggleMenu}
     >
       <div class="ce-root">

package/dist/translations.js

@@ -8,6 +8,7 @@ import { ESTUARINE_READING } from './estuarine/reading.js';
 import { ESTUARINE_ROLES } from './estuarine/roles.js';
 import { ESTUARINE_TOOLBAR_WORDINGS } from './estuarine/toolbar/config.js';
 import { CYNEFIN_ESTUARINE_TEMPLATE_CATEGORY_WORDINGS, CYNEFIN_ESTUARINE_TEMPLATE_NAME_WORDINGS, CYNEFIN_ESTUARINE_TEMPLATE_SEEDS, } from './templates/index.js';
+import { CYNEFIN_ESTUARINE_PALETTE_WORDINGS } from './toolbar/palette.js';
 /**
  * THIS framework's contribution to the translation-key manifest.
  *
@@ -76,4 +77,12 @@ ESTUARINE_CANVAS_WORDINGS.map(([key, fallback]) => ({
     key,
     fallback,
     source: 'chrome',
+})), 
+// The carousel swatches' own names (`toolbar/palette.ts`) — chrome,
+// re-rendered by the colour picker on every locale switch, never seeded
+// into a document. Same treatment as Wardley's and EDGY's.
+CYNEFIN_ESTUARINE_PALETTE_WORDINGS.map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'chrome',
 })));

package/dist/view.js

@@ -1,4 +1,5 @@
 import { QualityNudgeExtension, ReadingProfileExtension, ValidationFrameworkExtension, validationToolbarConfig, } from '@formicoidea/labre-core/blocks/surface';
+import { FrameworkPaletteExtension } from '@formicoidea/labre-core/components/color-picker';
 import { ViewExtensionProvider, } from '@formicoidea/labre-core/ext-loader';
 import { TemplateCategoryExtension } from '@formicoidea/labre-core/gfx/template';
 import { ToolbarModuleExtension } from '@formicoidea/labre-core/shared/services';
@@ -17,6 +18,7 @@ import { ESTUARINE_READING } from './estuarine/reading.js';
 import { ESTUARINE_ROLE, ESTUARINE_ROLES } from './estuarine/roles.js';
 import { estuarineToolbarExtension } from './estuarine/toolbar/config.js';
 import { cynefinTemplateCategory, estuarineTemplateCategory, } from './templates/index.js';
+import { CYNEFIN_ESTUARINE_FRAMEWORK_PALETTE } from './toolbar/palette.js';
 import { cynefinEstuarineSeniorTool } from './toolbar/senior-tool.js';
 /**
  * Cynefin / Estuarine rendering — ALWAYS registered, independent of any flag.
@@ -110,6 +112,11 @@ export class CynefinEstuarineViewExtension extends ViewExtensionProvider {
             // free element on a Cynefin board carries no role and stays unreadable.
             context.register(ReadingProfileExtension(ESTUARINE_READING));
             context.register(cynefinEstuarineSeniorTool);
+            // This pack's page of the colour pickers' carousel (`docs/adr/0027`).
+            // Here, beside the senior tool, because offering hues is TOOLING — the
+            // colours already painted on a stored board are content and do not move
+            // (`docs/adr/0009`).
+            context.register(FrameworkPaletteExtension(CYNEFIN_ESTUARINE_FRAMEWORK_PALETTE));
             // Both Templates-panel categories — tooling, so they go with the flag
             // (#244).
             context.register(TemplateCategoryExtension(cynefinTemplateCategory, estuarineTemplateCategory));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-cynefin",
   "description": "Labre cynefin-estuarine framework for @formicoidea/labre-core.",
-  "version": "0.41.0",
+  "version": "0.42.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -31,7 +31,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.41.0",
+    "@formicoidea/labre-core": "0.42.0",
     "@preact/signals-core": "^1.8.0",
     "lit": "^3.2.0"
   }