@formicoidea/labre-framework-cynefin 0.23.2 → 0.23.3

package/src/cynefin/toolbar/config.ts

@@ -1,60 +0,0 @@
-import { EdgelessCRUDIdentifier } from '@formicoidea/labre-core/blocks/surface';
-import { CynefinElementModel } from '@formicoidea/labre-core/model';
-import {
-  type ToolbarContext,
-  type ToolbarModuleConfig,
-  ToolbarModuleExtension,
-} from '@formicoidea/labre-core/shared/services';
-import { BlockFlavourIdentifier } from '@formicoidea/labre-core/std';
-import { html, type TemplateResult } from 'lit';
-
-const ResizeIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5H5v4M15 19h4v-4" /><path d="M5 5l6 6M19 19l-6-6" /></svg>`;
-const TitlesIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 7h14M9 7v11" /></svg>`;
-const DescIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 8h14M5 12h14M5 16h9" /></svg>`;
-const LiminalIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 17 C9 6 15 6 19 7" /></svg>`;
-
-type CynefinToggleProp =
-  | 'resizeEnabled'
-  | 'showTitles'
-  | 'showDescriptions'
-  | 'showLiminalLine';
-
-function booleanToggle(
-  id: string,
-  tooltip: string,
-  icon: TemplateResult,
-  prop: CynefinToggleProp
-) {
-  return {
-    id,
-    tooltip,
-    icon,
-    active(ctx: ToolbarContext) {
-      const models = ctx.getSurfaceModelsByType(CynefinElementModel);
-      return models.length > 0 && models.every(model => model[prop]);
-    },
-    run(ctx: ToolbarContext) {
-      const models = ctx.getSurfaceModelsByType(CynefinElementModel);
-      if (!models.length) return;
-      const enable = !models.every(model => model[prop]);
-      ctx.std.store.captureSync();
-      const crud = ctx.std.get(EdgelessCRUDIdentifier);
-      for (const model of models) crud.updateElement(model.id, { [prop]: enable });
-    },
-  };
-}
-
-export const cynefinToolbarConfig = {
-  actions: [
-    booleanToggle('a.toggle-resize', 'Enable / lock resizing', ResizeIcon, 'resizeEnabled'),
-    booleanToggle('b.toggle-titles', 'Show / hide titles', TitlesIcon, 'showTitles'),
-    booleanToggle('c.toggle-descriptions', 'Show / hide explanatory text', DescIcon, 'showDescriptions'),
-    booleanToggle('d.toggle-liminal', 'Show / hide liminal line', LiminalIcon, 'showLiminalLine'),
-  ],
-  when: ctx => ctx.getSurfaceModelsByType(CynefinElementModel).length > 0,
-} as const satisfies ToolbarModuleConfig;
-
-export const cynefinToolbarExtension = ToolbarModuleExtension({
-  id: BlockFlavourIdentifier('affine:surface:cynefin'),
-  config: cynefinToolbarConfig,
-});

package/src/effects.ts

@@ -1,20 +0,0 @@
-import { EdgelessCynefinEstuarineMenu } from './toolbar/menu';
-import { EdgelessCynefinEstuarineSeniorButton } from './toolbar/senior-button';
-
-export function effects() {
-  customElements.define(
-    'edgeless-cynefin-estuarine-menu',
-    EdgelessCynefinEstuarineMenu
-  );
-  customElements.define(
-    'edgeless-cynefin-estuarine-senior-button',
-    EdgelessCynefinEstuarineSeniorButton
-  );
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-cynefin-estuarine-menu': EdgelessCynefinEstuarineMenu;
-    'edgeless-cynefin-estuarine-senior-button': EdgelessCynefinEstuarineSeniorButton;
-  }
-}

package/src/estuarine/consts.ts

