@formicoidea/labre-framework-wardley 0.60.0 → 1.0.0

package/dist/natures.js

@@ -20,8 +20,8 @@ import { WARDLEY_ROLE } from './roles.js';
  *
  * ## Why it applies to `wardley:component` and not to `'*'`
  *
- * A nature qualifies a component. `market` and `ecosystem` specialise
- * `wardley:component`, so they get it for free through `roleIsA` — that is the
+ * A nature qualifies a component. `market`, `ecosystem` and `method`
+ * specialise `wardley:component`, so they get it for free through `roleIsA` — that is the
  * entire reason role hierarchy is data. The `anchor` (a user / need) is
  * deliberately NOT a child of `component` and is deliberately NOT qualified
  * here: a need has no nature, it has a demand. The map itself, the change
@@ -78,6 +78,68 @@ export const WARDLEY_COMPETITION = {
     struggle: `${WARDLEY_COMPETITION_TAG_ID}/struggle`,
     establish: `${WARDLEY_COMPETITION_TAG_ID}/establish`,
 };
+/**
+ * The **method** tag — how a component + method is sourced, run or staffed.
+ *
+ * The third tag of this pack, written on `wardley:method` alone. Since that
+ * role specialises `wardley:component` (ADR 0046), a method node is offered
+ * the nature AND this tag in the same dropdown, while a plain component — the
+ * parent, which a child's tag never reaches — is offered the nature only.
+ *
+ * ## Nine values in one tag, not a category tag and a recommendation tag
+ *
+ * Simon Wardley's three method families each say one thing per evolution
+ * phase: a buying policy makes, buys or outsources; project management runs
+ * agile, lean or six sigma; attitudes are pioneers, settlers or town planners.
+ * The wardley-map-renderer JSON spells the same thing as a pair —
+ * `method: { category, recommendation }`, recommendation one of Uncharted /
+ * Transitional / Industrialized — and the two encodings are the same nine
+ * facts. One value per fact is the shape that admits nothing else: two tags
+ * would let a board say "Transitional" with no family, which nothing can paint
+ * and no reader can name. The pair stays one pure lookup away in `method.ts`,
+ * both directions.
+ *
+ * The family is still shown twice (PO decision, 2026-10-28): each value has its
+ * `group` — the family's title, which the picker prints as a sub-title above
+ * its three values — and each of the nine has its own prefabricated ring
+ * (`METHOD_STYLE`), which is how the map tells them apart. No family beyond
+ * these three: a category the renderer config invented is not a method here.
+ *
+ * `cardinality: 'single'` because the renderer gives a component ONE method,
+ * and because the drawing has one ring to show it with.
+ *
+ * Labels are the practitioners' own words — Make, Buy, Outsource in the PO's
+ * wording — short on purpose: the trigger of the dropdown prints the values
+ * in force ("Activity, Buy").
+ */
+export const WARDLEY_METHOD_TAG_ID = 'wardley:method';
+/** The nine methods, as value ids. Ids are forever; a def is only deprecated. */
+export const WARDLEY_METHOD = {
+    make: `${WARDLEY_METHOD_TAG_ID}/make`,
+    buy: `${WARDLEY_METHOD_TAG_ID}/buy`,
+    outsource: `${WARDLEY_METHOD_TAG_ID}/outsource`,
+    agile: `${WARDLEY_METHOD_TAG_ID}/agile`,
+    lean: `${WARDLEY_METHOD_TAG_ID}/lean`,
+    sixSigma: `${WARDLEY_METHOD_TAG_ID}/six-sigma`,
+    pioneers: `${WARDLEY_METHOD_TAG_ID}/pioneers`,
+    settlers: `${WARDLEY_METHOD_TAG_ID}/settlers`,
+    townPlanners: `${WARDLEY_METHOD_TAG_ID}/town-planners`,
+};
+/** The three families' titles: the picker's sub-titles and the legend's. */
+export const WARDLEY_METHOD_GROUP = {
+    buyingPolicy: {
+        label: 'Buying policy',
+        labelKey: 'com.labre.wardley.tag.method.group.buying-policy',
+    },
+    projectManagement: {
+        label: 'Project management',
+        labelKey: 'com.labre.wardley.tag.method.group.project-management',
+    },
+    attitudes: {
+        label: 'Attitudes',
+        labelKey: 'com.labre.wardley.tag.method.group.attitudes',
+    },
+};
 export const WARDLEY_TAG_DEFS = {
     formatVersion: 1,
     // The id of this PACK, not of the framework: several packs may extend
@@ -96,12 +158,13 @@ export const WARDLEY_TAG_DEFS = {
             descriptionKey: 'com.labre.wardley.tag.nature.description',
             cardinality: 'single',
             appliesTo: [WARDLEY_ROLE.component],
-            // No `order`, on either tag of this pack: an absent order sorts by SEED
+            // No `order`, on any tag of this pack: an absent order sorts by SEED
             // order, which is what puts the library's pack ahead of a client's
             // extension without either having to know about the other. A number here
-            // would be a claim about packs that do not exist yet — and it would say
-            // nothing anyway, since the two tags below apply to disjoint roles and
-            // are therefore never offered in the same dropdown.
+            // would be a claim about packs that do not exist yet. Seed order is also
+            // the one dropdown that holds two of them — a method node's — right:
+            // what the component IS (this tag) reads before how it is sourced
+            // (`wardley:method`, last).
             values: [
                 {
                     id: WARDLEY_NATURE.activity,
@@ -168,5 +231,90 @@ export const WARDLEY_TAG_DEFS = {
                 },
             ],
         },
+        {
+            id: WARDLEY_METHOD_TAG_ID,
+            label: 'Method',
+            labelKey: 'com.labre.wardley.tag.method',
+            description: 'How this component is sourced, run or staffed: a buying policy, a project management method or an attitude, at the phase it suits.',
+            descriptionKey: 'com.labre.wardley.tag.method.description',
+            cardinality: 'single',
+            appliesTo: [WARDLEY_ROLE.method],
+            // Family by family, and within one family in evolution order: the
+            // dropdown reads as the three rows of Wardley's own table.
+            values: [
+                {
+                    id: WARDLEY_METHOD.make,
+                    group: WARDLEY_METHOD_GROUP.buyingPolicy,
+                    label: 'Make',
+                    labelKey: 'com.labre.wardley.tag.method.make',
+                    description: 'Buying policy, uncharted: make it yourself.',
+                    descriptionKey: 'com.labre.wardley.tag.method.make.description',
+                },
+                {
+                    id: WARDLEY_METHOD.buy,
+                    group: WARDLEY_METHOD_GROUP.buyingPolicy,
+                    label: 'Buy',
+                    labelKey: 'com.labre.wardley.tag.method.buy',
+                    description: 'Buying policy, transitional: buy a product.',
+                    descriptionKey: 'com.labre.wardley.tag.method.buy.description',
+                },
+                {
+                    id: WARDLEY_METHOD.outsource,
+                    group: WARDLEY_METHOD_GROUP.buyingPolicy,
+                    label: 'Outsource',
+                    labelKey: 'com.labre.wardley.tag.method.outsource',
+                    description: 'Buying policy, industrialized: rent it as a commodity or a utility.',
+                    descriptionKey: 'com.labre.wardley.tag.method.outsource.description',
+                },
+                {
+                    id: WARDLEY_METHOD.agile,
+                    group: WARDLEY_METHOD_GROUP.projectManagement,
+                    label: 'Agile',
+                    labelKey: 'com.labre.wardley.tag.method.agile',
+                    description: 'Project management, uncharted: explore and adapt.',
+                    descriptionKey: 'com.labre.wardley.tag.method.agile.description',
+                },
+                {
+                    id: WARDLEY_METHOD.lean,
+                    group: WARDLEY_METHOD_GROUP.projectManagement,
+                    label: 'Lean',
+                    labelKey: 'com.labre.wardley.tag.method.lean',
+                    description: 'Project management, transitional: remove waste.',
+                    descriptionKey: 'com.labre.wardley.tag.method.lean.description',
+                },
+                {
+                    id: WARDLEY_METHOD.sixSigma,
+                    group: WARDLEY_METHOD_GROUP.projectManagement,
+                    label: 'Six Sigma',
+                    labelKey: 'com.labre.wardley.tag.method.six-sigma',
+                    description: 'Project management, industrialized: remove deviation.',
+                    descriptionKey: 'com.labre.wardley.tag.method.six-sigma.description',
+                },
+                {
+                    id: WARDLEY_METHOD.pioneers,
+                    group: WARDLEY_METHOD_GROUP.attitudes,
+                    label: 'Pioneers',
+                    labelKey: 'com.labre.wardley.tag.method.pioneers',
+                    description: 'Attitude, uncharted: people who explore the unknown.',
+                    descriptionKey: 'com.labre.wardley.tag.method.pioneers.description',
+                },
+                {
+                    id: WARDLEY_METHOD.settlers,
+                    group: WARDLEY_METHOD_GROUP.attitudes,
+                    label: 'Settlers',
+                    labelKey: 'com.labre.wardley.tag.method.settlers',
+                    description: 'Attitude, transitional: people who turn a prototype into a product.',
+                    descriptionKey: 'com.labre.wardley.tag.method.settlers.description',
+                },
+                {
+                    id: WARDLEY_METHOD.townPlanners,
+                    group: WARDLEY_METHOD_GROUP.attitudes,
+                    label: 'Town planners',
+                    labelKey: 'com.labre.wardley.tag.method.town-planners',
+                    description: 'Attitude, industrialized: people who industrialise into a commodity.',
+                    descriptionKey: 'com.labre.wardley.tag.method.town-planners.description',
+                },
+            ],
+        },
     ],
 };

