@formicoidea/labre-framework-cynefin 0.41.0 → 0.43.1

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 { ARROWHEADS, AXIS_LABELS, AXIS_WIDTH, COLORS, COUNTERFACTUAL_PATH, COUNTERFACTUAL_WIDTH, E_AXIS, LABEL_LETTER_SPACING, LABELS, LIMINAL_PATH, LIMINAL_WIDTH, REF_H, REF_W, REF_X, REF_Y, 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',
@@ -81,6 +82,10 @@ export function estuarineFit(w, h) {
 export function applyEstuarineTransform(ctx, w, h) {
     const fit = estuarineFit(w, h);
     ctx.scale(fit.sx, fit.sy);
+    // The crop: authored (REF_X, REF_Y) is the element's own origin. Applied
+    // INSIDE the scale so the translation is expressed in authored units, which
+    // is the space the `Path2D` this transform is meant for is written in.
+    ctx.translate(-REF_X, -REF_Y);
     return fit;
 }
 /**
@@ -96,6 +101,13 @@ export function applyEstuarineTransform(ctx, w, h) {
  *   arrowheads and every word. Their POSITION follows the stretch — an axis
  *   ends where the map now ends — while their SHAPE does not, because a
  *   stretched arrowhead or a squashed letter is a defect, never a feature.
+ *
+ *   One rule keeps that split honest, and it is the shared primitive's own
+ *   (`drawAxis` / `backgroundPoint`): **an anchor is a RATIO of the frame, and
+ *   every offset from an anchor is in FIXED units.** A shape must never take
+ *   its anchor from one and its offset from the other — that mix is exactly
+ *   what tore the arrowheads off their axes and slid the `e` / `t` letters
+ *   around on a stretched map.
  * - **Stretched reference space**, entered by {@link applyEstuarineTransform}:
  *   the three curves, which are boundaries across the plane and must cover
  *   whatever plane the user has made.
@@ -110,10 +122,10 @@ export const estuarine = (model, ctx, matrix, renderer) => {
         .rotateSelf(model.rotate)
         .translateSelf(-cx, -cy));
     const fit = estuarineFit(w, h);
-    /** Authored x → element x. Proportional: `43.5 / 690` of the real width. */
-    const ax = (x) => x * fit.sx;
+    /** Authored x → element x, through the cropped window (see `./consts.ts`). */
+    const ax = (x) => (x - REF_X) * fit.sx;
     /** Authored y → element y. */
-    const ay = (y) => y * fit.sy;
+    const ay = (y) => (y - REF_Y) * fit.sy;
     ctx.lineCap = 'round';
     ctx.lineJoin = 'round';
     // ── Axes ────────────────────────────────────────────────────────────
@@ -129,24 +141,37 @@ export const estuarine = (model, ctx, matrix, renderer) => {
     ctx.moveTo(ax(T_AXIS.x1), ay(T_AXIS.y));
     ctx.lineTo(ax(T_AXIS.x2), ay(T_AXIS.y));
     ctx.stroke();
-    // Each head is pinned by its TIP — which travels to the real end of its axis
-    // — and then built from the authored offsets at the isotropic scale, so the
-    // triangle keeps its shape at any aspect ratio.
-    for (const [[tx, ty], [px, py], [qx, qy]] of ARROWHEADS) {
-        const tipX = ax(tx);
-        const tipY = ay(ty);
-        const k = fit.strokeScale;
+    // Each head is welded to the END OF ITS AXIS — the one proportional anchor —
+    // and built entirely from fixed offsets around that point, exactly as the
+    // shared primitive's `drawAxis` builds one. Anchor by ratio, offset by fixed
+    // units, never a mix of the two on the two ends of one shape: that is the
+    // rule the old formula broke by pinning the tip proportionally and then
+    // rebuilding the base from it at the isotropic scale.
+    const k = fit.strokeScale;
+    for (const head of ARROWHEADS) {
+        const [dx, dy] = head.dir;
+        // Across the axis, same fixed units — the base's half-width.
+        const [px, py] = [-dy, dx];
+        const endX = ax(head.at[0]);
+        const endY = ay(head.at[1]);
+        // The base sits SHORT of the axis end, so the stroke dies inside the
+        // triangle and the two never come apart however the map is pulled.
+        const baseX = endX - dx * head.overlap * k;
+        const baseY = endY - dy * head.overlap * k;
+        const spreadX = px * head.halfWidth * k;
+        const spreadY = py * head.halfWidth * k;
         ctx.beginPath();
-        ctx.moveTo(tipX, tipY);
-        ctx.lineTo(tipX + (px - tx) * k, tipY + (py - ty) * k);
-        ctx.lineTo(tipX + (qx - tx) * k, tipY + (qy - ty) * k);
+        ctx.moveTo(endX + dx * head.tip * k, endY + dy * head.tip * k);
+        ctx.lineTo(baseX - spreadX, baseY - spreadY);
+        ctx.lineTo(baseX + spreadX, baseY + spreadY);
         ctx.closePath();
         ctx.fill();
     }
     // 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 +179,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,16 +200,21 @@ 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 ───────────────────────────────────────
+    // A letter names an axis, so it rides the END of that axis (proportional)
+    // at a FIXED gap from it — the same anchor-plus-offset a declared background
+    // writes as `backgroundPoint`. The glyph and the gap then scale together, so
+    // the letter sits the same distance from its axis at every ratio.
     if (model.showAxisLabels) {
         ctx.fillStyle = COLORS.axisLabel;
-        ctx.font = `italic 700 ${AXIS_LABELS.size * fit.strokeScale}px Georgia, serif`;
+        ctx.font = `italic 700 ${AXIS_LABELS.size * k}px Georgia, serif`;
         ctx.textAlign = 'left';
         ctx.textBaseline = 'alphabetic';
-        ctx.fillText(AXIS_LABELS.e.text, ax(AXIS_LABELS.e.x), ay(AXIS_LABELS.e.y));
-        ctx.fillText(AXIS_LABELS.t.text, ax(AXIS_LABELS.t.x), ay(AXIS_LABELS.t.y));
+        for (const letter of [AXIS_LABELS.e, AXIS_LABELS.t]) {
+            ctx.fillText(letter.text, ax(letter.at[0]) + letter.dx * k, ay(letter.at[1]) + letter.dy * k);
+        }
     }
 };
 export const EstuarineRendererExtension = ElementRendererExtension('estuarine', estuarine);

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,40 @@
+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 — through the same cropped window (`REF_X` / `REF_Y`) —
+ * and 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,50 @@
+import { backgroundTextHitBox } from '@formicoidea/labre-core/blocks/surface';
+import { LABEL_LETTER_SPACING, LABELS, REF_X, REF_Y } 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 — through the same cropped window (`REF_X` / `REF_Y`) —
+ * and 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 - REF_X) * fit.sx, (label.y - REF_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/presets.d.ts

@@ -8,9 +8,20 @@
  * the estuarine background was drawn at scale 1 while the button drew it at
  * 1.2. Derived from one table, neither can happen again.
  */
-/** Estuarine map default scale (REF aspect, scaled up so it reads on canvas). */
+/**
+ * Estuarine map default scale: how many canvas units one reference unit of the
+ * drawing is worth when the map is born. The DRAWING's size, in other words —
+ * which is why it is this number, and not the birth box, that is the constant.
+ */
 export declare const MAP_SCALE = 1.2;
-/** The box an estuarine map is born in — the size the toolbox draws. */
+/**
+ * The box an estuarine map is born in — the size the toolbox draws.
+ *
+ * Derived from the CROPPED reference box (`estuarine/consts.ts`), so the board
+ * is born just big enough to hold its drawing plus a thin margin. It shrank
+ * when the crop tightened (828 × 961.2 → 790.8 × 943.8) and the drawing inside
+ * it did not change size by a single unit — `MAP_SCALE` is still 1.2.
+ */
 export declare const ESTUARINE_MAP_W: number;
 export declare const ESTUARINE_MAP_H: number;
 /** The box a Cynefin frame is born in. */

package/dist/presets.js

@@ -12,9 +12,20 @@ import { ESTUARINE_ROLE } from './estuarine/roles.js';
  * the estuarine background was drawn at scale 1 while the button drew it at
  * 1.2. Derived from one table, neither can happen again.
  */
-/** Estuarine map default scale (REF aspect, scaled up so it reads on canvas). */
+/**
+ * Estuarine map default scale: how many canvas units one reference unit of the
+ * drawing is worth when the map is born. The DRAWING's size, in other words —
+ * which is why it is this number, and not the birth box, that is the constant.
+ */
 export const MAP_SCALE = 1.2;
-/** The box an estuarine map is born in — the size the toolbox draws. */
+/**
+ * The box an estuarine map is born in — the size the toolbox draws.
+ *
+ * Derived from the CROPPED reference box (`estuarine/consts.ts`), so the board
+ * is born just big enough to hold its drawing plus a thin margin. It shrank
+ * when the crop tightened (828 × 961.2 → 790.8 × 943.8) and the drawing inside
+ * it did not change size by a single unit — `MAP_SCALE` is still 1.2.
+ */
 export const ESTUARINE_MAP_W = EST_W * MAP_SCALE;
 export const ESTUARINE_MAP_H = EST_H * MAP_SCALE;
 /** The box a Cynefin frame is born in. */

package/dist/templates/index.js

@@ -3,7 +3,7 @@ import { FontFamily, ShapeStyle, TextAlign } from '@formicoidea/labre-core/model
 import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { translateKey, } from '@formicoidea/labre-core/shared/services';
 import { cynefinEstuarineCommands } from '../commands.js';
-import { HEX_SIZE } from '../estuarine/consts.js';
+import { HEX_SIZE, REF_X, REF_Y } from '../estuarine/consts.js';
 import { CYNEFIN_H, CYNEFIN_W, cynefinBackgroundProps, ESTUARINE_MAP_H, ESTUARINE_MAP_W, estuarineHexagonBox, estuarineHexagonProps, estuarineMapProps, MAP_SCALE, } from '../presets.js';
 /**
  * The Cynefin / Estuarine palettes — DERIVED from the toolbox, one template per
@@ -12,8 +12,8 @@ import { CYNEFIN_H, CYNEFIN_W, cynefinBackgroundProps, ESTUARINE_MAP_H, ESTUARIN
  * Every single-artefact entry below is what its command actually draws, run
  * once against a recording surface. Hand-written, they had drifted exactly as
  * far as a copy drifts: the hexagons had lost the `textFitMode` #52 gave them,
- * and the estuarine background was drawn at scale 1 (690×801) where the button
- * draws it at 1.2 (828×961). Derived, neither can happen again — and
+ * and the estuarine background was drawn at scale 1 where the button draws it
+ * at `MAP_SCALE`. Derived, neither can happen again — and
  * `templates-parity.unit.spec.ts` re-runs each command and compares.
  *
  * The two COMPOSITIONS stay hand-written: a sorting board and a constraint map
@@ -47,12 +47,19 @@ function sticky(x, y, text) {
     };
 }
 /**
- * A constraint on the shipped map, placed by its CENTRE in the map's reference
- * space (690×801) — the frame the drawing was laid out in — carried onto the
- * box the map is actually born at.
+ * A constraint on the shipped map, placed by its CENTRE in the map's AUTHORED
+ * space (the 690×801 the drawing was laid out in), carried onto the box the map
+ * is actually born at.
+ *
+ * `- REF_X` / `- REF_Y` is the map's crop: the board's own origin is authored
+ * `(REF_X, REF_Y)`, not `(0, 0)`, so a hexagon placed on a curve stays on that
+ * curve. Derived, never restated — tightening the crop moves the drawing and
+ * the constraints on it together.
  */
+const mapX = (cx) => (cx - REF_X) * MAP_SCALE;
+const mapY = (cy) => (cy - REF_Y) * MAP_SCALE;
 const hexAt = (cx, cy) => estuarineHexagonProps({
-    xywh: estuarineHexagonBox(cx * MAP_SCALE, cy * MAP_SCALE),
+    xywh: estuarineHexagonBox(mapX(cx), mapY(cy)),
 });
 const CAPTION_W = 120;
 const CAPTION_H = 24;
@@ -69,8 +76,8 @@ const CAPTION_GAP = 8;
  * Neutral, and staying so: a name is nobody's artefact.
  */
 function caption(cx, cy, str) {
-    const x = cx * MAP_SCALE - CAPTION_W / 2;
-    const y = cy * MAP_SCALE + HEX_SIZE / 2 + CAPTION_GAP;
+    const x = mapX(cx) - CAPTION_W / 2;
+    const y = mapY(cy) + HEX_SIZE / 2 + CAPTION_GAP;
     return {
         type: 'text',
         text: surfaceText(str),
@@ -171,7 +178,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/utils.d.ts

@@ -1,11 +1,9 @@
 /**
- * Uniform fit of a fixed reference design (`refW × refH`) into an element of
- * size `w × h`: the scale factor plus the centering offsets (letterboxed).
- * Keeps the artwork undistorted at any element size.
+ * Uniform fit of a fixed reference design into an element, THE one in the
+ * library: `@labre/affine-block-surface`'s `refScale`. Re-exported here because
+ * both diagrams of this package draw an authored artwork and have always called
+ * it by this name — the body used to be copied here, and in two other packages
+ * besides (R37, one source of truth).
  */
-export declare function refScale(w: number, h: number, refW: number, refH: number): {
-    s: number;
-    ox: number;
-    oy: number;
-};
+export { refScale } from '@formicoidea/labre-core/blocks/surface';
 export declare const FONT_FAMILY = "Inter, sans-serif";

package/dist/utils.js

@@ -1,10 +1,9 @@
 /**
- * Uniform fit of a fixed reference design (`refW × refH`) into an element of
- * size `w × h`: the scale factor plus the centering offsets (letterboxed).
- * Keeps the artwork undistorted at any element size.
+ * Uniform fit of a fixed reference design into an element, THE one in the
+ * library: `@labre/affine-block-surface`'s `refScale`. Re-exported here because
+ * both diagrams of this package draw an authored artwork and have always called
+ * it by this name — the body used to be copied here, and in two other packages
+ * besides (R37, one source of truth).
  */
-export function refScale(w, h, refW, refH) {
-    const s = Math.min(w / refW, h / refH);
-    return { s, ox: (w - refW * s) / 2, oy: (h - refH * s) / 2 };
-}
+export { refScale } from '@formicoidea/labre-core/blocks/surface';
 export const FONT_FAMILY = 'Inter, sans-serif';