@@ -1,69 +0,0 @@
-/**
- * Visual constants for the Estuarine framework map, reproduced from the official
- * SVG (viewBox 0 0 690 801). All geometry is authored in that fixed reference
- * space and scaled uniformly to the element bounds by the renderer. The e axis
- * is vertical & double-headed (energy), the t axis horizontal & single-headed
- * (time only flows one way).
- */
-
-export const REF_W = 690;
-export const REF_H = 801;
-
-export const COLORS = {
-  axis: '#941253',
-  /** Italic e / t axis letters. */
-  axisLabel: '#c0392b',
-  liminal: '#5ecc44',
-  /** LIMINAL legend (darker than the curve). */
-  liminalLabel: '#2e7d32',
-  volatile: '#e63322',
-  counterfactual: '#1a1a1a',
-  /** VOLATILE + COUNTER FACTUAL legends. */
-  label: '#1a1a1a',
-} as const;
-
-/** e axis (vertical, double-headed): x, top y, bottom y. */
-export const E_AXIS = { x: 43.5, y1: 97, y2: 763 } as const;
-/** t axis (horizontal, single-headed → right): y, left x, right x. */
-export const T_AXIS = { y: 649, x1: 28, x2: 616 } as const;
-export const AXIS_WIDTH = 8;
-
-/** Filled arrowhead triangles: [[tipX,tipY],[baseAX,baseAY],[baseBX,baseBY]]. */
-export const ARROWHEADS: ReadonlyArray<
-  readonly [readonly [number, number], readonly [number, number], readonly [number, number]]
-> = [
-  [[43.5, 72], [30, 100], [57, 100]], // e — top
-  [[43.5, 785], [30, 758], [57, 758]], // e — bottom
-  [[643, 649], [613, 636], [613, 662]], // t — right
-];
-
-/** Liminal: green boundary rising gently then dipping at the right end. */
-export const LIMINAL_PATH =
-  'M 63 193 C 67 192, 78 189, 85 188 C 92 187, 100 186, 107 185 C 114 184, 122 183, 129 183 C 136 183, 144 183, 151 183 C 158 183, 166 183, 173 183 C 180 183, 188 184, 195 185 C 202 186, 210 188, 217 189 C 224 190, 232 192, 239 194 C 246 196, 254 198, 261 201 C 268 204, 276 207, 283 210 C 290 213, 298 217, 305 220 C 312 223, 320 226, 327 230 C 334 234, 342 238, 349 242 C 356 246, 364 250, 371 255 C 378 260, 386 264, 393 269 C 400 274, 408 278, 415 283 C 422 288, 430 292, 437 297 C 444 302, 451 306, 458 310 C 465 314, 473 319, 480 323 C 487 327, 495 332, 502 335 C 509 338, 517 341, 524 343 C 531 345, 539 348, 546 349 C 553 350, 561 350, 568 350 C 575 350, 583 348, 590 346 C 597 344, 605 340, 612 336 C 619 332, 626 325, 633 319 C 640 313, 648 302, 651 298 C 654 294, 654 295, 654 294';
-export const LIMINAL_WIDTH = 4.5;
-
-/** Counter-factual: dark boundary sweeping from the top down to the right. */
-export const COUNTERFACTUAL_PATH =
-  'M 422 30 C 420 33, 414 41, 411 47 C 408 53, 405 59, 402 65 C 399 71, 397 77, 395 83 C 393 89, 392 95, 391 101 C 390 107, 389 113, 389 119 C 389 125, 389 131, 390 137 C 391 143, 392 149, 394 155 C 396 161, 399 167, 402 173 C 405 179, 408 185, 412 191 C 416 197, 421 203, 426 209 C 431 215, 436 221, 442 226 C 448 231, 454 237, 460 241 C 466 245, 472 249, 478 252 C 484 255, 490 258, 496 260 C 502 262, 508 264, 514 266 C 520 268, 526 270, 532 271 C 538 272, 544 274, 550 275 C 556 276, 562 277, 568 278 C 574 279, 580 279, 586 279 C 592 279, 598 280, 604 280 C 610 280, 616 281, 622 281 C 628 281, 634 280, 640 280 C 646 280, 655 279, 658 279';
-export const COUNTERFACTUAL_WIDTH = 5.5;
-
-/** Volatile: red boundary descending along the left, bulging right. */
-export const VOLATILE_PATH =
-  'M 58 446 C 61 447, 70 451, 76 454 C 82 457, 88 462, 94 466 C 100 470, 107 476, 112 481 C 117 486, 122 492, 126 498 C 130 504, 135 509, 139 515 C 143 521, 145 526, 148 532 C 151 538, 153 544, 155 550 C 157 556, 159 562, 160 568 C 161 574, 162 580, 163 586 C 164 592, 164 598, 164 604 C 164 610, 166 616, 166 622 C 166 628, 166 634, 165 640 C 164 646, 164 652, 163 658 C 162 664, 162 670, 161 676 C 160 682, 160 688, 159 694 C 158 700, 155 706, 154 712 C 153 718, 152 724, 151 730 C 150 736, 148 746, 147 749';
-export const VOLATILE_WIDTH = 5;
-
-/** Uppercase legends: anchored centre, alphabetic baseline, with letter-spacing. */
-export const LABELS = {
-  counterfactual: { text: 'COUNTER FACTUAL', x: 422, y: 25, size: 20, color: COLORS.label },
-  liminal: { text: 'LIMINAL', x: 316, y: 192, size: 18, color: COLORS.liminalLabel },
-  volatile: { text: 'VOLATILE', x: 219, y: 783, size: 20, color: COLORS.volatile },
-} as const;
-
-/** Italic Georgia axis letters (left-anchored, alphabetic baseline). */
-export const AXIS_LABELS = {
-  e: { text: 'e', x: 14, y: 138 },
-  t: { text: 't', x: 580, y: 685 },
-  size: 34,
-} as const;
-
-export const LABEL_LETTER_SPACING = 4;