package/dist/node/consts.d.ts

@@ -1,3 +1,5 @@
+import type { NamedPalette } from '@formicoidea/labre-core/components/color-picker';
+import type { ChromeWording } from '@formicoidea/labre-core/shared/services';
 /**
  * Visual constants for Wardley nodes (component + anchor) and the connector /
  * inertia presets created from the Wardley menu.
@@ -121,7 +123,10 @@ export declare const ECOSYSTEM_LABEL = "Ecosystem";
  * Method node: a component inscribed in a slightly larger outer circle whose
  * FILL color encodes the chosen method (editable via the toolbar). Glyph = the
  * outer circle (colored fill + border, the base ellipse) + a white component
- * circle drawn at its center. Default fill is a neutral grey.
+ * circle drawn at its center. Default fill is a neutral grey, still written at
+ * creation, but no longer what paints the ring: the ring is the method's
+ * prefabricated style, `make` when no `wardley:method` tag names one
+ * (`METHOD_STYLE`, ADR 0046).
  */
 export declare const METHOD_SIZE = 35;
 export declare const METHOD_FILL = "#d9d9d9";
@@ -129,6 +134,133 @@ export declare const METHOD: {
     centerRatio: number;
 };
 export declare const METHOD_LABEL = "Component";
+/**
+ * The nine Wardley swatches' own names, resolved by `resolvePaletteLabel`
+ * (`@labre/affine-components/color-picker`) through each swatch's own
+ * {@link NamedPalette.labelWording} — the framework-agnostic mechanism a
+ * gfx module uses to name a palette without touching `Palette`
+ * (`packages/affine/model`, RED ZONE) or importing another framework.
+ *
+ * Exported so `../translations.ts` can list them in the manifest under
+ * source `chrome`, the same treatment `WARDLEY_TOOLBAR_WORDINGS` already
+ * gets — a swatch's name is toolbar chrome, re-rendered on every locale
+ * switch, never seeded into a document.
+ */
+export declare const WARDLEY_PALETTE_WORDING_WONDER: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_PEACE: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_WAR: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_WONDER_LIGHT: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_PEACE_LIGHT: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_WAR_LIGHT: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_RED: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_INERTIA: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_METHOD_GREY: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDINGS: readonly ChromeWording[];
+/**
+ * The Wardley **evolution cycle**, surfaced as ready-made swatches in the node
+ * colour picker: Wonder / Peace / War, the three climatic phases a component
+ * travels through in Simon Wardley's pattern — saturated first, then the light
+ * shades for a fill under a label — followed by the three colours the notation
+ * itself already uses (the evolution arrow's red, the inertia bar, a method's
+ * neutral fill).
+ *
+ * They are SHORTCUTS, never constraints: nothing in the map reads a colour, so
+ * an author is free to ignore them, and the custom picker stays one click away.
+ */
+export declare const WARDLEY_PALETTES: NamedPalette[];
+/**
+ * The two greys of the buying-policy ramp below Method grey (`METHOD_FILL`,
+ * which is "make"): the three steps of Wardley's own make / buy / outsource
+ * shading, light to dark, about 85 %, 55 % and 25 % of white. The darkest is
+ * one notch off OWM's `#444444` on purpose: that literal is C4's stencil grey,
+ * the dark tables are one table across frameworks, and Wardley's ramp must
+ * not take its dark value from another framework's (`notation-dark-palettes`).
+ * Both have a dark entry in `../dark-palette.ts` that keeps the ramp's order
+ * on the dark card.
+ */
+export declare const METHOD_BUY_FILL = "#8c8c8c";
+export declare const METHOD_OUTSOURCE_FILL = "#404040";
+/**
+ * The swatch keys the method rings are made of. `swatch` accepts these and
+ * no other, so a key used below is always one the guard test checks.
+ */
+export declare const METHOD_SWATCH_KEYS: readonly ["Peace", "Peace light", "War", "War light"];
+/** One method's prefabricated ring: what fills it, what draws its line. */
+export interface WardleyMethodStyle {
+    fill: string;
+    stroke: string;
+    /** The ring's line width, never thinner than the node's own rim. */
+    lineWidth: number;
+}
+/**
+ * The nine methods' rings, PO decision of 2026-10-28: in Labre the colour
+ * defines the method, family by family (ADR 0046).
+ *
+ * - **Buying policy** — Wardley's own style: the ink border, thick, around a
+ *   grey that darkens with the phase (make, buy, outsource).
+ * - **Project management** — intensity of grey: the ink itself at 15 %, 35 %
+ *   and 55 %, with no border of another colour. Ink with an alpha tail, so the
+ *   dark card paints the same intensities in its own light ink (a stored
+ *   `#rrggbbaa` keeps its alpha through the tint).
+ * - **Attitudes** — the Wardley palette's own swatches, a "transparent" fill
+ *   being the light variant of the border's swatch (PO decision,
+ *   2026-10-28): pioneers Peace light in a Peace border, settlers solid
+ *   Peace, town planners War light in a War border.
+ *
+ * Told apart family by family by the border (ink, none, hue) and within a
+ * family by the fill, and none of them is a plain component's white disc.
+ *
+ * A method node with no method tag paints `make`, the buying-policy family's
+ * first value: the default style of the node IS that family (PO decision,
+ * 2026-10-28), so its stored fill no longer shows on any method node.
+ */
+export declare const METHOD_STYLE: {
+    readonly make: {
+        readonly fill: "#d9d9d9";
+        readonly stroke: string;
+        readonly lineWidth: 2;
+    };
+    readonly buy: {
+        readonly fill: "#8c8c8c";
+        readonly stroke: string;
+        readonly lineWidth: 2;
+    };
+    readonly outsource: {
+        readonly fill: "#404040";
+        readonly stroke: string;
+        readonly lineWidth: 2;
+    };
+    readonly agile: {
+        readonly fill: string;
+        readonly stroke: string;
+        readonly lineWidth: 1.5;
+    };
+    readonly lean: {
+        readonly fill: string;
+        readonly stroke: string;
+        readonly lineWidth: 1.5;
+    };
+    readonly sixSigma: {
+        readonly fill: string;
+        readonly stroke: string;
+        readonly lineWidth: 1.5;
+    };
+    readonly pioneers: {
+        readonly fill: string;
+        readonly stroke: string;
+        readonly lineWidth: 2;
+    };
+    readonly settlers: {
+        readonly fill: string;
+        readonly stroke: string;
+        readonly lineWidth: 2;
+    };
+    readonly townPlanners: {
+        readonly fill: string;
+        readonly stroke: string;
+        readonly lineWidth: 2;
+    };
+};
 /**
  * Porter's forces (composite): a large white circle carrying ONE letter, pushed
  * on from the four cardinal directions by solid red arrows.

package/dist/node/consts.js

@@ -116,7 +116,10 @@ export const ECOSYSTEM_LABEL = 'Ecosystem';
  * Method node: a component inscribed in a slightly larger outer circle whose
  * FILL color encodes the chosen method (editable via the toolbar). Glyph = the
  * outer circle (colored fill + border, the base ellipse) + a white component
- * circle drawn at its center. Default fill is a neutral grey.
+ * circle drawn at its center. Default fill is a neutral grey, still written at
+ * creation, but no longer what paints the ring: the ring is the method's
+ * prefabricated style, `make` when no `wardley:method` tag names one
+ * (`METHOD_STYLE`, ADR 0046).
  */
 export const METHOD_SIZE = 35;
 export const METHOD_FILL = '#d9d9d9';
