@formicoidea/labre-framework-ddd-event-storming 0.39.3 → 0.41.0

package/dist/background.js

@@ -1,4 +1,5 @@
 import { ES_STICKIES, FONT_FAMILY } from '@formicoidea/labre-ddd-shared';
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { ES_ROLE } from './roles.js';
 /**
  * The Event Storming board, DECLARED (the `FrameworkBackgroundDef` primitive).
@@ -33,9 +34,12 @@ import { ES_ROLE } from './roles.js';
  * own colours" the answer is already written down, in one place, beside the
  * card it belongs to.
  */
-/** Ink for the frame itself: the axis line and the word beside it. */
-const AXIS_COLOR = '#6d6e71';
-const CARD_BORDER = '#d5d9e0';
+/**
+ * Ink for the frame itself: the axis line and the word beside it. The card, its
+ * border and this ink are the shared notation scale's, painted at render time.
+ */
+const AXIS_COLOR = NOTATION_NEUTRALS.frameInk;
+const CARD_BORDER = NOTATION_NEUTRALS.cardBorder;
 /**
  * The one word this board writes on itself, and it is written BIG: 64 units
  * (PO recette, 26/08/2026).
@@ -81,7 +85,7 @@ export const EVENT_STORMING_BACKGROUND = {
     chrome: {
         fontFamily: FONT_FAMILY,
         palette: {
-            card: '#ffffff',
+            card: NOTATION_NEUTRALS.cardFill,
             cardBorder: CARD_BORDER,
             axis: AXIS_COLOR,
             ...STICKY_PALETTE,

package/dist/commands.js

@@ -1,4 +1,6 @@
-import { addSticky, ES_HOTSPOT, ES_STICKIES, placeDddElement, STICKY_SIZE, } from '@formicoidea/labre-ddd-shared';
+import { addSticky, esStickySeedKey, ES_HOTSPOT, ES_STICKIES, placeDddElement, STICKY_SIZE, } from '@formicoidea/labre-ddd-shared';
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
+import { translateKey } from '@formicoidea/labre-core/shared/services';
 import { GfxControllerIdentifier } from '@formicoidea/labre-core/std/gfx';
 import { svg } from 'lit';
 import { activateEventStormingFlow, createEventStormingBoard } from './actions.js';
@@ -16,7 +18,7 @@ import { ES_STICKY_ROLE } from './roles.js';
 const squareSwatch = (color) => svg `<svg width="24" height="24" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="3" fill="${color}"/></svg>`;
 const diamondSwatch = (color) => svg `<svg width="24" height="24" viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" transform="rotate(45 12 12)" fill="${color}"/></svg>`;
 const flowSwatch = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 12 H18" stroke="currentColor" stroke-width="2"/><path d="M16 8 L20 12 L16 16" stroke="currentColor" stroke-width="2" fill="none"/></svg>`;
-const boardSwatch = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="2.5" y="4" width="19" height="16" rx="2" fill="#ffffff" stroke="currentColor" stroke-width="1.6"/><rect x="5" y="7.5" width="4" height="4" rx="1" fill="#F5963B"/><rect x="10.5" y="7.5" width="4" height="4" rx="1" fill="#5BA3DB"/><rect x="16" y="7.5" width="4" height="4" rx="1" fill="#FAF2C9" stroke="#c9bd7f" stroke-width="0.6"/><path d="M4.5 16.5 H19.5" stroke="currentColor" stroke-width="1.2"/><path d="M17.5 14.8 L19.8 16.5 L17.5 18.2" stroke="currentColor" stroke-width="1.2"/></svg>`;
+const boardSwatch = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="2.5" y="4" width="19" height="16" rx="2" fill="${NOTATION_NEUTRALS.cardFill}" stroke="currentColor" stroke-width="1.6"/><rect x="5" y="7.5" width="4" height="4" rx="1" fill="#F5963B"/><rect x="10.5" y="7.5" width="4" height="4" rx="1" fill="#5BA3DB"/><rect x="16" y="7.5" width="4" height="4" rx="1" fill="#FAF2C9" stroke="#c9bd7f" stroke-width="0.6"/><path d="M4.5 16.5 H19.5" stroke="currentColor" stroke-width="1.2"/><path d="M17.5 14.8 L19.8 16.5 L17.5 18.2" stroke="currentColor" stroke-width="1.2"/></svg>`;
 /**
  * The aggregate is created BIG — 160 against the standard 120.
  *
@@ -48,7 +50,10 @@ const SPECS = [
         run: std => placeDddElement(std, (surface, cx, cy) => addSticky(surface, std, cx, cy, {
             fill: preset.fill,
             text: preset.text,
-            label: preset.label,
+            // Translated HERE and once: the caption is document content the
+            // moment it lands (ADR 0016), so the host's catalogue is asked at
+            // placement and never again.
+            label: translateKey(std, esStickySeedKey(preset.kind), preset.label),
             size: preset.kind === 'aggregate' ? AGGREGATE_SIZE : STICKY_SIZE,
             // The role is what makes a sticky a domain EVENT rather than an
             // orange square: every rule in `rules.ts` reads it, and a sticky
@@ -66,7 +71,8 @@ const SPECS = [
         run: std => placeDddElement(std, (surface, cx, cy) => addSticky(surface, std, cx, cy, {
             fill: ES_HOTSPOT.fill,
             text: ES_HOTSPOT.text,
-            label: ES_HOTSPOT.label,
+            // Translated HERE and once, like every sticky above (ADR 0016).
+            label: translateKey(std, esStickySeedKey('hotspot'), ES_HOTSPOT.label),
             shapeType: 'diamond',
             // Typed like the rest, and cited by no grammar triplet on purpose —
             // an arc onto a hotspot is a question being parked. See `rules.ts`.

package/dist/legend.js

@@ -1,5 +1,7 @@
 import { ES_HOTSPOT, ES_STICKIES, LABEL_COLOR, roleLabel, } from '@formicoidea/labre-ddd-shared';
+import { BOARD_LEGEND_TITLE } from '@formicoidea/labre-core/shared/services';
 import { ES_ROLE, ES_STICKY_ROLE, EVENT_STORMING_ROLES } from './roles.js';
+import { ES_SEED_LEGEND_FLOW, ES_SEED_LEGEND_STICKIES } from './translations.js';
 /**
  * What the Event Storming board's automatic legend can say — a TABLE, and
  * nothing else: the scan, the placement and the box are `createAutoLegend`'s
@@ -15,11 +17,13 @@ import { ES_ROLE, ES_STICKY_ROLE, EVENT_STORMING_ROLES } from './roles.js';
  * its own preset (a diamond, not a square) rather than in the table.
  */
 export const EVENT_STORMING_AUTO_LEGEND = {
-    title: 'Legend',
+    title: BOARD_LEGEND_TITLE[1],
+    titleKey: BOARD_LEGEND_TITLE[0],
     roles: EVENT_STORMING_ROLES,
     sections: [
         {
-            title: 'Stickies',
+            title: ES_SEED_LEGEND_STICKIES[1],
+            titleKey: ES_SEED_LEGEND_STICKIES[0],
             entries: [
                 ...ES_STICKIES.map(preset => ({
                     role: ES_STICKY_ROLE[preset.kind],
@@ -40,7 +44,8 @@ export const EVENT_STORMING_AUTO_LEGEND = {
             ],
         },
         {
-            title: 'Flow',
+            title: ES_SEED_LEGEND_FLOW[1],
+            titleKey: ES_SEED_LEGEND_FLOW[0],
             entries: [
                 {
                     role: ES_ROLE.flow,

package/dist/templates.js

@@ -1,5 +1,6 @@
 import { ES_HOTSPOT, ES_STICKIES } from '@formicoidea/labre-ddd-shared';
 import { templateFromCommand, } from '@formicoidea/labre-core/gfx/template';
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { eventStormingCommands } from './commands.js';
 /**
  * The Event Storming palette — DERIVED from the toolbox, one template per
@@ -27,11 +28,16 @@ const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www
 const sq = (c) => `<svg ${ATTRS}><rect x="38" y="13" width="60" height="54" rx="5" fill="${c}"/></svg>`;
 const dia = (c) => `<svg ${ATTRS}><rect x="48" y="20" width="40" height="40" transform="rotate(45 68 40)" fill="${c}"/></svg>`;
 /** The roll, in miniature: a white card, a few stickies, and the one axis. */
-const BOARD_PREVIEW = `<svg ${ATTRS} fill="none"><rect x="4" y="6" width="127" height="68" rx="6" fill="#ffffff" stroke="#d5d9e0" stroke-width="1.5"/><rect x="14" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[0].fill}"/><rect x="38" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[1].fill}"/><rect x="62" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[2].fill}"/><rect x="86" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[3].fill}"/><path d="M12 58 H114" stroke="#6d6e71" stroke-width="3"/><path d="M112 53 L122 58 L112 63 Z" fill="#6d6e71"/></svg>`;
+const BOARD_PREVIEW = `<svg ${ATTRS} fill="none"><rect x="4" y="6" width="127" height="68" rx="6" fill="${NOTATION_NEUTRALS.cardFill}" stroke="${NOTATION_NEUTRALS.cardBorder}" stroke-width="1.5"/><rect x="14" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[0].fill}"/><rect x="38" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[1].fill}"/><rect x="62" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[2].fill}"/><rect x="86" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[3].fill}"/><path d="M12 58 H114" stroke="${NOTATION_NEUTRALS.frameInk}" stroke-width="3"/><path d="M112 53 L122 58 L112 63 Z" fill="${NOTATION_NEUTRALS.frameInk}"/></svg>`;
 export const eventStormingTemplateCategory = {
     name: 'Event Storming',
+    // Reuses the senior button's own key — see `TemplateCategory.nameKey`.
+    nameKey: 'com.labre.framework.ddd-event-storming',
     templates: [
-        templateFromCommand(byLabel('Event Storming board'), BOARD_PREVIEW, 'Event Storming board'),
+        // No name override: it would only restate the command's own
+        // `labelFallback` as a second literal the panel could not translate — see
+        // `resolveTemplateName`, which reads the command's `labelKey` instead.
+        templateFromCommand(byLabel('Event Storming board'), BOARD_PREVIEW),
         ...ES_STICKIES.map(preset => templateFromCommand(byLabel(preset.label), sq(preset.fill), `Event Storming — ${preset.label}`)),
         templateFromCommand(byLabel(ES_HOTSPOT.label), dia(ES_HOTSPOT.fill), `Event Storming — ${ES_HOTSPOT.label}`),
     ],

package/dist/translations.d.ts

@@ -1,4 +1,14 @@
+import type { ChromeWording } from '@formicoidea/labre-core/shared/services';
 import { type TranslationKeyManifestEntry } from '@formicoidea/labre-core/std';
+/**
+ * The automatic legend's own section titles (`legend.ts`) — text stamped onto
+ * the board the moment the legend is built (`createAutoLegend`), like any
+ * other seed. The box title itself is NOT here: it says the shared word
+ * "Legend", so it reuses `BOARD_LEGEND_TITLE`
+ * (`@labre/affine-shared/services`) instead of a key of its own.
+ */
+export declare const ES_SEED_LEGEND_STICKIES: ChromeWording;
+export declare const ES_SEED_LEGEND_FLOW: ChromeWording;
 /**
  * THIS framework's contribution to the translation-key manifest — every
  * `com.labre.*` key Event Storming can hand to `TranslationProvider.t`,

package/dist/translations.js

@@ -1,3 +1,4 @@
+import { dddSharedTranslationEntries } from '@formicoidea/labre-ddd-shared';
 import { collectTranslationKeys, commandCategoryTranslationEntries, commandTranslationEntries, mergeTranslationEntries, } from '@formicoidea/labre-core/std';
 import { EVENT_STORMING_BACKGROUND } from './background.js';
 import { eventStormingCommands } from './commands.js';
@@ -6,6 +7,21 @@ import { EVENT_STORMING_PROFILES } from './profiles.js';
 import { EVENT_STORMING_READING } from './reading.js';
 import { EVENT_STORMING_ROLES } from './roles.js';
 import { EVENT_STORMING_RULES } from './rules.js';
+/**
+ * The automatic legend's own section titles (`legend.ts`) — text stamped onto
+ * the board the moment the legend is built (`createAutoLegend`), like any
+ * other seed. The box title itself is NOT here: it says the shared word
+ * "Legend", so it reuses `BOARD_LEGEND_TITLE`
+ * (`@labre/affine-shared/services`) instead of a key of its own.
+ */
+export const ES_SEED_LEGEND_STICKIES = [
+    'com.labre.ddd-event-storming.seed.legend-stickies',
+    'Stickies',
+];
+export const ES_SEED_LEGEND_FLOW = [
+    'com.labre.ddd-event-storming.seed.legend-flow',
+    'Flow',
+];
 /**
  * THIS framework's contribution to the translation-key manifest — every
  * `com.labre.*` key Event Storming can hand to `TranslationProvider.t`,
@@ -31,4 +47,13 @@ commandCategoryTranslationEntries(eventStormingCommands), collectTranslationKeys
 // framework's own `roles`, so walking it reaches every role key the `role`
 // line above already named. `mergeTranslationEntries` keeps the FIRST
 // occurrence, which is what makes each key report the source it comes from.
-collectTranslationKeys('reading', EVENT_STORMING_READING));
+collectTranslationKeys('reading', EVENT_STORMING_READING), 
+// The seeds baked into a placed sticky (`commands.ts`), derived from the
+// shared palette in `ddd-shared` rather than restated — spread whole
+// rather than imported from a sibling DDD framework (never allowed), and
+// de-duplicated with whatever this framework already listed.
+dddSharedTranslationEntries, [ES_SEED_LEGEND_STICKIES, ES_SEED_LEGEND_FLOW].map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'seed',
+})));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-ddd-event-storming",
   "description": "Labre ddd-event-storming framework for @formicoidea/labre-core.",
-  "version": "0.39.3",
+  "version": "0.41.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -31,8 +31,8 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.39.3",
-    "@formicoidea/labre-ddd-shared": "0.39.3",
+    "@formicoidea/labre-core": "0.41.0",
+    "@formicoidea/labre-ddd-shared": "0.41.0",
     "lit": "^3.2.0"
   }
 }