package/src/estuarine/element-renderer.ts

@@ -1,122 +0,0 @@
-import {
-  type ElementRenderer,
-  ElementRendererExtension,
-} from '@formicoidea/labre-core/blocks/surface';
-import type { EstuarineElementModel } from '@formicoidea/labre-core/model';
-
-import { FONT_FAMILY, refScale } from '../utils';
-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';
-
-/**
- * Canvas renderer for the Estuarine framework map — reproduces the official SVG:
- * the e (vertical, double-headed) / t (horizontal, single-headed) axes and the
- * three reference curves (Liminal / Volatile / Counter-factual), each with its
- * legend and individually hideable. Drawn in the fixed reference space and
- * scaled uniformly to the element bounds.
- */
-export const estuarine: ElementRenderer<EstuarineElementModel> = (
-  model,
-  ctx,
-  matrix
-) => {
-  const [, , w, h] = model.deserializedXYWH;
-  const cx = w / 2;
-  const cy = h / 2;
-  ctx.setTransform(
-    matrix.translateSelf(cx, cy).rotateSelf(model.rotate).translateSelf(-cx, -cy)
-  );
-
-  const { s, ox, oy } = refScale(w, h, REF_W, REF_H);
-  ctx.translate(ox, oy);
-  ctx.scale(s, s);
-
-  ctx.lineCap = 'round';
-  ctx.lineJoin = 'round';
-
-  // ── Axes ────────────────────────────────────────────────────────────
-  ctx.strokeStyle = COLORS.axis;
-  ctx.fillStyle = COLORS.axis;
-  ctx.lineWidth = AXIS_WIDTH;
-  ctx.beginPath();
-  ctx.moveTo(E_AXIS.x, E_AXIS.y1);
-  ctx.lineTo(E_AXIS.x, E_AXIS.y2);
-  ctx.moveTo(T_AXIS.x1, T_AXIS.y);
-  ctx.lineTo(T_AXIS.x2, T_AXIS.y);
-  ctx.stroke();
-  for (const [[tx, ty], [ax, ay], [bx, by]] of ARROWHEADS) {
-    ctx.beginPath();
-    ctx.moveTo(tx, ty);
-    ctx.lineTo(ax, ay);
-    ctx.lineTo(bx, by);
-    ctx.closePath();
-    ctx.fill();
-  }
-
-  // Uppercase legend (centre-anchored, alphabetic baseline, letter-spaced).
-  const hasSpacing = 'letterSpacing' in ctx;
-  const legend = (l: { text: string; x: number; y: number; size: number; color: string }) => {
-    ctx.fillStyle = l.color;
-    ctx.font = `600 ${l.size}px ${FONT_FAMILY}`;
-    ctx.textAlign = 'center';
-    ctx.textBaseline = 'alphabetic';
-    if (hasSpacing) ctx.letterSpacing = `${LABEL_LETTER_SPACING}px`;
-    ctx.fillText(l.text, l.x, l.y);
-    if (hasSpacing) ctx.letterSpacing = '0px';
-  };
-
-  // ── Liminal (green) ─────────────────────────────────────────────────
-  if (model.showLiminal) {
-    ctx.strokeStyle = COLORS.liminal;
-    ctx.lineWidth = LIMINAL_WIDTH;
-    ctx.stroke(new Path2D(LIMINAL_PATH));
-    legend(LABELS.liminal);
-  }
-
-  // ── Volatile (red) ──────────────────────────────────────────────────
-  if (model.showVolatile) {
-    ctx.strokeStyle = COLORS.volatile;
-    ctx.lineWidth = VOLATILE_WIDTH;
-    ctx.stroke(new Path2D(VOLATILE_PATH));
-    legend(LABELS.volatile);
-  }
-
-  // ── Counter-factual (dark) ──────────────────────────────────────────
-  if (model.showCounterfactual) {
-    ctx.strokeStyle = COLORS.counterfactual;
-    ctx.lineWidth = COUNTERFACTUAL_WIDTH;
-    ctx.stroke(new Path2D(COUNTERFACTUAL_PATH));
-    legend(LABELS.counterfactual);
-  }
-
-  // ── Italic e / t axis letters ───────────────────────────────────────
-  if (model.showAxisLabels) {
-    ctx.fillStyle = COLORS.axisLabel;
-    ctx.font = `italic 700 ${AXIS_LABELS.size}px Georgia, serif`;
-    ctx.textAlign = 'left';
-    ctx.textBaseline = 'alphabetic';
-    ctx.fillText(AXIS_LABELS.e.text, AXIS_LABELS.e.x, AXIS_LABELS.e.y);
-    ctx.fillText(AXIS_LABELS.t.text, AXIS_LABELS.t.x, AXIS_LABELS.t.y);
-  }
-};
-
-export const EstuarineRendererExtension = ElementRendererExtension(
-  'estuarine',
-  estuarine
-);

