agentic-mermaid 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (340) hide show
  1. package/AGENT_NATIVE.md +155 -91
  2. package/CHANGELOG.md +163 -4
  3. package/Instructions_for_agents.md +10 -10
  4. package/LICENSES/Apache-2.0.txt +202 -0
  5. package/README.md +31 -38
  6. package/THIRD_PARTY_NOTICES.md +29 -0
  7. package/assets/hero.png +0 -0
  8. package/dist/agent-core.d.ts +463 -0
  9. package/dist/agent-core.js +397 -0
  10. package/dist/agent.d.ts +73 -1868
  11. package/dist/agent.js +336 -37325
  12. package/dist/agentic-mermaid-mcp.js +7 -38399
  13. package/dist/am.js +33626 -40446
  14. package/dist/chunk-2P5FKUQC.js +3485 -0
  15. package/dist/chunk-2S3VSS6I.js +149 -0
  16. package/dist/chunk-2SILJDW2.js +37 -0
  17. package/dist/chunk-BJYMBT4I.js +61963 -0
  18. package/dist/chunk-FDM43XU7.js +615 -0
  19. package/dist/chunk-MYPDVZCO.js +4702 -0
  20. package/dist/index-DWPa2MJs.d.ts +6780 -0
  21. package/dist/index.d.ts +1 -1
  22. package/dist/index.js +310 -33014
  23. package/dist/mcp-cli-5J47WEY3.js +17 -0
  24. package/docs/README.md +39 -31
  25. package/docs/agent-api-cookbook.md +44 -35
  26. package/docs/agent-mutation-policy.md +1 -1
  27. package/docs/agent-workflow-examples.md +2 -2
  28. package/docs/api.md +284 -77
  29. package/docs/ascii.md +26 -16
  30. package/docs/code-mode-impact.md +214 -0
  31. package/docs/comparison.md +23 -11
  32. package/docs/computational-aesthetics-prototype-plan.md +252 -0
  33. package/docs/config.md +26 -10
  34. package/docs/custom-fonts.md +265 -0
  35. package/docs/custom-style-cookbook.md +130 -9
  36. package/docs/diagram-families.md +48 -23
  37. package/docs/features.md +59 -52
  38. package/docs/fork-differences.md +6 -3
  39. package/docs/getting-started.md +23 -16
  40. package/docs/issue-derived-test-cases.md +29 -22
  41. package/docs/mcp-code-mode-rationale.md +13 -6
  42. package/docs/mcp-http-transport.md +20 -13
  43. package/docs/mermaid-layout-complaints.md +66 -52
  44. package/docs/mutation-testing.md +145 -66
  45. package/docs/quality.md +23 -14
  46. package/docs/react.md +2 -2
  47. package/docs/schemas/style-spec.schema.json +1221 -30
  48. package/docs/style-authoring.md +241 -38
  49. package/docs/svg-semantic-contract.md +49 -0
  50. package/docs/testing-strategy.md +166 -58
  51. package/docs/theming.md +19 -32
  52. package/examples/styles/catalog.json +54 -0
  53. package/examples/styles/cloudflare-workers-inspired-prototype.mmd +9 -0
  54. package/examples/styles/cloudflare-workers-inspired-prototype.style.json +110 -0
  55. package/examples/styles/cupertino-prototype.mmd +10 -0
  56. package/examples/styles/cupertino-prototype.style.json +63 -0
  57. package/examples/styles/mid-century-report.style.json +2 -2
  58. package/examples/styles/star-chart-atlas.style.json +2 -1
  59. package/examples/styles/transit-route-map.style.json +2 -2
  60. package/examples/styles/vercel-inspired-prototype.mmd +6 -0
  61. package/examples/styles/vercel-inspired-prototype.style.json +87 -0
  62. package/package.json +85 -45
  63. package/server.json +2 -2
  64. package/skills/agentic-mermaid-diagram-workflow/SKILL.md +17 -36
  65. package/skills/agentic-mermaid-diagram-workflow/references/cli.md +4 -5
  66. package/skills/agentic-mermaid-diagram-workflow/references/code-mode.md +15 -31
  67. package/skills/agentic-mermaid-diagram-workflow/references/sequence.md +10 -14
  68. package/skills/agentic-mermaid-live-editor/SKILL.md +100 -206
  69. package/TODO.md +0 -684
  70. package/dist/index-wjRjbsP-.d.ts +0 -1102
  71. package/docs/assets/improvements/box-start-connector.png +0 -0
  72. package/docs/assets/improvements/comment-dropped-lint.png +0 -0
  73. package/docs/assets/improvements/er-content-loss.png +0 -0
  74. package/docs/assets/improvements/fan-in-trunks.png +0 -0
  75. package/docs/assets/improvements/gantt-family.png +0 -0
  76. package/docs/assets/improvements/gantt-milestone-clamp.png +0 -0
  77. package/docs/assets/improvements/gantt-verify-seam.png +0 -0
  78. package/docs/assets/improvements/subgraph-container-edges.png +0 -0
  79. package/docs/assets/improvements/wrapper-frontmatter.png +0 -0
  80. package/docs/assets/improvements/wrapper-init-directive.png +0 -0
  81. package/docs/assets/improvements/wrapper-leading-comment.png +0 -0
  82. package/docs/assets/style-cookbook/mid-century-report.png +0 -0
  83. package/docs/assets/style-cookbook/star-chart-atlas.png +0 -0
  84. package/docs/assets/style-cookbook/transit-route-map.png +0 -0
  85. package/docs/contributing/adding-diagram-types.md +0 -144
  86. package/docs/contributing/diagram-family-citizenship.matrix.json +0 -2127
  87. package/docs/contributing/diagram-family-citizenship.md +0 -82
  88. package/docs/contributing/harvesting-upstream-tests.md +0 -126
  89. package/docs/contributing/lessons-learned.md +0 -276
  90. package/docs/contributing/releasing.md +0 -82
  91. package/docs/contributing/visual-review-evidence.md +0 -53
  92. package/docs/design/families/README.md +0 -26
  93. package/docs/design/families/architecture-beta.md +0 -48
  94. package/docs/design/families/flowchart-parser-conformance.md +0 -22
  95. package/docs/design/families/gantt-research.md +0 -137
  96. package/docs/design/families/gantt.md +0 -329
  97. package/docs/design/families/journey-agentic-cards-before.png +0 -0
  98. package/docs/design/families/journey-experience-curve-implementation.png +0 -0
  99. package/docs/design/families/journey-mermaid-classic-implementation.png +0 -0
  100. package/docs/design/families/journey-mermaid-classic-prototype.png +0 -0
  101. package/docs/design/families/journey-mermaid-classic-prototype.svg +0 -163
  102. package/docs/design/families/journey-mermaid-classic-prototype.svg.png +0 -0
  103. package/docs/design/families/journey-migration-parity.md +0 -439
  104. package/docs/design/families/journey-section-overlap-after.png +0 -0
  105. package/docs/design/families/journey-section-overlap-before.png +0 -0
  106. package/docs/design/families/journey-usage-research.md +0 -423
  107. package/docs/design/families/journey.md +0 -153
  108. package/docs/design/families/xychart.md +0 -85
  109. package/docs/design/system/README.md +0 -45
  110. package/docs/design/system/abstraction-audit.md +0 -224
  111. package/docs/design/system/abstraction-recommendations.md +0 -655
  112. package/docs/design/system/architecture.mmd +0 -29
  113. package/docs/design/system/architecture.svg +0 -137
  114. package/docs/design/system/layout-guarantees-and-robustness.md +0 -351
  115. package/docs/design/system/layout-rubric.md +0 -138
  116. package/docs/design/system/route-contracts.md +0 -848
  117. package/docs/design/system/source-preservation-ladder.md +0 -52
  118. package/docs/design/system/styles-rollout.md +0 -216
  119. package/docs/design/system/ugly-layouts.md +0 -119
  120. package/docs/layout-characterization/README.md +0 -245
  121. package/docs/layout-characterization/contact-sheet-families.md +0 -498
  122. package/docs/layout-characterization/contact-sheet.md +0 -638
  123. package/docs/layout-characterization/properties.md +0 -281
  124. package/docs/layout-characterization/visual-quality.md +0 -160
  125. package/docs/layout-characterization/visual-snapshots/architecture.svg +0 -79
  126. package/docs/layout-characterization/visual-snapshots/class.svg +0 -60
  127. package/docs/layout-characterization/visual-snapshots/er.svg +0 -61
  128. package/docs/layout-characterization/visual-snapshots/flowchart.svg +0 -58
  129. package/docs/layout-characterization/visual-snapshots/gantt.svg +0 -52
  130. package/docs/layout-characterization/visual-snapshots/journey.svg +0 -98
  131. package/docs/layout-characterization/visual-snapshots/pie.svg +0 -36
  132. package/docs/layout-characterization/visual-snapshots/quadrant.svg +0 -47
  133. package/docs/layout-characterization/visual-snapshots/sequence.svg +0 -59
  134. package/docs/layout-characterization/visual-snapshots/state.svg +0 -52
  135. package/docs/layout-characterization/visual-snapshots/timeline.svg +0 -64
  136. package/docs/layout-characterization/visual-snapshots/xychart.svg +0 -97
  137. package/docs/project/divergences.md +0 -98
  138. package/docs/project/dogfooding-docs-strategy.md +0 -66
  139. package/docs/project/hosted-mcp-cloudflare-plan.md +0 -338
  140. package/docs/project/lessons-learned.md +0 -1019
  141. package/docs/project/remove-role-styling-plan.md +0 -176
  142. package/examples/agent-improve-auth-flow.ts +0 -206
  143. package/examples/agent-loop.ts +0 -53
  144. package/examples/mcp-vs-cli-complex-diagrams.ts +0 -133
  145. package/llms.txt +0 -104
  146. package/skill-evals/README.md +0 -77
  147. package/skill-evals/fixtures/architecture-cache/input.mmd +0 -5
  148. package/skill-evals/fixtures/class-payment/input.mmd +0 -4
  149. package/skill-evals/fixtures/er-orders/input.mmd +0 -10
  150. package/skill-evals/fixtures/flowchart-cache/input.mmd +0 -3
  151. package/skill-evals/fixtures/gantt-release/input.mmd +0 -7
  152. package/skill-evals/fixtures/journey-checkout/input.mmd +0 -6
  153. package/skill-evals/fixtures/pie-exports/input.mmd +0 -5
  154. package/skill-evals/fixtures/quadrant-priorities/input.mmd +0 -11
  155. package/skill-evals/fixtures/sequence-retry/input.mmd +0 -8
  156. package/skill-evals/fixtures/state-lifecycle/input.mmd +0 -5
  157. package/skill-evals/fixtures/timeline-release/input.mmd +0 -6
  158. package/skill-evals/fixtures/xychart-growth/input.mmd +0 -5
  159. package/skill-evals/shared-benchmark.json +0 -510
  160. package/src/agent/analyze.ts +0 -157
  161. package/src/agent/apply.ts +0 -146
  162. package/src/agent/architecture-body.ts +0 -458
  163. package/src/agent/certificates.ts +0 -110
  164. package/src/agent/class-body.ts +0 -319
  165. package/src/agent/core.ts +0 -207
  166. package/src/agent/create.ts +0 -106
  167. package/src/agent/describe.ts +0 -368
  168. package/src/agent/er-body.ts +0 -224
  169. package/src/agent/facts.ts +0 -360
  170. package/src/agent/families-builtin.ts +0 -920
  171. package/src/agent/families.ts +0 -232
  172. package/src/agent/family-layouts.ts +0 -832
  173. package/src/agent/flowchart-body.ts +0 -372
  174. package/src/agent/flowchart-unsupported.ts +0 -243
  175. package/src/agent/font-coverage.ts +0 -288
  176. package/src/agent/gantt-body.ts +0 -495
  177. package/src/agent/index.ts +0 -10
  178. package/src/agent/journey-body.ts +0 -374
  179. package/src/agent/label-metrics.ts +0 -28
  180. package/src/agent/layout-to-rendered.ts +0 -63
  181. package/src/agent/mutate.ts +0 -97
  182. package/src/agent/mutation-ops.ts +0 -51
  183. package/src/agent/op-schema.ts +0 -443
  184. package/src/agent/parse.ts +0 -223
  185. package/src/agent/pie-body.ts +0 -270
  186. package/src/agent/png.ts +0 -171
  187. package/src/agent/quadrant-body.ts +0 -336
  188. package/src/agent/quality.ts +0 -363
  189. package/src/agent/readability-audit.ts +0 -92
  190. package/src/agent/rendered-route-audit.ts +0 -61
  191. package/src/agent/sequence-body.ts +0 -345
  192. package/src/agent/serialize.ts +0 -214
  193. package/src/agent/state-body.ts +0 -589
  194. package/src/agent/structural-count.ts +0 -150
  195. package/src/agent/timeline-body.ts +0 -280
  196. package/src/agent/trace-log.ts +0 -43
  197. package/src/agent/types.ts +0 -995
  198. package/src/agent/verify.ts +0 -603
  199. package/src/agent/xychart-body.ts +0 -472
  200. package/src/architecture/config.ts +0 -282
  201. package/src/architecture/layout.ts +0 -496
  202. package/src/architecture/parser.ts +0 -375
  203. package/src/architecture/renderer.ts +0 -611
  204. package/src/architecture/types.ts +0 -113
  205. package/src/ascii/ansi.ts +0 -423
  206. package/src/ascii/architecture.ts +0 -210
  207. package/src/ascii/canvas.ts +0 -443
  208. package/src/ascii/class-diagram.ts +0 -697
  209. package/src/ascii/converter.ts +0 -475
  210. package/src/ascii/draw.ts +0 -1693
  211. package/src/ascii/edge-bundling.ts +0 -328
  212. package/src/ascii/edge-routing.ts +0 -330
  213. package/src/ascii/er-diagram.ts +0 -439
  214. package/src/ascii/gantt.ts +0 -276
  215. package/src/ascii/grid.ts +0 -747
  216. package/src/ascii/index.ts +0 -196
  217. package/src/ascii/journey.ts +0 -169
  218. package/src/ascii/meta.ts +0 -244
  219. package/src/ascii/multiline-utils.ts +0 -80
  220. package/src/ascii/pathfinder.ts +0 -301
  221. package/src/ascii/pie.ts +0 -67
  222. package/src/ascii/quadrant.ts +0 -158
  223. package/src/ascii/reverse.ts +0 -216
  224. package/src/ascii/sequence.ts +0 -499
  225. package/src/ascii/shapes/circle.ts +0 -27
  226. package/src/ascii/shapes/corners.ts +0 -143
  227. package/src/ascii/shapes/diamond.ts +0 -27
  228. package/src/ascii/shapes/hexagon.ts +0 -27
  229. package/src/ascii/shapes/index.ts +0 -106
  230. package/src/ascii/shapes/rectangle.ts +0 -168
  231. package/src/ascii/shapes/rounded.ts +0 -27
  232. package/src/ascii/shapes/special.ts +0 -332
  233. package/src/ascii/shapes/stadium.ts +0 -110
  234. package/src/ascii/shapes/state.ts +0 -192
  235. package/src/ascii/shapes/types.ts +0 -73
  236. package/src/ascii/timeline.ts +0 -141
  237. package/src/ascii/types.ts +0 -312
  238. package/src/ascii/validate.ts +0 -120
  239. package/src/ascii/width.ts +0 -81
  240. package/src/ascii/wrap.ts +0 -131
  241. package/src/ascii/xychart.ts +0 -919
  242. package/src/browser.ts +0 -29
  243. package/src/class/layout.ts +0 -240
  244. package/src/class/parser.ts +0 -332
  245. package/src/class/renderer.ts +0 -638
  246. package/src/class/types.ts +0 -129
  247. package/src/cli/agent-instructions.ts +0 -1
  248. package/src/cli/am-bin.ts +0 -6
  249. package/src/cli/exit-codes.ts +0 -18
  250. package/src/cli/index.ts +0 -1132
  251. package/src/cli/init-agent.ts +0 -147
  252. package/src/cli/run-entrypoint.ts +0 -10
  253. package/src/color-resolver.ts +0 -152
  254. package/src/elk-instance.ts +0 -114
  255. package/src/er/layout.ts +0 -187
  256. package/src/er/parser.ts +0 -226
  257. package/src/er/renderer.ts +0 -792
  258. package/src/er/types.ts +0 -99
  259. package/src/family-rubric.ts +0 -425
  260. package/src/font-manifest.ts +0 -31
  261. package/src/gantt/layout.ts +0 -365
  262. package/src/gantt/parser.ts +0 -282
  263. package/src/gantt/pipeline.ts +0 -27
  264. package/src/gantt/renderer.ts +0 -414
  265. package/src/gantt/schedule.ts +0 -513
  266. package/src/gantt/types.ts +0 -255
  267. package/src/index.ts +0 -368
  268. package/src/journey/layout.ts +0 -554
  269. package/src/journey/parse-core.ts +0 -251
  270. package/src/journey/parser.ts +0 -101
  271. package/src/journey/renderer.ts +0 -917
  272. package/src/journey/types.ts +0 -144
  273. package/src/layout/geometry.ts +0 -182
  274. package/src/layout/pass.ts +0 -142
  275. package/src/layout/passes/index.ts +0 -3916
  276. package/src/layout-engine.ts +0 -1565
  277. package/src/layout-rubric.ts +0 -659
  278. package/src/mcp/artifacts.ts +0 -137
  279. package/src/mcp/dynamic-harness.ts +0 -31
  280. package/src/mcp/dynamic-modules.d.ts +0 -7
  281. package/src/mcp/facade.ts +0 -608
  282. package/src/mcp/harness-runtime.ts +0 -203
  283. package/src/mcp/hosted-server.ts +0 -468
  284. package/src/mcp/mcp-bin.ts +0 -3
  285. package/src/mcp/mcp-cli.ts +0 -82
  286. package/src/mcp/protocol.ts +0 -13
  287. package/src/mcp/sandbox.ts +0 -195
  288. package/src/mcp/sdk-decl.ts +0 -391
  289. package/src/mcp/server.ts +0 -362
  290. package/src/mcp/tool-surface.ts +0 -146
  291. package/src/mermaid-source.ts +0 -655
  292. package/src/multiline-utils.ts +0 -228
  293. package/src/parser.ts +0 -1031
  294. package/src/pie/layout.ts +0 -168
  295. package/src/pie/parser.ts +0 -136
  296. package/src/pie/renderer.ts +0 -234
  297. package/src/pie/types.ts +0 -82
  298. package/src/quadrant/layout.ts +0 -191
  299. package/src/quadrant/parser.ts +0 -183
  300. package/src/quadrant/renderer.ts +0 -322
  301. package/src/quadrant/types.ts +0 -113
  302. package/src/render-family-hooks.ts +0 -244
  303. package/src/renderer.ts +0 -1099
  304. package/src/route-contracts.ts +0 -2723
  305. package/src/scene/backend.ts +0 -76
  306. package/src/scene/fidelity.ts +0 -183
  307. package/src/scene/hybrid-backend.ts +0 -174
  308. package/src/scene/ir.ts +0 -181
  309. package/src/scene/marks.ts +0 -127
  310. package/src/scene/rough-backend.ts +0 -378
  311. package/src/scene/seed.ts +0 -46
  312. package/src/scene/style-registry.ts +0 -556
  313. package/src/sequence/layout.ts +0 -456
  314. package/src/sequence/parser.ts +0 -255
  315. package/src/sequence/renderer.ts +0 -604
  316. package/src/sequence/types.ts +0 -154
  317. package/src/shape-clipping.ts +0 -351
  318. package/src/shared/accessibility-directives.ts +0 -22
  319. package/src/shared/batched.ts +0 -61
  320. package/src/shared/color-math.ts +0 -93
  321. package/src/shared/svg-a11y.ts +0 -29
  322. package/src/shared/syntax-error.ts +0 -17
  323. package/src/shared/unicode-ranges.ts +0 -135
  324. package/src/styles.ts +0 -318
  325. package/src/svg-paths.ts +0 -28
  326. package/src/text-metrics.ts +0 -248
  327. package/src/theme.ts +0 -710
  328. package/src/timeline/layout.ts +0 -381
  329. package/src/timeline/parser.ts +0 -215
  330. package/src/timeline/renderer.ts +0 -538
  331. package/src/timeline/types.ts +0 -105
  332. package/src/types.ts +0 -462
  333. package/src/website-worker-modules.d.ts +0 -18
  334. package/src/xychart/axis-utils.ts +0 -109
  335. package/src/xychart/colors.ts +0 -124
  336. package/src/xychart/config.ts +0 -88
  337. package/src/xychart/layout.ts +0 -656
  338. package/src/xychart/parser.ts +0 -504
  339. package/src/xychart/renderer.ts +0 -640
  340. package/src/xychart/types.ts +0 -282