@@ -124,6 +127,221 @@ export const METHOD = {
     centerRatio: 0.5, // inner white component radius / R
 };
 export const METHOD_LABEL = 'Component';
+/*
+ * The Wardley swatch table, moved here word for word from
+ * `../toolbar/node-config.ts` (only `export` added, ADR 0046): the method
+ * rings below are painted from Peace and War, and the toolbar module already
+ * imports this file, so the ring styles could not import the table back from
+ * there without an import loop — nor pull toolbar code into the node painter
+ * and the headless entry. The colour picker still builds its list from it.
+ */
+/**
+ * The nine Wardley swatches' own names, resolved by `resolvePaletteLabel`
+ * (`@labre/affine-components/color-picker`) through each swatch's own
+ * {@link NamedPalette.labelWording} — the framework-agnostic mechanism a
+ * gfx module uses to name a palette without touching `Palette`
+ * (`packages/affine/model`, RED ZONE) or importing another framework.
+ *
+ * Exported so `../translations.ts` can list them in the manifest under
+ * source `chrome`, the same treatment `WARDLEY_TOOLBAR_WORDINGS` already
+ * gets — a swatch's name is toolbar chrome, re-rendered on every locale
+ * switch, never seeded into a document.
+ */
+export const WARDLEY_PALETTE_WORDING_WONDER = [
+    'com.labre.wardley.palette.wonder',
+    'Wonder',
+];
+export const WARDLEY_PALETTE_WORDING_PEACE = [
+    'com.labre.wardley.palette.peace',
+    'Peace',
+];
+export const WARDLEY_PALETTE_WORDING_WAR = [
+    'com.labre.wardley.palette.war',
+    'War',
+];
+export const WARDLEY_PALETTE_WORDING_WONDER_LIGHT = [
+    'com.labre.wardley.palette.wonder-light',
+    'Wonder light',
+];
+export const WARDLEY_PALETTE_WORDING_PEACE_LIGHT = [
+    'com.labre.wardley.palette.peace-light',
+    'Peace light',
+];
+export const WARDLEY_PALETTE_WORDING_WAR_LIGHT = [
+    'com.labre.wardley.palette.war-light',
+    'War light',
+];
+export const WARDLEY_PALETTE_WORDING_RED = [
+    'com.labre.wardley.palette.wardley-red',
+    'Wardley red',
+];
+export const WARDLEY_PALETTE_WORDING_INERTIA = [
+    'com.labre.wardley.palette.inertia',
+    'Inertia',
+];
+export const WARDLEY_PALETTE_WORDING_METHOD_GREY = [
+    'com.labre.wardley.palette.method-grey',
+    'Method grey',
+];
+export const WARDLEY_PALETTE_WORDINGS = [
+    WARDLEY_PALETTE_WORDING_WONDER,
+    WARDLEY_PALETTE_WORDING_PEACE,
+    WARDLEY_PALETTE_WORDING_WAR,
+    WARDLEY_PALETTE_WORDING_WONDER_LIGHT,
+    WARDLEY_PALETTE_WORDING_PEACE_LIGHT,
+    WARDLEY_PALETTE_WORDING_WAR_LIGHT,
+    WARDLEY_PALETTE_WORDING_RED,
+    WARDLEY_PALETTE_WORDING_INERTIA,
+    WARDLEY_PALETTE_WORDING_METHOD_GREY,
+];
+/**
+ * The Wardley **evolution cycle**, surfaced as ready-made swatches in the node
+ * colour picker: Wonder / Peace / War, the three climatic phases a component
+ * travels through in Simon Wardley's pattern — saturated first, then the light
+ * shades for a fill under a label — followed by the three colours the notation
+ * itself already uses (the evolution arrow's red, the inertia bar, a method's
+ * neutral fill).
+ *
+ * They are SHORTCUTS, never constraints: nothing in the map reads a colour, so
+ * an author is free to ignore them, and the custom picker stays one click away.
+ */
+export const WARDLEY_PALETTES = [
+    {
+        key: 'Wonder',
+        value: '#3ec9f2',
+        labelWording: WARDLEY_PALETTE_WORDING_WONDER,
+    },
+    {
+        key: 'Peace',
+        value: '#5b9cf6',
+        labelWording: WARDLEY_PALETTE_WORDING_PEACE,
+    },
+    { key: 'War', value: '#9d6df0', labelWording: WARDLEY_PALETTE_WORDING_WAR },
+    {
+        key: 'Wonder light',
+        value: '#b9e9fa',
+        labelWording: WARDLEY_PALETTE_WORDING_WONDER_LIGHT,
+    },
+    {
+        key: 'Peace light',
+        value: '#c6dbfc',
+        labelWording: WARDLEY_PALETTE_WORDING_PEACE_LIGHT,
+    },
+    {
+        key: 'War light',
+        value: '#d9c9fa',
+        labelWording: WARDLEY_PALETTE_WORDING_WAR_LIGHT,
+    },
+    {
+        key: 'Wardley red',
+        value: WARDLEY_RED,
+        labelWording: WARDLEY_PALETTE_WORDING_RED,
+    },
+    {
+        key: 'Inertia',
+        value: INERTIA_COLOR,
+        labelWording: WARDLEY_PALETTE_WORDING_INERTIA,
+    },
+    {
+        key: 'Method grey',
+        value: METHOD_FILL,
+        labelWording: WARDLEY_PALETTE_WORDING_METHOD_GREY,
+    },
+];
+/**
+ * The two greys of the buying-policy ramp below Method grey (`METHOD_FILL`,
+ * which is "make"): the three steps of Wardley's own make / buy / outsource
+ * shading, light to dark, about 85 %, 55 % and 25 % of white. The darkest is
+ * one notch off OWM's `#444444` on purpose: that literal is C4's stencil grey,
+ * the dark tables are one table across frameworks, and Wardley's ramp must
+ * not take its dark value from another framework's (`notation-dark-palettes`).
+ * Both have a dark entry in `../dark-palette.ts` that keeps the ramp's order
+ * on the dark card.
+ */
+export const METHOD_BUY_FILL = '#8c8c8c';
+export const METHOD_OUTSOURCE_FILL = '#404040';
+/**
+ * The swatch keys the method rings are made of. `swatch` accepts these and
+ * no other, so a key used below is always one the guard test checks.
+ */
+export const METHOD_SWATCH_KEYS = [
+    'Peace',
+    'Peace light',
+    'War',
+    'War light',
+];
+/**
+ * A Wardley swatch's colour, by the key the colour picker names it with.
+ * Throws on a key the table does not hold: a renamed swatch must fail the
+ * build (`method.unit.spec.ts` pins every key used here), never paint a ring
+ * in no colour.
+ */
+function swatch(key) {
+    const value = WARDLEY_PALETTES.find(palette => palette.key === key)?.value;
+    if (typeof value !== 'string') {
+        throw new Error(`No Wardley swatch "${key}" with a plain colour.`);
+    }
+    return value;
+}
+/** `'#rrggbb'` at `alpha` (two hex digits), as a stored 8-digit hex. */
+const withAlpha = (hex, alpha) => `${hex}${alpha}`;
+/**
+ * The nine methods' rings, PO decision of 2026-10-28: in Labre the colour
+ * defines the method, family by family (ADR 0046).
+ *
+ * - **Buying policy** — Wardley's own style: the ink border, thick, around a
+ *   grey that darkens with the phase (make, buy, outsource).
+ * - **Project management** — intensity of grey: the ink itself at 15 %, 35 %
+ *   and 55 %, with no border of another colour. Ink with an alpha tail, so the
+ *   dark card paints the same intensities in its own light ink (a stored
+ *   `#rrggbbaa` keeps its alpha through the tint).
+ * - **Attitudes** — the Wardley palette's own swatches, a "transparent" fill
+ *   being the light variant of the border's swatch (PO decision,
+ *   2026-10-28): pioneers Peace light in a Peace border, settlers solid
+ *   Peace, town planners War light in a War border.
+ *
+ * Told apart family by family by the border (ink, none, hue) and within a
+ * family by the fill, and none of them is a plain component's white disc.
+ *
+ * A method node with no method tag paints `make`, the buying-policy family's
+ * first value: the default style of the node IS that family (PO decision,
+ * 2026-10-28), so its stored fill no longer shows on any method node.
+ */
+export const METHOD_STYLE = {
+    make: { fill: METHOD_FILL, stroke: NODE_STROKE, lineWidth: 2 },
+    buy: { fill: METHOD_BUY_FILL, stroke: NODE_STROKE, lineWidth: 2 },
+    outsource: { fill: METHOD_OUTSOURCE_FILL, stroke: NODE_STROKE, lineWidth: 2 },
+    agile: {
+        fill: withAlpha(NODE_STROKE, '26'),
+        stroke: withAlpha(NODE_STROKE, '26'),
+        lineWidth: 1.5,
+    },
+    lean: {
+        fill: withAlpha(NODE_STROKE, '59'),
+        stroke: withAlpha(NODE_STROKE, '59'),
+        lineWidth: 1.5,
+    },
+    sixSigma: {
+        fill: withAlpha(NODE_STROKE, '8c'),
+        stroke: withAlpha(NODE_STROKE, '8c'),
+        lineWidth: 1.5,
+    },
+    pioneers: {
+        fill: swatch('Peace light'),
+        stroke: swatch('Peace'),
+        lineWidth: 2,
+    },
+    settlers: {
+        fill: swatch('Peace'),
+        stroke: swatch('Peace'),
+        lineWidth: 2,
+    },
+    townPlanners: {
+        fill: swatch('War light'),
+        stroke: swatch('War'),
+        lineWidth: 2,
+    },
+};
 /**
  * Porter's forces (composite): a large white circle carrying ONE letter, pushed
  * on from the four cardinal directions by solid red arrows.

package/dist/node/node-renderer.d.ts

@@ -11,6 +11,6 @@ import { type WardleyNodeElementModel } from '@formicoidea/labre-core/model';
  * the hollow center come from the base fill, so colors stay editable.
  */
 export declare const wardleyNode: ElementRenderer<WardleyNodeElementModel>;