package/src/estuarine/element-view.ts

@@ -1,32 +0,0 @@
-import type { EstuarineElementModel } from '@formicoidea/labre-core/model';
-import {
-  GfxElementModelView,
-  GfxViewInteractionExtension,
-} 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).
- */
-export class EstuarineView extends GfxElementModelView<EstuarineElementModel> {
-  static override type: string = 'estuarine';
-}
-
-/**
- * Resize gating: the resize handles are hidden unless `model.resizeEnabled` is
- * true (toggled from the toolbar). Moving / selecting stays available.
- */
-export const EstuarineInteraction = GfxViewInteractionExtension<EstuarineView>(
-  EstuarineView.type,
-  {
-    handleResize({ model }) {
-      return {
-        beforeResize({ set }) {
-          if (!model.resizeEnabled) {
-            set({ allowedHandlers: [] });
-          }
-        },
-      };
-    },
-  }
-);

package/src/estuarine/toolbar/config.ts

@@ -1,65 +0,0 @@
-import { EdgelessCRUDIdentifier } from '@formicoidea/labre-core/blocks/surface';
-import { EstuarineElementModel } from '@formicoidea/labre-core/model';
-import {
-  type ToolbarContext,
-  type ToolbarModuleConfig,
-  ToolbarModuleExtension,
-} from '@formicoidea/labre-core/shared/services';
-import { BlockFlavourIdentifier } from '@formicoidea/labre-core/std';
-import { html, type TemplateResult } from 'lit';
-
-const ResizeIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5H5v4M15 19h4v-4" /><path d="M5 5l6 6M19 19l-6-6" /></svg>`;
-// All curve icons use currentColor so the toolbar can grey them when inactive;
-// they are distinguished by shape (wave / arc / hooked curve).
-const LiminalIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 13c3-6 6 4 9 0s6-6 9 0" /></svg>`;
-const VolatileIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M7 4a9 9 0 0 1 0 18" /></svg>`;
-const CounterfactualIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 7c7 0 11 4 12 14" /></svg>`;
-const AxisIcon = html`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3v18M6 12h15" /><path d="M3 6l3-3 3 3M18 9l3 3-3 3" /></svg>`;
-
-type EstuarineToggleProp =
-  | 'resizeEnabled'
-  | 'showLiminal'
-  | 'showVolatile'
-  | 'showCounterfactual'
-  | 'showAxisLabels';
-
-function booleanToggle(
-  id: string,
-  tooltip: string,
-  icon: TemplateResult,
-  prop: EstuarineToggleProp
-) {
-  return {
-    id,
-    tooltip,
-    icon,
-    active(ctx: ToolbarContext) {
-      const models = ctx.getSurfaceModelsByType(EstuarineElementModel);
-      return models.length > 0 && models.every(model => model[prop]);
-    },
-    run(ctx: ToolbarContext) {
-      const models = ctx.getSurfaceModelsByType(EstuarineElementModel);
-      if (!models.length) return;
-      const enable = !models.every(model => model[prop]);
-      ctx.std.store.captureSync();
-      const crud = ctx.std.get(EdgelessCRUDIdentifier);
-      for (const model of models) crud.updateElement(model.id, { [prop]: enable });
-    },
-  };
-}
-
-export const estuarineToolbarConfig = {
-  actions: [
-    booleanToggle('a.toggle-resize', 'Enable / lock resizing', ResizeIcon, 'resizeEnabled'),
-    booleanToggle('b.toggle-liminal', 'Show / hide the Liminal line', LiminalIcon, 'showLiminal'),
-    booleanToggle('c.toggle-volatile', 'Show / hide the Volatile line', VolatileIcon, 'showVolatile'),
-    booleanToggle('d.toggle-counterfactual', 'Show / hide the Counter-factual line', CounterfactualIcon, 'showCounterfactual'),
-    booleanToggle('e.toggle-axis-labels', 'Show / hide axis labels (e / t)', AxisIcon, 'showAxisLabels'),
-  ],
-  when: ctx => ctx.getSurfaceModelsByType(EstuarineElementModel).length > 0,
-} as const satisfies ToolbarModuleConfig;
-
-export const estuarineToolbarExtension = ToolbarModuleExtension({
-  id: BlockFlavourIdentifier('affine:surface:estuarine'),
-  config: estuarineToolbarConfig,
-});