package/src/er/types.ts DELETED
@@ -1,99 +0,0 @@
1
- // ============================================================================
2
- // ER diagram types
3
- //
4
- // Models the parsed and positioned representations of a Mermaid ER diagram.
5
- // ER diagrams show database entities, their attributes, and relationships.
6
- // ============================================================================
7
-
8
- import type { PositionedDiagram } from '../types.ts'
9
-
10
- /** Parsed ER diagram — logical structure from mermaid text */
11
- export interface ErDiagram {
12
- /** Optional accessibility title (Mermaid accTitle) */
13
- accessibilityTitle?: string
14
- /** Optional accessibility description (Mermaid accDescr) */
15
- accessibilityDescription?: string
16
- /** All entity definitions */
17
- entities: ErEntity[]
18
- /** Relationships between entities */
19
- relationships: ErRelationship[]
20
- }
21
-
22
- export interface ErEntity {
23
- id: string
24
- /** Display name (same as id unless aliased) */
25
- label: string
26
- /** Entity attributes (columns) */
27
- attributes: ErAttribute[]
28
- }
29
-
30
- export interface ErAttribute {
31
- /** Data type (string, int, varchar, etc.) */
32
- type: string
33
- /** Attribute name */
34
- name: string
35
- /** Key constraints: PK, FK, UK */
36
- keys: Array<'PK' | 'FK' | 'UK'>
37
- /** Optional comment */
38
- comment?: string
39
- }
40
-
41
- /**
42
- * Cardinality notation (crow's foot):
43
- * 'one' || exactly one
44
- * 'zero-one' |o zero or one
45
- * 'many' }| one or more
46
- * 'zero-many' o{ zero or more
47
- */
48
- export type Cardinality = 'one' | 'zero-one' | 'many' | 'zero-many'
49
-
50
- export interface ErRelationship {
51
- entity1: string
52
- entity2: string
53
- /** Cardinality at entity1's end */
54
- cardinality1: Cardinality
55
- /** Cardinality at entity2's end */
56
- cardinality2: Cardinality
57
- /** Relationship verb/label (e.g., "places", "contains") */
58
- label: string
59
- /** Whether the relationship is identifying (solid line) or non-identifying (dashed) */
60
- identifying: boolean
61
- }
62
-
63
- // ============================================================================
64
- // Positioned ER diagram — ready for SVG rendering
65
- // ============================================================================
66
-
67
- export interface PositionedErDiagram extends PositionedDiagram {
68
- width: number
69
- height: number
70
- accessibilityTitle?: string
71
- accessibilityDescription?: string
72
- entities: PositionedErEntity[]
73
- relationships: PositionedErRelationship[]
74
- }
75
-
76
- export interface PositionedErEntity {
77
- id: string
78
- label: string
79
- attributes: ErAttribute[]
80
- x: number
81
- y: number
82
- width: number
83
- height: number
84
- /** Height of the header row */
85
- headerHeight: number
86
- /** Height per attribute row */
87
- rowHeight: number
88
- }
89
-
90
- export interface PositionedErRelationship {
91
- entity1: string
92
- entity2: string
93
- cardinality1: Cardinality
94
- cardinality2: Cardinality
95
- label: string
96
- identifying: boolean
97
- /** Path points from entity1 to entity2 */
98
- points: Array<{ x: number; y: number }>
99
- }
@@ -1,425 +0,0 @@
1
- /**
2
- * Deterministic FAMILY-GENERIC layout-quality rubric.
3
- *
4
- * src/layout-rubric.ts scores the ELK-routed graph families (flowchart/state)
5
- * from MermaidGraph + PositionedGraph — it cannot see the other ten families.
6
- * This module is the companion rubric for EVERYTHING ELSE: it consumes the
7
- * common `RenderedLayout` projection every agent-parsed family already emits
8
- * (src/agent/family-layouts.ts `layoutFamilyToRendered`, plus the graph path
9
- * in src/agent/core.ts), so any family — current or future — that projects to
10
- * RenderedLayout is scored by the same invariants:
11
- *
12
- * • finite geometry (no NaN/Infinity, no negative sizes),
13
- * • nodes/edges/groups inside the canvas bounds,
14
- * • no text-bearing box overlapping another box (Purchase 1997: overlap is a
15
- * readability-destroying defect); data MARKS (points/junctions) may
16
- * legitimately coincide, so mark overlap is a SOFT rate, not a HARD count,
17
- * • group containment (members inside their group's rect — journey sections
18
- * are header BANDS above their tasks, so journey guarantees the x axis
19
- * only; the same reason verify.ts leaves groupContainment off for journey),
20
- * • group tiling (sibling groups either nest or stay disjoint — a PARTIAL
21
- * overlap is a defect; full containment is legitimate nesting, e.g.
22
- * sequence blocks and architecture group trees),
23
- * • label presence on every text-bearing box.
24
- *
25
- * Scores are deterministic numbers with STABLE WEIGHTS (exported below), in
26
- * the spirit of layout-rubric's fixed metric set: identical input produces
27
- * identical metrics, violations, and score. This module composes ALONGSIDE
28
- * layout-rubric (the tracker keeps assessLayout for flowchart); it does not
29
- * replace it.
30
- *
31
- * A journey-specific assessor layers on top. It reads the
32
- * PositionedJourneyDiagram from layoutJourneyDiagram — NOT the RenderedLayout
33
- * journey projection — because the projection keeps only task boxes and
34
- * section bands: the experience-curve markers, actor dots, and score guide
35
- * (exactly what the renderer rework changed) exist only on the positioned
36
- * diagram, the same geometry the SVG renderer draws.
37
- */
38
-
39
- import type { RenderedLayout, RenderedLayoutGroup, RenderedLayoutNode, DiagramKind } from './agent/types.ts'
40
- import type { PositionedJourneyDiagram } from './journey/types.ts'
41
-
42
- /** Geometry tolerance (px), matching layoutGeometryWarnings / layout-rubric. */
43
- const TOL = 0.5
44
-
45
- export interface FamilyRubricViolation {
46
- metric: string
47
- detail: string
48
- }
49
-
50
- export interface FamilyRubricMetrics {
51
- nodes: number
52
- groups: number
53
- /** HARD (0): NaN/Infinity coordinates or negative sizes anywhere. */
54
- nonFiniteGeometry: number
55
- /** HARD (0): nodes/edge points/groups outside the canvas bounds. */
56
- offCanvas: number
57
- /** HARD (0): two text-bearing BOXES overlapping (Purchase: readability). */
58
- nodeOverlaps: number
59
- /** HARD (0): a group member outside its group's rect (per-family axes). */
60
- groupBreaches: number
61
- /** HARD (0): two sibling groups PARTIALLY overlapping (tiling: groups must
62
- * nest fully or stay disjoint). */
63
- groupOverlaps: number
64
- /** SOFT: overlapping pairs involving a data MARK (point/junction marker)
65
- * over all node pairs — marks may legitimately coincide (a line point on a
66
- * bar, two quadrant points at one coordinate), so this is a rate to
67
- * baseline, not a hard zero. 0 when fewer than two nodes. */
68
- markOverlapRate: number
69
- /** SOFT: fraction of text-bearing boxes carrying a non-empty label.
70
- * 1 when there are no boxes. */
71
- labelledBoxRate: number
72
- }
73
-
74
- export interface FamilyRubricResult {
75
- metrics: FamilyRubricMetrics
76
- violations: FamilyRubricViolation[]
77
- /** Deterministic 0–100 score under FAMILY_RUBRIC_WEIGHTS (higher = better). */
78
- score: number
79
- }
80
-
81
- /** The hard family-rubric metrics — must be zero for every diagram, always. */
82
- export const FAMILY_HARD_METRICS = [
83
- 'nonFiniteGeometry', 'offCanvas', 'nodeOverlaps', 'groupBreaches', 'groupOverlaps',
84
- ] as const
85
-
86
- /**
87
- * Stable score weights. Ordered by impact (Purchase 1997/2002: overlap and
88
- * off-canvas clipping destroy readability outright; tiling and label defects
89
- * degrade it). Changing a weight is a scoring-contract change: regenerate the
90
- * heuristic-tracker baseline and say so in the PR.
91
- */
92
- export const FAMILY_RUBRIC_WEIGHTS = {
93
- nonFiniteGeometry: 40,
94
- offCanvas: 12,
95
- nodeOverlaps: 10,
96
- groupBreaches: 10,
97
- groupOverlaps: 8,
98
- /** Soft: applied as weight × markOverlapRate (a fraction, not a count). */
99
- markOverlapRate: 10,
100
- /** Soft: applied as weight × (1 − labelledBoxRate). */
101
- missingLabelRate: 5,
102
- } as const
103
-
104
- /**
105
- * Shapes that render as text-bearing boxes. Everything else ('circle' line
106
- * points / quadrant points / architecture junctions) is a data MARK: marks may
107
- * legitimately coincide, boxes may not.
108
- */
109
- const BOX_SHAPES = new Set(['rectangle', 'rounded', 'note', 'service', 'diamond', 'stadium', 'hexagon', 'cylinder'])
110
-
111
- /**
112
- * Which containment axes a family's groups guarantee for their members.
113
- * Journey sections are header BANDS tiled above the task row (the tiled-
114
- * section rework): a member task is inside its band's x-span but sits below
115
- * it, so only 'x' applies — mirroring verify.ts, which enables full
116
- * groupContainment only for the families whose groups are bounding frames.
117
- * Default (unlisted family): 'both'.
118
- */
119
- const GROUP_CONTAINMENT_AXES: Partial<Record<DiagramKind, 'both' | 'x' | 'none'>> = {
120
- journey: 'x',
121
- }
122
-
123
- function isBox(node: RenderedLayoutNode): boolean {
124
- return BOX_SHAPES.has(node.shape)
125
- }
126
-
127
- function finiteRect(x: number, y: number, w: number, h: number): boolean {
128
- return Number.isFinite(x) && Number.isFinite(y) && Number.isFinite(w) && Number.isFinite(h) && w >= 0 && h >= 0
129
- }
130
-
131
- function rectOverlap(
132
- a: { x: number; y: number; w: number; h: number },
133
- b: { x: number; y: number; w: number; h: number },
134
- ): boolean {
135
- const ox = Math.min(a.x + a.w, b.x + b.w) - Math.max(a.x, b.x)
136
- const oy = Math.min(a.y + a.h, b.y + b.h) - Math.max(a.y, b.y)
137
- return ox > TOL && oy > TOL
138
- }
139
-
140
- function rectContains(outer: RenderedLayoutGroup, inner: RenderedLayoutGroup): boolean {
141
- return inner.x >= outer.x - TOL && inner.y >= outer.y - TOL &&
142
- inner.x + inner.w <= outer.x + outer.w + TOL && inner.y + inner.h <= outer.y + outer.h + TOL
143
- }
144
-
145
- /** Whether `ancestor` is on `group`'s parentId chain (flattened group trees). */
146
- function isAncestor(ancestor: RenderedLayoutGroup, group: RenderedLayoutGroup, byId: Map<string, RenderedLayoutGroup>): boolean {
147
- let cur: RenderedLayoutGroup | undefined = group
148
- for (let hops = 0; cur?.parentId && hops < 100; hops++) {
149
- if (cur.parentId === ancestor.id) return true
150
- cur = byId.get(cur.parentId)
151
- }
152
- return false
153
- }
154
-
155
- /**
156
- * Score a RenderedLayout against the family-generic rubric. Pure and
157
- * deterministic: identical input produces identical metrics and score.
158
- */
159
- export function assessRenderedLayout(layout: RenderedLayout): FamilyRubricResult {
160
- const violations: FamilyRubricViolation[] = []
161
-
162
- let nonFinite = 0
163
- let offCanvas = 0
164
-
165
- if (!finiteRect(0, 0, layout.bounds.w, layout.bounds.h)) {
166
- nonFinite++
167
- violations.push({ metric: 'nonFiniteGeometry', detail: `bounds ${layout.bounds.w}×${layout.bounds.h}` })
168
- }
169
-
170
- for (const n of layout.nodes) {
171
- if (!finiteRect(n.x, n.y, n.w, n.h)) {
172
- nonFinite++
173
- violations.push({ metric: 'nonFiniteGeometry', detail: `node ${n.id}` })
174
- continue
175
- }
176
- if (n.x < -TOL || n.y < -TOL || n.x + n.w > layout.bounds.w + TOL || n.y + n.h > layout.bounds.h + TOL) {
177
- offCanvas++
178
- violations.push({ metric: 'offCanvas', detail: `node ${n.id} at (${n.x},${n.y}) ${n.w}×${n.h}` })
179
- }
180
- }
181
- for (const e of layout.edges) {
182
- let flagged = false
183
- for (const [x, y] of e.path) {
184
- if (!Number.isFinite(x) || !Number.isFinite(y)) {
185
- nonFinite++
186
- violations.push({ metric: 'nonFiniteGeometry', detail: `edge ${e.id} path` })
187
- flagged = true
188
- break
189
- }
190
- if (!flagged && (x < -TOL || y < -TOL || x > layout.bounds.w + TOL || y > layout.bounds.h + TOL)) {
191
- offCanvas++
192
- violations.push({ metric: 'offCanvas', detail: `edge ${e.id} point (${x},${y})` })
193
- flagged = true
194
- }
195
- }
196
- }
197
- for (const g of layout.groups) {
198
- if (!finiteRect(g.x, g.y, g.w, g.h)) {
199
- nonFinite++
200
- violations.push({ metric: 'nonFiniteGeometry', detail: `group ${g.id}` })
201
- continue
202
- }
203
- if (g.x < -TOL || g.y < -TOL || g.x + g.w > layout.bounds.w + TOL || g.y + g.h > layout.bounds.h + TOL) {
204
- offCanvas++
205
- violations.push({ metric: 'offCanvas', detail: `group ${g.id}` })
206
- }
207
- }
208
-
209
- // Node-node overlap: HARD for box-box pairs, SOFT rate for pairs involving a
210
- // mark (marks may legitimately coincide — a line point on a bar, two
211
- // quadrant points at one coordinate).
212
- let nodeOverlaps = 0
213
- let markOverlaps = 0
214
- let pairs = 0
215
- for (let i = 0; i < layout.nodes.length; i++) {
216
- for (let j = i + 1; j < layout.nodes.length; j++) {
217
- const a = layout.nodes[i]!, b = layout.nodes[j]!
218
- if (!finiteRect(a.x, a.y, a.w, a.h) || !finiteRect(b.x, b.y, b.w, b.h)) continue
219
- pairs++
220
- if (!rectOverlap(a, b)) continue
221
- if (isBox(a) && isBox(b)) {
222
- nodeOverlaps++
223
- violations.push({ metric: 'nodeOverlaps', detail: `${a.id} overlaps ${b.id}` })
224
- } else {
225
- markOverlaps++
226
- }
227
- }
228
- }
229
-
230
- // Group containment, honouring each family's guaranteed axes.
231
- const axes = GROUP_CONTAINMENT_AXES[layout.kind] ?? 'both'
232
- let groupBreaches = 0
233
- if (axes !== 'none') {
234
- const nodeById = new Map(layout.nodes.map(n => [n.id, n]))
235
- for (const g of layout.groups) {
236
- for (const memberId of g.members) {
237
- const n = nodeById.get(memberId)
238
- if (!n || !finiteRect(n.x, n.y, n.w, n.h)) continue
239
- const xOk = n.x >= g.x - TOL && n.x + n.w <= g.x + g.w + TOL
240
- const yOk = axes === 'x' || (n.y >= g.y - TOL && n.y + n.h <= g.y + g.h + TOL)
241
- if (!xOk || !yOk) {
242
- groupBreaches++
243
- violations.push({ metric: 'groupBreaches', detail: `${memberId} outside ${g.id}` })
244
- }
245
- }
246
- }
247
- }
248
-
249
- // Group tiling: sibling groups must nest fully or stay disjoint. Ancestry is
250
- // checked both via parentId (architecture's flattened tree) and geometric
251
- // containment (sequence blocks nest without parentId).
252
- let groupOverlaps = 0
253
- const groupById = new Map(layout.groups.map(g => [g.id, g]))
254
- for (let i = 0; i < layout.groups.length; i++) {
255
- for (let j = i + 1; j < layout.groups.length; j++) {
256
- const a = layout.groups[i]!, b = layout.groups[j]!
257
- if (!finiteRect(a.x, a.y, a.w, a.h) || !finiteRect(b.x, b.y, b.w, b.h)) continue
258
- if (!rectOverlap(a, b)) continue
259
- if (rectContains(a, b) || rectContains(b, a)) continue
260
- if (isAncestor(a, b, groupById) || isAncestor(b, a, groupById)) continue
261
- groupOverlaps++
262
- violations.push({ metric: 'groupOverlaps', detail: `${a.id} partially overlaps ${b.id}` })
263
- }
264
- }
265
-
266
- // Label presence on text-bearing boxes.
267
- const boxes = layout.nodes.filter(isBox)
268
- const labelledBoxes = boxes.filter(n => (n.label ?? '').trim().length > 0)
269
- for (const n of boxes) {
270
- if ((n.label ?? '').trim().length === 0) violations.push({ metric: 'missingLabel', detail: `box ${n.id} has no label` })
271
- }
272
-
273
- const metrics: FamilyRubricMetrics = {
274
- nodes: layout.nodes.length,
275
- groups: layout.groups.length,
276
- nonFiniteGeometry: nonFinite,
277
- offCanvas,
278
- nodeOverlaps,
279
- groupBreaches,
280
- groupOverlaps,
281
- markOverlapRate: pairs === 0 ? 0 : markOverlaps / pairs,
282
- labelledBoxRate: boxes.length === 0 ? 1 : labelledBoxes.length / boxes.length,
283
- }
284
-
285
- const w = FAMILY_RUBRIC_WEIGHTS
286
- const score = Math.max(0, Math.round((
287
- 100
288
- - w.nonFiniteGeometry * metrics.nonFiniteGeometry
289
- - w.offCanvas * metrics.offCanvas
290
- - w.nodeOverlaps * metrics.nodeOverlaps
291
- - w.groupBreaches * metrics.groupBreaches
292
- - w.groupOverlaps * metrics.groupOverlaps
293
- - w.markOverlapRate * metrics.markOverlapRate
294
- - w.missingLabelRate * (1 - metrics.labelledBoxRate)
295
- ) * 10) / 10)
296
-
297
- return { metrics, violations, score }
298
- }
299
-
300
- export function familyHardViolations(result: FamilyRubricResult): FamilyRubricViolation[] {
301
- const hard = new Set<string>(FAMILY_HARD_METRICS)
302
- return result.violations.filter(v => hard.has(v.metric))
303
- }
304
-
305
- // ============================================================================
306
- // Journey-specific assessor
307
- // ============================================================================
308
-
309
- export interface JourneyRubricMetrics {
310
- sections: number
311
- tasks: number
312
- /** HARD (0): section spans overlapping in x — spans must tile. */
313
- sectionSpanOverlaps: number
314
- /** HARD (0): a task's score marker off its column center (marker.cx must
315
- * equal the task's centerX — the experience curve reads per-column). */
316
- markerOffCenter: number
317
- /** HARD (0): score→y ordering violations — a HIGHER score must sit STRICTLY
318
- * higher (smaller y), equal scores at equal y, and the score-guide ticks
319
- * must run 5 (top) … 1 (bottom). */
320
- scoreOrderViolations: number
321
- /** HARD (0): an actor dot escaping its task's box. */
322
- actorDotsOutsideTask: number
323
- }
324
-
325
- export interface JourneyRubricResult {
326
- metrics: JourneyRubricMetrics
327
- violations: FamilyRubricViolation[]
328
- /** Deterministic 0–100 score under JOURNEY_RUBRIC_WEIGHTS. */
329
- score: number
330
- }
331
-
332
- /** Stable weights for the journey assessor — same contract as above. */
333
- export const JOURNEY_RUBRIC_WEIGHTS = {
334
- sectionSpanOverlaps: 15,
335
- markerOffCenter: 10,
336
- scoreOrderViolations: 15,
337
- actorDotsOutsideTask: 5,
338
- } as const
339
-
340
- /**
341
- * Score a positioned journey diagram against the journey-specific invariants
342
- * the RenderedLayout projection cannot see (markers, dots, score guide). Every
343
- * journey metric is HARD: the layout produces these properties by
344
- * construction, so any violation means a later pass broke the geometry.
345
- */
346
- export function assessJourneyLayout(positioned: PositionedJourneyDiagram): JourneyRubricResult {
347
- const violations: FamilyRubricViolation[] = []
348
-
349
- // Section spans tile in x: pairwise interval overlap beyond tolerance.
350
- let sectionSpanOverlaps = 0
351
- for (let i = 0; i < positioned.sections.length; i++) {
352
- for (let j = i + 1; j < positioned.sections.length; j++) {
353
- const a = positioned.sections[i]!, b = positioned.sections[j]!
354
- const ox = Math.min(a.x + a.width, b.x + b.width) - Math.max(a.x, b.x)
355
- if (ox > TOL) {
356
- sectionSpanOverlaps++
357
- violations.push({ metric: 'sectionSpanOverlaps', detail: `${a.id} overlaps ${b.id} by ${ox.toFixed(1)}px` })
358
- }
359
- }
360
- }
361
-
362
- const tasks = positioned.sections.flatMap(s => s.tasks)
363
-
364
- // Marker x == column center, actor dots inside the task box.
365
- let markerOffCenter = 0
366
- let actorDotsOutsideTask = 0
367
- for (const t of tasks) {
368
- if (Math.abs(t.marker.cx - t.centerX) > TOL) {
369
- markerOffCenter++
370
- violations.push({ metric: 'markerOffCenter', detail: `${t.id} marker at ${t.marker.cx}, column center ${t.centerX}` })
371
- }
372
- for (const d of t.actorDots) {
373
- const inside = d.x - d.r >= t.x - TOL && d.x + d.r <= t.x + t.width + TOL &&
374
- d.y - d.r >= t.y - TOL && d.y + d.r <= t.y + t.height + TOL
375
- if (!inside) {
376
- actorDotsOutsideTask++
377
- violations.push({ metric: 'actorDotsOutsideTask', detail: `${t.id} dot for ${d.label} at (${d.x},${d.y})` })
378
- }
379
- }
380
- }
381
-
382
- // Score→y strictly monotone across tasks (score 5 highest ⇒ smallest y),
383
- // and the guide ticks run 5 (top) … 1 (bottom).
384
- let scoreOrderViolations = 0
385
- for (let i = 0; i < tasks.length; i++) {
386
- for (let j = i + 1; j < tasks.length; j++) {
387
- const a = tasks[i]!, b = tasks[j]!
388
- const bad = (a.score > b.score && !(a.marker.cy < b.marker.cy - 1e-6)) ||
389
- (a.score < b.score && !(b.marker.cy < a.marker.cy - 1e-6)) ||
390
- (a.score === b.score && Math.abs(a.marker.cy - b.marker.cy) > 1e-6)
391
- if (bad) {
392
- scoreOrderViolations++
393
- violations.push({ metric: 'scoreOrderViolations', detail: `${a.id}(score ${a.score}, y ${a.marker.cy}) vs ${b.id}(score ${b.score}, y ${b.marker.cy})` })
394
- }
395
- }
396
- }
397
- const ticks = positioned.scoreGuide.ticks
398
- for (let i = 1; i < ticks.length; i++) {
399
- const prev = ticks[i - 1]!, cur = ticks[i]!
400
- if (!(prev.score > cur.score && prev.y < cur.y - 1e-6)) {
401
- scoreOrderViolations++
402
- violations.push({ metric: 'scoreOrderViolations', detail: `guide ticks out of order at index ${i} (score ${prev.score}→${cur.score}, y ${prev.y}→${cur.y})` })
403
- }
404
- }
405
-
406
- const metrics: JourneyRubricMetrics = {
407
- sections: positioned.sections.length,
408
- tasks: tasks.length,
409
- sectionSpanOverlaps,
410
- markerOffCenter,
411
- scoreOrderViolations,
412
- actorDotsOutsideTask,
413
- }
414
-
415
- const w = JOURNEY_RUBRIC_WEIGHTS
416
- const score = Math.max(0, Math.round((
417
- 100
418
- - w.sectionSpanOverlaps * sectionSpanOverlaps
419
- - w.markerOffCenter * markerOffCenter
420
- - w.scoreOrderViolations * scoreOrderViolations
421
- - w.actorDotsOutsideTask * actorDotsOutsideTask
422
- ) * 10) / 10)
423
-
424
- return { metrics, violations, score }
425
- }
@@ -1,31 +0,0 @@
1
- export interface HostedFontFace {
2
- family: string
3
- file: string
4
- weight: string
5
- style: string
6
- }
7
-
8
- export const HOSTED_FONT_FACES: readonly HostedFontFace[] = [
9
- { family: 'Inter', file: 'Inter-Regular.ttf', weight: '400', style: 'normal' },
10
- { family: 'Inter', file: 'Inter-Medium.ttf', weight: '500', style: 'normal' },
11
- { family: 'Inter', file: 'Inter-SemiBold.ttf', weight: '600', style: 'normal' },
12
- { family: 'Inter', file: 'Inter-Bold.ttf', weight: '700', style: 'normal' },
13
- { family: 'Caveat', file: 'Caveat.ttf', weight: '400 700', style: 'normal' },
14
- { family: 'EB Garamond', file: 'EBGaramond.ttf', weight: '400 700', style: 'normal' },
15
- { family: 'Architects Daughter', file: 'ArchitectsDaughter.ttf', weight: '400', style: 'normal' },
16
- { family: 'Share Tech Mono', file: 'ShareTechMono.ttf', weight: '400', style: 'normal' },
17
- { family: 'DejaVu Sans', file: 'DejaVuSans.ttf', weight: '400', style: 'normal' },
18
- { family: 'DejaVu Sans', file: 'DejaVuSans-Bold.ttf', weight: '700', style: 'normal' },
19
- ]
20
-
21
- export const HOSTED_FONT_FILES = [...new Set(HOSTED_FONT_FACES.map((font) => font.file))] as readonly string[]
22
-
23
- function cssString(value: string): string {
24
- return value.replace(/\\/g, '\\\\').replace(/'/g, "\\'")
25
- }
26
-
27
- export function hostedFontFaceCss(prefix = '/fonts/'): string {
28
- return HOSTED_FONT_FACES.map((font) =>
29
- `@font-face { font-family: '${cssString(font.family)}'; src: url('${prefix}${font.file}') format('truetype'); font-weight: ${font.weight}; font-style: ${font.style}; font-display: swap; }`,
30
- ).join('\n')
31
- }