@formicoidea/labre-framework-cynefin 0.40.0 → 0.42.0

package/dist/templates/index.js

@@ -1,6 +1,7 @@
 import { makeTemplateSnapshot, surfaceText, templateFromCommand, } from '@formicoidea/labre-core/gfx/template';
 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 { CYNEFIN_H, CYNEFIN_W, cynefinBackgroundProps, ESTUARINE_MAP_H, ESTUARINE_MAP_W, estuarineHexagonBox, estuarineHexagonProps, estuarineMapProps, MAP_SCALE, } from '../presets.js';
@@ -80,46 +81,152 @@ function caption(cx, cy, str) {
         xywh: `[${x},${y},${CAPTION_W},${CAPTION_H}]`,
     };
 }
-/** A hand-composed template — what is left once the artefacts are derived. */
-function tpl(name, preview, elements) {
+/**
+ * The seeds the two hand-composed templates below write into the document:
+ * the "Decision sorting" board's four domain stickies, and the "Constraint
+ * map" board's three hexagon captions. Exported so `translations.ts` derives
+ * the manifest entries from the SAME constants rather than restating them.
+ */
+export const CYNEFIN_SEED_PROBE_LEARN = [
+    'com.labre.cynefin-estuarine.seed.probe-learn',
+    'Probe & learn',
+];
+export const CYNEFIN_SEED_EXPERT_ANALYSIS = [
+    'com.labre.cynefin-estuarine.seed.expert-analysis',
+    'Expert analysis',
+];
+export const CYNEFIN_SEED_ACT_NOW = [
+    'com.labre.cynefin-estuarine.seed.act-now',
+    'Act now',
+];
+export const CYNEFIN_SEED_KNOWN_ISSUE = [
+    'com.labre.cynefin-estuarine.seed.known-issue',
+    'Known issue',
+];
+export const ESTUARINE_SEED_POLICY = [
+    'com.labre.cynefin-estuarine.seed.policy',
+    'Policy',
+];
+export const ESTUARINE_SEED_HABIT = [
+    'com.labre.cynefin-estuarine.seed.habit',
+    'Habit',
+];
+export const ESTUARINE_SEED_BUDGET = [
+    'com.labre.cynefin-estuarine.seed.budget',
+    'Budget',
+];
+/** All seven, for `translations.ts`'s manifest contribution. */
+export const CYNEFIN_ESTUARINE_TEMPLATE_SEEDS = [
+    CYNEFIN_SEED_PROBE_LEARN,
+    CYNEFIN_SEED_EXPERT_ANALYSIS,
+    CYNEFIN_SEED_ACT_NOW,
+    CYNEFIN_SEED_KNOWN_ISSUE,
+    ESTUARINE_SEED_POLICY,
+    ESTUARINE_SEED_HABIT,
+    ESTUARINE_SEED_BUDGET,
+];
+/**
+ * The two Templates-panel tab names — new keys, since Cynefin and Estuarine
+ * share one senior-button key (`com.labre.framework.cynefin-estuarine`) that
+ * names neither individually (see `TemplateCategory.nameKey`). Both are proper
+ * nouns; the PO's French proposal for each is the identical word.
+ */
+export const CYNEFIN_TEMPLATE_CATEGORY_NAME = [
+    'com.labre.cynefin-estuarine.template.category.cynefin',
+    'Cynefin',
+];
+export const ESTUARINE_TEMPLATE_CATEGORY_NAME = [
+    'com.labre.cynefin-estuarine.template.category.estuarine',
+    'Estuarine',
+];
+/**
+ * The two Templates-panel tab names (chrome, not seeds — a widget-resolved
+ * label, never written into a document), for `translations.ts`'s manifest.
+ */
+export const CYNEFIN_ESTUARINE_TEMPLATE_CATEGORY_WORDINGS = [CYNEFIN_TEMPLATE_CATEGORY_NAME, ESTUARINE_TEMPLATE_CATEGORY_NAME];
+/**
+ * The two hand-composed templates' own tile names (`Template.nameKey`):
+ * chrome, resolved by the panel widget every time it opens, never written
+ * into a document — distinct from {@link CYNEFIN_ESTUARINE_TEMPLATE_SEEDS}
+ * above, which the templates WRITE.
+ */
+export const CYNEFIN_TEMPLATE_NAME_DECISION_SORTING = [
+    'com.labre.cynefin-estuarine.template.decision-sorting',
+    'Decision sorting',
+];
+export const ESTUARINE_TEMPLATE_NAME_CONSTRAINT_MAP = [
+    'com.labre.cynefin-estuarine.template.constraint-map',
+    'Constraint map',
+];
+/** Both tile names, for `translations.ts`'s manifest. */
+export const CYNEFIN_ESTUARINE_TEMPLATE_NAME_WORDINGS = [
+    CYNEFIN_TEMPLATE_NAME_DECISION_SORTING,
+    ESTUARINE_TEMPLATE_NAME_CONSTRAINT_MAP,
+];
+/** Resolve a wording through the host, or its English fallback with no host. */
+function tr(std, wording) {
+    return std ? translateKey(std, ...wording) : wording[1];
+}
+/**
+ * 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 0023); `content` stays the English build, and
+ * `localize` rebuilds the same snapshot with translated seeds.
+ */
+function tpl(name, preview, build, nameKey) {
     return {
         name,
         type: 'template',
         preview,
-        content: makeTemplateSnapshot(elements, name),
+        nameKey,
+        content: makeTemplateSnapshot(build(), name),
+        localize: std => makeTemplateSnapshot(build(std), name),
     };
 }
 const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg"';
 export const cynefinTemplateCategory = {
     name: 'Cynefin',
+    nameKey: CYNEFIN_TEMPLATE_CATEGORY_NAME[0],
     templates: [
-        tpl('Decision sorting', `<svg ${ATTRS} fill="none"><rect x="8" y="10" width="119" height="60" rx="4" stroke="#2a9d99" stroke-width="1.5"/><path d="M67 10 V70 M8 40 H127" stroke="${NOTATION_NEUTRALS.divider}"/><rect x="18" y="18" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="83" y="18" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="18" y="48" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="83" y="48" width="34" height="14" rx="2" fill="#fff3b0"/></svg>`, {
+        tpl('Decision sorting', `<svg ${ATTRS} fill="none"><rect x="8" y="10" width="119" height="60" rx="4" stroke="#2a9d99" stroke-width="1.5"/><path d="M67 10 V70 M8 40 H127" stroke="${NOTATION_NEUTRALS.divider}"/><rect x="18" y="18" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="83" y="18" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="18" y="48" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="83" y="48" width="34" height="14" rx="2" fill="#fff3b0"/></svg>`, std => ({
             bg: cynefinBackgroundProps({
                 xywh: `[0,0,${CYNEFIN_W},${CYNEFIN_H}]`,
             }),
-            s1: sticky(190, 175, 'Probe & learn'),
-            s2: sticky(690, 175, 'Expert analysis'),
-            s3: sticky(190, 505, 'Act now'),
-            s4: sticky(690, 505, 'Known issue'),
-        }),
-        templateFromCommand(byId('cynefin-estuarine.addCynefin'), `<svg ${ATTRS} fill="none"><rect x="14" y="12" width="107" height="56" rx="4" stroke="#2a9d99" stroke-width="1.6"/><path d="M67 12 V68 M14 40 H121" stroke="${NOTATION_NEUTRALS.divider}"/></svg>`, 'Cynefin framework'),
+            s1: sticky(190, 175, tr(std, CYNEFIN_SEED_PROBE_LEARN)),
+            s2: sticky(690, 175, tr(std, CYNEFIN_SEED_EXPERT_ANALYSIS)),
+            s3: sticky(190, 505, tr(std, CYNEFIN_SEED_ACT_NOW)),
+            s4: sticky(690, 505, tr(std, CYNEFIN_SEED_KNOWN_ISSUE)),
+        }), CYNEFIN_TEMPLATE_NAME_DECISION_SORTING[0]),
+        // No name override: it would only restate `addCynefin`'s own
+        // `labelFallback` as a second literal the panel could not translate — see
+        // `resolveTemplateName`, which now reads the command's `labelKey` instead.
+        templateFromCommand(byId('cynefin-estuarine.addCynefin'), `<svg ${ATTRS} fill="none"><rect x="14" y="12" width="107" height="56" rx="4" stroke="#2a9d99" stroke-width="1.6"/><path d="M67 12 V68 M14 40 H121" stroke="${NOTATION_NEUTRALS.divider}"/></svg>`),
     ],
 };
 export const estuarineTemplateCategory = {
     name: 'Estuarine',
+    nameKey: ESTUARINE_TEMPLATE_CATEGORY_NAME[0],
     templates: [
-        tpl('Constraint map', `<svg ${ATTRS} fill="none"><path d="M20 12 V70 M20 70 H120" stroke="#941253" stroke-width="2"/><g fill="#34c724" stroke="#1f1f1f"><path d="M44 28 l6 4 l0 8 l-6 4 l-6 -4 l0 -8 z"/><path d="M74 40 l6 4 l0 8 l-6 4 l-6 -4 l0 -8 z"/><path d="M56 52 l6 4 l0 8 l-6 4 l-6 -4 l0 -8 z"/></g></svg>`, {
+        tpl('Constraint map', `<svg ${ATTRS} fill="none"><path d="M20 12 V70 M20 70 H120" stroke="#941253" stroke-width="2"/><g fill="#34c724" stroke="#1f1f1f"><path d="M44 28 l6 4 l0 8 l-6 4 l-6 -4 l0 -8 z"/><path d="M74 40 l6 4 l0 8 l-6 4 l-6 -4 l0 -8 z"/><path d="M56 52 l6 4 l0 8 l-6 4 l-6 -4 l0 -8 z"/></g></svg>`, std => ({
             bg: estuarineMapProps({
                 xywh: `[0,0,${ESTUARINE_MAP_W},${ESTUARINE_MAP_H}]`,
             }),
             h1: hexAt(210, 280),
-            c1: caption(210, 280, 'Policy'),
+            c1: caption(210, 280, tr(std, ESTUARINE_SEED_POLICY)),
             h2: hexAt(390, 420),
-            c2: caption(390, 420, 'Habit'),
+            c2: caption(390, 420, tr(std, ESTUARINE_SEED_HABIT)),
             h3: hexAt(290, 580),
-            c3: caption(290, 580, 'Budget'),
-        }),
-        templateFromCommand(byId('cynefin-estuarine.addEstuarineMap'), `<svg ${ATTRS} fill="none"><path d="M24 10 V70 M24 70 H120" stroke="#941253" stroke-width="2.4"/><path d="M30 52 q40 -30 84 -34" stroke="#5ecc44" stroke-width="2" fill="none"/></svg>`, 'Estuarine map'),
+            c3: caption(290, 580, tr(std, ESTUARINE_SEED_BUDGET)),
+        }), ESTUARINE_TEMPLATE_NAME_CONSTRAINT_MAP[0]),
+        // No name override: same reason as `addCynefin` above.
+        templateFromCommand(byId('cynefin-estuarine.addEstuarineMap'), `<svg ${ATTRS} fill="none"><path d="M24 10 V70 M24 70 H120" stroke="#941253" stroke-width="2.4"/><path d="M30 52 q40 -30 84 -34" stroke="#5ecc44" stroke-width="2" fill="none"/></svg>`),
+        // Kept, unlike the two overrides above: `addConstraintHexagon`'s own
+        // label is "Hexagon node" (the generic node-picker's wording), and this
+        // tile is specifically the CONSTRAINT preset of it — a name of its own,
+        // not a restatement. `resolveTemplateName` still resolves it through the
+        // command's `labelKey`, with THIS literal (not the command's) as the
+        // fallback, so the tile keeps its own English wording with no catalogue.
         templateFromCommand(byId('cynefin-estuarine.addConstraintHexagon'), `<svg ${ATTRS} fill="none"><path d="M67 24 l18 11 l0 22 l-18 11 l-18 -11 l0 -22 z" fill="#34c724" stroke="#1f1f1f" stroke-width="2"/></svg>`, 'Hexagon constraint'),
     ],
 };

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

@@ -1,8 +1,14 @@
 import { collectTranslationKeys, commandCategoryTranslationEntries, commandTranslationEntries, mergeTranslationEntries, } from '@formicoidea/labre-core/std';
 import { cynefinEstuarineCommands } from './commands.js';
+import { CYNEFIN_CANVAS_WORDINGS } from './cynefin/consts.js';
+import { CYNEFIN_TOOLBAR_WORDINGS } from './cynefin/toolbar/config.js';
+import { ESTUARINE_CANVAS_WORDINGS } from './estuarine/consts.js';
 import { ESTUARINE_NUDGES } from './estuarine/nudges.js';
 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.
  *
@@ -34,4 +40,49 @@ commandCategoryTranslationEntries(cynefinEstuarineCommands), collectTranslationK
 // This profile declares no relation, so today it contributes no key of its
 // own — walking it costs nothing and means the day it gains one the
 // manifest already names it.
-collectTranslationKeys('reading', ESTUARINE_READING));
+collectTranslationKeys('reading', ESTUARINE_READING), 
+// The seeds the two hand-composed templates write into the document
+// (`templates/index.ts`), resolved through `Template.localize` rather than
+// a creation action — no command draws these two scenes.
+CYNEFIN_ESTUARINE_TEMPLATE_SEEDS.map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'seed',
+})), 
+// The Templates-panel tab names — chrome, resolved by the panel widget,
+// never written into a document.
+CYNEFIN_ESTUARINE_TEMPLATE_CATEGORY_WORDINGS.map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'chrome',
+})), 
+// The two hand-composed templates' own tile names — chrome as well, and
+// distinct from the seeds they WRITE above.
+CYNEFIN_ESTUARINE_TEMPLATE_NAME_WORDINGS.map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'chrome',
+})), 
+// The two frameworks' own toolbar tooltips.
+[...CYNEFIN_TOOLBAR_WORDINGS, ...ESTUARINE_TOOLBAR_WORDINGS].map(([key, fallback]) => ({ key, fallback, source: 'chrome' })), 
+// Every word the Cynefin frame's canvas renderer paints (headings,
+// decisions, annotations, markers) — fixed notation, not document seeds.
+CYNEFIN_CANVAS_WORDINGS.map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'chrome',
+})), 
+// The Estuarine map's own three curve legends.
+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.40.0",
+  "version": "0.42.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -31,7 +31,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.40.0",
+    "@formicoidea/labre-core": "0.42.0",
     "@preact/signals-core": "^1.8.0",
     "lit": "^3.2.0"
   }