package/src/templates/index.ts

@@ -1,130 +0,0 @@
-import {
-  makeTemplateSnapshot,
-  type SurfaceElementsJSON,
-  surfaceText,
-  type Template,
-  type TemplateCategory,
-} from '@formicoidea/labre-core/gfx/template';
-import { FontFamily, ShapeStyle, TextAlign } from '@formicoidea/labre-core/model';
-
-import { REF_H as CYN_H, REF_W as CYN_W } from '../cynefin/consts';
-import { REF_H as EST_H, REF_W as EST_W } from '../estuarine/consts';
-
-const HEX_SIZE = 60;
-const HEX_FILL = '#34c724';
-const HEX_STROKE = '#1f1f1f';
-const HEX_VERTICES = [
-  [1, 0.5],
-  [0.75, 0.933],
-  [0.25, 0.933],
-  [0, 0.5],
-  [0.25, 0.067],
-  [0.75, 0.067],
-];
-
-function sticky(x: number, y: number, text: string) {
-  return {
-    type: 'shape',
-    shapeType: 'rect',
-    filled: true,
-    fillColor: '#fff3b0',
-    strokeColor: '#d9b740',
-    strokeWidth: 1.5,
-    shapeStyle: ShapeStyle.General,
-    roughness: 0,
-    radius: 8,
-    text: surfaceText(text),
-    color: '#1a1a1a',
-    fontFamily: FontFamily.Inter,
-    fontSize: 18,
-    textAlign: TextAlign.Center,
-    xywh: `[${x},${y},200,70]`,
-  };
-}
-
-function hexagon(x: number, y: number) {
-  return {
-    type: 'shape',
-    shapeType: 'polygon',
-    vertices: HEX_VERTICES,
-    filled: true,
-    fillColor: HEX_FILL,
-    strokeColor: HEX_STROKE,
-    strokeWidth: 2,
-    shapeStyle: ShapeStyle.General,
-    roughness: 0,
-    xywh: `[${x},${y},${HEX_SIZE},${HEX_SIZE}]`,
-  };
-}
-
-function caption(x: number, y: number, str: string) {
-  return {
-    type: 'text',
-    text: surfaceText(str),
-    color: '#1a1a1a',
-    fontFamily: FontFamily.Inter,
-    fontSize: 16,
-    textAlign: TextAlign.Center,
-    xywh: `[${x},${y},120,24]`,
-  };
-}
-
-function tpl(name: string, preview: string, elements: SurfaceElementsJSON): Template {
-  return { name, type: 'template', preview, content: makeTemplateSnapshot(elements, name) };
-}
-
-const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg"';
-
-const cynefinBg = (xywh: string) => ({ type: 'cynefin', xywh });
-const estuarineBg = (xywh: string) => ({ type: 'estuarine', xywh });
-
-export const cynefinTemplateCategory: TemplateCategory = {
-  name: 'Cynefin',
-  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="#9aa0a6"/><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>`,
-      {
-        bg: cynefinBg(`[0,0,${CYN_W},${CYN_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'),
-      }
-    ),
-    tpl(
-      'Cynefin framework',
-      `<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="#9aa0a6"/></svg>`,
-      { bg: cynefinBg(`[0,0,${CYN_W},${CYN_H}]`) }
-    ),
-  ],
-};
-
-export const estuarineTemplateCategory: TemplateCategory = {
-  name: 'Estuarine',
-  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>`,
-      {
-        bg: estuarineBg(`[0,0,${EST_W},${EST_H}]`),
-        h1: hexagon(150, 220),
-        c1: caption(120, 284, 'Policy'),
-        h2: hexagon(330, 360),
-        c2: caption(300, 424, 'Habit'),
-        h3: hexagon(230, 520),
-        c3: caption(200, 584, 'Budget'),
-      }
-    ),
-    tpl(
-      'Estuarine map',
-      `<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>`,
-      { bg: estuarineBg(`[0,0,${EST_W},${EST_H}]`) }
-    ),
-    tpl(
-      'Hexagon constraint',
-      `<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>`,
-      { hex: hexagon(0, 0) }
-    ),
-  ],
-};

package/src/view.ts

@@ -1,44 +0,0 @@
-import {
-  type ViewExtensionContext,
-  ViewExtensionProvider,
-} from '@formicoidea/labre-core/ext-loader';
-import { extendTemplateCategory } from '@formicoidea/labre-core/gfx/template';
-
-import { CynefinRendererExtension } from './cynefin/element-renderer';
-import { CynefinInteraction, CynefinView } from './cynefin/element-view';
-import { cynefinToolbarExtension } from './cynefin/toolbar/config';
-import { effects } from './effects';
-import { EstuarineRendererExtension } from './estuarine/element-renderer';
-import { EstuarineInteraction, EstuarineView } from './estuarine/element-view';
-import { estuarineToolbarExtension } from './estuarine/toolbar/config';
-import {
-  cynefinTemplateCategory,
-  estuarineTemplateCategory,
-} from './templates';
-import { cynefinEstuarineSeniorTool } from './toolbar/senior-tool';
-
-export class CynefinEstuarineViewExtension extends ViewExtensionProvider {
-  override name = 'affine-cynefin-estuarine-gfx';
-
-  override effect(): void {
-    super.effect();
-    effects();
-    extendTemplateCategory(cynefinTemplateCategory);
-    extendTemplateCategory(estuarineTemplateCategory);
-  }
-
-  override setup(context: ViewExtensionContext) {
-    super.setup(context);
-    context.register(CynefinView);
-    context.register(CynefinRendererExtension);
-    context.register(EstuarineView);
-    context.register(EstuarineRendererExtension);
-    if (this.isEdgeless(context.scope)) {
-      context.register(CynefinInteraction);
-      context.register(EstuarineInteraction);
-      context.register(cynefinEstuarineSeniorTool);
-      context.register(cynefinToolbarExtension);
-      context.register(estuarineToolbarExtension);
-    }
-  }
-}