-export declare const WardleyNodeRendererExtension: import("@formicoidea/labre-core/_pkgs/store").ExtensionType & {
-    identifier: import("@formicoidea/labre-core/_pkgs/global/di").ServiceIdentifier<ElementRenderer<WardleyNodeElementModel>>;
+export declare const WardleyNodeRendererExtension: import("@formicoidea/labre-core/_pkgs/store/index.js").ExtensionType & {
+    identifier: import("@formicoidea/labre-core/_pkgs/global/di/types.js").ServiceIdentifier<ElementRenderer<WardleyNodeElementModel>>;
 };

package/dist/node/node-renderer.js

@@ -1,7 +1,47 @@
 import { ElementRendererExtension, notationColor, } from '@formicoidea/labre-core/blocks/surface';
 import { shape as shapeRenderer } from '@formicoidea/labre-core/gfx/shape';
 import { DefaultTheme, } from '@formicoidea/labre-core/model';
-import { ANCHOR, ECOSYSTEM, METHOD, NODE_FILL } from './consts.js';
+import { elementTagValues } from '@formicoidea/labre-core/std/gfx';
+import { wardleyMethodStyle } from '../method.js';
+import { WARDLEY_METHOD_TAG_ID } from '../natures.js';
+import { ANCHOR, ECOSYSTEM, METHOD, METHOD_STYLE, NODE_FILL } from './consts.js';
+/**
+ * The outer ring of a method node, painted with its method's prefabricated
+ * style (`METHOD_STYLE`, ADR 0046): the one its `wardley:method` tag names,
+ * and `make` — the buying-policy family's first value, the node's default
+ * style (PO decision, 2026-10-28) — when it carries no tag or a value no pack
+ * of this version names.
+ *
+ * Derived at paint time and never written back. The stored fill and stroke
+ * the "colour = phase" palette wrote stay in the document untouched; they no
+ * longer reach the ring, which is the method's on every method node.
+ *
+ * Painted OVER the native ellipse, on its exact path (the shape renderer's
+ * own inset of half a stroke, both radii, so a node stretched into an oval is
+ * covered too). The paper goes down first, line included, so a wash or a
+ * borderless grey reads the same over any stored fill and no dark edge of the
+ * native rim survives under it; then the style's fill and line. Every colour
+ * goes through the notation tint, so a grey of the ramp and the ink at an
+ * alpha take their dark-card value (ADR 0039) and the hues stay.
+ */
+function paintMethodRing(model, ctx, renderer, w, h, strokeWidth) {
+    const style = wardleyMethodStyle(elementTagValues(model, WARDLEY_METHOD_TAG_ID)[0]) ??
+        METHOD_STYLE.make;
+    // Both radii are positive: the caller has already returned on a node too
+    // small for its own stroke.
+    ctx.beginPath();
+    ctx.ellipse(w / 2, h / 2, w / 2 - strokeWidth / 2, h / 2 - strokeWidth / 2, 0, 0, Math.PI * 2);
+    const paper = notationColor(renderer, NODE_FILL, 'fill');
+    ctx.lineWidth = Math.max(strokeWidth, style.lineWidth);
+    ctx.fillStyle = paper;
+    ctx.fill();
+    ctx.strokeStyle = paper;
+    ctx.stroke();
+    ctx.fillStyle = notationColor(renderer, style.fill, 'fill');
+    ctx.fill();
+    ctx.strokeStyle = notationColor(renderer, style.stroke, 'ink');
+    ctx.stroke();
+}
 /**
  * Renderer for a Wardley node. The circle is drawn by REUSING the native shape
  * renderer (so stroke width, colors and theme behave exactly like a native
@@ -71,6 +111,7 @@ export const wardleyNode = (model, ctx, matrix, renderer, rc, bound) => {
     }
     // ── Method: a white component inscribed in the colored outer circle ──
     if (model.kind === 'method') {
+        paintMethodRing(model, ctx, renderer, w, h, strokeWidth);
         const rInner = R * METHOD.centerRatio;
         ctx.fillStyle = notationColor(renderer, NODE_FILL, 'fill');
         ctx.lineWidth = strokeWidth;