@taylorwong/ichartjs 2.0.13 → 2.0.15

package/docs/manifests/commands.json

@@ -2,8 +2,8 @@
   "version": "1.0",
   "source": "src/command.mjs#operationTypes",
   "commands": {
-    "updateField": { "models": ["project-task", "timeline-event", "milestone", "burndown-sample", "flow-node", "flow-edge", "swimlane", "architecture-node", "architecture-edge", "mindmap-node"], "previewRequired": true, "undoable": true },
-    "updateRecord": { "models": ["project-task", "timeline-event", "milestone", "burndown-sample", "flow-node", "flow-edge", "swimlane", "architecture-node", "architecture-edge", "mindmap-node"], "previewRequired": true, "undoable": true },
+    "updateField": { "models": ["project-task", "timeline-event", "milestone", "burndown-sample", "flow-node", "flow-edge", "swimlane", "architecture-node", "architecture-edge", "mindmap-node", "mindmap-edge"], "previewRequired": true, "undoable": true },
+    "updateRecord": { "models": ["project-task", "timeline-event", "milestone", "burndown-sample", "flow-node", "flow-edge", "swimlane", "architecture-node", "architecture-edge", "mindmap-node", "mindmap-edge"], "previewRequired": true, "undoable": true },
     "updateTask": { "models": ["project-task"], "previewRequired": true, "undoable": true },
     "shiftTask": { "models": ["project-task"], "required": ["taskId", "days"], "previewRequired": true, "undoable": true },
     "updateProgress": { "models": ["project-task"], "required": ["taskId", "progress"], "previewRequired": true, "undoable": true },
@@ -21,11 +21,11 @@
     "assignNodesToGroup": { "models": ["flow-node"], "required": ["nodeIds", "groupId"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
     "duplicateGroup": { "models": ["flow-node", "flow-edge"], "required": ["groupId"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
     "deleteGroup": { "models": ["flow-node", "flow-edge"], "required": ["groupId", "policy"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
-    "updateEdge": { "models": ["flow-edge", "architecture-edge"], "required": ["edgeId", "changes"], "previewRequired": true, "undoable": true },
-    "removeEdge": { "models": ["flow-edge", "architecture-edge"], "required": ["edgeId"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
-    "addEdge": { "models": ["flow-edge", "architecture-edge"], "required": ["from", "to"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
+    "updateEdge": { "models": ["flow-edge", "architecture-edge", "mindmap-edge"], "required": ["edgeId", "changes"], "previewRequired": true, "undoable": true },
+    "removeEdge": { "models": ["flow-edge", "architecture-edge", "mindmap-edge"], "required": ["edgeId"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
+    "addEdge": { "models": ["flow-edge", "architecture-edge", "mindmap-edge"], "required": ["from", "to"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
     "toggleGroupCollapse": { "models": ["flow-node"], "required": ["groupId"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
-    "duplicateSelection": { "models": ["flow-node", "flow-edge"], "required": ["nodeIds"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
-    "pasteSelection": { "models": ["flow-node", "flow-edge"], "required": ["nodes"], "previewRequired": true, "confirmationRequired": true, "undoable": true }
+    "duplicateSelection": { "models": ["flow-node", "flow-edge", "mindmap-edge"], "required": ["nodeIds"], "previewRequired": true, "confirmationRequired": true, "undoable": true },
+    "pasteSelection": { "models": ["flow-node", "flow-edge", "mindmap-edge"], "required": ["nodes"], "previewRequired": true, "confirmationRequired": true, "undoable": true }
   }
 }

package/docs/manifests/schemas.json

@@ -2,15 +2,187 @@
   "version": "1.0",
   "source": "src/schema.mjs#getBusinessSchema",
   "models": {
-    "project-task": { "key": "id", "required": ["id", "name", "start", "end"], "editable": ["name", "start", "end", "progress", "status", "dependencies"] },
-    "timeline-event": { "key": "id", "required": ["id", "title", "date"], "editable": ["title", "date", "description", "status"] },
-    "milestone": { "key": "id", "required": ["id", "title", "date"], "editable": ["title", "date", "status"] },
-    "burndown-sample": { "key": "id", "required": ["id", "date", "remaining"], "editable": ["date", "remaining", "scopeChange"] },
-    "flow-node": { "key": "id", "required": ["id", "label"], "editable": ["label", "position", "size", "laneId", "description", "status"] },
-    "flow-edge": { "key": "id", "required": ["id", "from", "to"], "editable": ["from", "to", "fromPort", "toPort", "label", "status", "routing", "curveTension", "waypoints"] },
-    "swimlane": { "key": "id", "required": ["id", "label"], "editable": ["label"] },
-    "architecture-node": { "key": "id", "required": ["id", "label"], "editable": ["label", "layerId", "boundaryId", "position", "size", "description", "status"] },
-    "architecture-edge": { "key": "id", "required": ["id", "from", "to"], "editable": ["from", "to", "label", "relation", "routing", "curveTension", "waypoints", "status"] },
-    "mindmap-node": { "key": "id", "required": ["id", "label"], "editable": ["label", "parentId", "position", "size", "branch", "description", "status"] }
+    "project-task": {
+      "key": "id",
+      "required": [
+        "id",
+        "name",
+        "start",
+        "end"
+      ],
+      "editable": [
+        "name",
+        "start",
+        "end",
+        "baselineStart",
+        "baselineEnd",
+        "actualStart",
+        "actualEnd",
+        "baselineDate",
+        "actualDate",
+        "progress",
+        "status",
+        "owner",
+        "resource",
+        "capacity",
+        "load",
+        "points",
+        "sprint",
+        "priority",
+        "labels",
+        "dependencies"
+      ]
+    },
+    "timeline-event": {
+      "key": "id",
+      "required": [
+        "id",
+        "title",
+        "date"
+      ],
+      "editable": [
+        "title",
+        "date",
+        "description",
+        "status"
+      ]
+    },
+    "milestone": {
+      "key": "id",
+      "required": [
+        "id",
+        "title",
+        "date"
+      ],
+      "editable": [
+        "title",
+        "date",
+        "status"
+      ]
+    },
+    "burndown-sample": {
+      "key": "id",
+      "required": [
+        "id",
+        "date",
+        "remaining"
+      ],
+      "editable": [
+        "date",
+        "remaining",
+        "scopeChange"
+      ]
+    },
+    "flow-node": {
+      "key": "id",
+      "required": [
+        "id",
+        "label"
+      ],
+      "editable": [
+        "label",
+        "position",
+        "size",
+        "laneId",
+        "description",
+        "status"
+      ]
+    },
+    "flow-edge": {
+      "key": "id",
+      "required": [
+        "id",
+        "from",
+        "to"
+      ],
+      "editable": [
+        "from",
+        "to",
+        "fromPort",
+        "toPort",
+        "label",
+        "status",
+        "routing",
+        "curveTension",
+        "waypoints"
+      ]
+    },
+    "swimlane": {
+      "key": "id",
+      "required": [
+        "id",
+        "label"
+      ],
+      "editable": [
+        "label"
+      ]
+    },
+    "architecture-node": {
+      "key": "id",
+      "required": [
+        "id",
+        "label"
+      ],
+      "editable": [
+        "label",
+        "layerId",
+        "boundaryId",
+        "position",
+        "size",
+        "description",
+        "status"
+      ]
+    },
+    "architecture-edge": {
+      "key": "id",
+      "required": [
+        "id",
+        "from",
+        "to"
+      ],
+      "editable": [
+        "from",
+        "to",
+        "label",
+        "relation",
+        "routing",
+        "curveTension",
+        "waypoints",
+        "status"
+      ]
+    },
+    "mindmap-edge": {
+      "key": "id",
+      "required": [
+        "id",
+        "from",
+        "to"
+      ],
+      "editable": [
+        "from",
+        "to",
+        "label",
+        "routing",
+        "curveTension",
+        "waypoints",
+        "status"
+      ]
+    },
+    "mindmap-node": {
+      "key": "id",
+      "required": [
+        "id",
+        "label"
+      ],
+      "editable": [
+        "label",
+        "parentId",
+        "position",
+        "size",
+        "branch",
+        "description",
+        "status"
+      ]
+    }
   }
 }

package/examples/agent-workflow.mjs

@@ -1,3 +1,4 @@
+// Executable Agent integration example covering the full inspect-to-destroy lifecycle.
 import { pathToFileURL } from 'node:url';
 import {
   createChart,
@@ -8,6 +9,7 @@ import {
   recommend,
   validateSpec
 } from '@taylorwong/ichartjs';
+// Small deterministic fixture with stable IDs for reproducible lineage checks.
 export const sampleRows = [
   { id: 'jan', month: 'Jan', revenue: 120, cost: 82 },
   { id: 'feb', month: 'Feb', revenue: 148, cost: 91 },
@@ -15,6 +17,7 @@ export const sampleRows = [
   { id: 'apr', month: 'Apr', revenue: 176, cost: 105 }
 ];
 
+// Convert the planning result into a candidate Chart Spec for validateSpec().
 function buildCandidate(rows, plan, renderer) {
   const measureFields = [plan.suggestedEncodings.measure, plan.suggestedEncodings.secondaryMeasure].filter(Boolean);
   return {
@@ -36,17 +39,21 @@ function buildCandidate(rows, plan, renderer) {
   };
 }
 
+// Run the complete Agent workflow and return structured results for inspection or presentation.
 export function runAgentWorkflow(rows, options = {}) {
   const intent = options.intent || 'trend';
   const renderer = options.renderer || 'svg';
+  // Discover the capability contract before inspecting data and planning the chart.
   const capabilities = getCapabilities();
   const inspection = inspectData(rows);
   const plan = planChart(rows, { intent, renderer, context: options.context || 'analysis' });
 
+  // Return early when required planning fields are missing instead of creating an invalid chart.
   if (plan.requiredFields.length) {
     return { ok: false, stage: 'planning', capabilitiesContract: capabilities.contractVersion, inspection, plan };
   }
 
+  // Build and validate the candidate Spec before creating the chart.
   const candidate = buildCandidate(rows, plan, renderer);
   const validation = validateSpec(candidate);
   if (!validation.valid) {
@@ -55,6 +62,7 @@ export function runAgentWorkflow(rows, options = {}) {
 
   const chart = createChart(validation.spec);
   try {
+    // Read explanation, state, and export output to verify observability and data lineage.
     const explanation = chart.explain();
     const state = chart.getState();
     const expectedRecordIds = rows.map((row, index) => String(row.id ?? row.key ?? `record-${index}`));
@@ -77,10 +85,12 @@ export function runAgentWorkflow(rows, options = {}) {
       export: JSON.parse(chart.export({ type: 'json' }))
     };
   } finally {
+    // Always release chart resources and listeners, whether the workflow succeeds or fails.
     chart.destroy();
   }
 }
 
+// Print a compact result when run directly; expose reusable workflow functions when imported.
 if (process.argv[1] && import.meta.url === pathToFileURL(process.argv[1]).href) {
   const result = runAgentWorkflow(sampleRows);
   console.log(JSON.stringify({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taylorwong/ichartjs",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "description": "Agent-first, renderer-independent charting and project visualization runtime",
   "type": "module",
   "main": "./src/index.mjs",
@@ -37,14 +37,20 @@
     "test": "node --test tests/*.test.mjs",
     "test:browser": "node --test tests/browser/*.test.mjs",
     "check": "for file in src/*.mjs; do node --check \"$file\" || exit 1; done",
+    "contracts:generate": "node scripts/generate-contract-manifests.mjs",
+    "contracts:check": "node scripts/check-contracts.mjs",
+    "types:check": "node scripts/check-types.mjs",
+    "deps:check": "node scripts/check-cycles.mjs",
+    "docs:examples": "node examples/agent-workflow.mjs",
     "docs:check": "node scripts/check-agent-docs.mjs",
     "example:agent": "node examples/agent-workflow.mjs",
     "playground": "node scripts/serve-playground.mjs",
-    "agent:check": "npm run docs:check && npm run check && npm test",
+    "agent:check": "npm run contracts:check && npm run types:check && npm run deps:check && npm run docs:check && npm run docs:examples && npm run check && npm test",
     "rc:check": "npm test && npm run check && git diff --check"
   },
   "devDependencies": {
-    "playwright-core": "^1.63.0"
+    "playwright-core": "^1.63.0",
+    "typescript": "^5.9.3"
   },
   "repository": {
     "type": "git",
@@ -52,8 +58,18 @@
   },
   "homepage": "https://github.com/wanghetommy/ichartjs#readme",
   "bugs": "https://github.com/wanghetommy/ichartjs/issues",
-  "keywords": ["chart", "visualization", "agent", "svg", "canvas", "gantt", "diagram"],
-  "engines": { "node": ">=18" },
+  "keywords": [
+    "chart",
+    "visualization",
+    "agent",
+    "svg",
+    "canvas",
+    "gantt",
+    "diagram"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
   "author": "taylorwong <wanghetommy@gmail.com>",
   "license": "Apache-2.0"
 }

package/skills/ichartjs/SKILL.md

@@ -21,7 +21,7 @@ Recommended installation:
 npx skills add wanghetommy/ichartjs --skill ichartjs
 ```
 
-Use `--agent codex --global --yes` for global non-interactive Codex installation. Use the tagged directory `https://github.com/wanghetommy/ichartjs/tree/v2.0.13/skills/ichartjs` when reproducibility matters. WorkBuddy can import the same directory through its Skill interface; do not assume a `--agent workbuddy` adapter unless the installed CLI declares it.
+Use `--agent codex --global --yes` for global non-interactive Codex installation. Use the tagged directory `https://github.com/wanghetommy/ichartjs/tree/v2.0.15/skills/ichartjs` when reproducibility matters. WorkBuddy can import the same directory through its Skill interface; do not assume a `--agent workbuddy` adapter unless the installed CLI declares it.
 
 The Skill is a workflow adapter, not the chart runtime. If the current JavaScript or TypeScript project does not already depend on iChart.js, install the matching runtime from GitHub:
 

package/src/capabilities.mjs

@@ -4,44 +4,13 @@
 import { inspectData } from './data.mjs';
 import { planStyle, styleCapabilities } from './theme.mjs';
 import { defaultPreferences, preferenceDensities, preferenceMotions, preferenceTriStates } from './preferences.mjs';
+import { businessModels, chartProfiles, chartTypes, commandTypes, contractVersion, diagramEdgeModels, diagramOperations, exportTypes, interactionDefaults, renderers } from './contract-registry.mjs';
 
-export const chartTypes = ['line', 'area', 'bar', 'column', 'pie', 'scatter', 'funnel', 'gauge', 'heatmap', 'radar', 'gantt', 'timeline', 'milestone', 'burndown', 'flow', 'swimlane', 'architecture', 'mindmap'];
+export { chartProfiles, chartTypes };
 
 const cartesian = ['line', 'area', 'bar', 'column', 'scatter'];
 const project = ['gantt', 'timeline', 'milestone', 'burndown'];
 const diagrams = ['flow', 'swimlane', 'architecture', 'mindmap'];
-const status = (supported, notApplicable = []) => Object.fromEntries(supported.map(name => [name, 'supported']).concat(notApplicable.map(name => [name, 'not-applicable'])));
-const commonPresentation = ['title', 'subtitle', 'theme', 'responsive', 'empty-state', 'invalid-data-state', 'export', 'branding'];
-
-const definitions = {
-  line: { family: 'cartesian', intents: ['trend', 'time-series'], required: ['dimension', 'measure'], optional: ['series'], interactions: ['hover', 'tooltip', 'selection', 'crosshair', 'zoom', 'pan', 'keyboard'], features: status([...commonPresentation, 'axes', 'grid', 'legend', 'labels', 'formatting', 'multi-series', 'dual-axis']) },
-  area: { family: 'cartesian', intents: ['trend', 'composition'], required: ['dimension', 'measure'], optional: ['series'], interactions: ['hover', 'tooltip', 'selection', 'crosshair', 'zoom', 'pan', 'keyboard'], features: status([...commonPresentation, 'axes', 'grid', 'legend', 'labels', 'formatting', 'multi-series', 'stacked', 'percent-stacked']) },
-  bar: { family: 'cartesian', intents: ['comparison', 'ranking'], required: ['dimension', 'measure'], optional: ['series'], interactions: ['hover', 'tooltip', 'selection', 'zoom', 'pan', 'keyboard'], features: status([...commonPresentation, 'axes', 'grid', 'legend', 'labels', 'formatting', 'multi-series', 'stacked', 'percent-stacked']) },
-  column: { family: 'cartesian', intents: ['comparison', 'distribution', 'composition'], required: ['dimension', 'measure'], optional: ['series'], interactions: ['hover', 'tooltip', 'selection', 'zoom', 'pan', 'keyboard'], features: status([...commonPresentation, 'axes', 'grid', 'legend', 'labels', 'formatting', 'multi-series', 'stacked', 'percent-stacked', 'mixed-line-column', 'dual-axis', 'bin']) },
-  pie: { family: 'part-to-whole', intents: ['part-to-whole'], required: ['dimension', 'measure'], optional: [], interactions: ['hover', 'tooltip', 'selection', 'keyboard'], features: status([...commonPresentation, 'legend', 'labels', 'formatting', 'donut', 'zero-total'], ['axes', 'grid', 'zoom', 'pan']) },
-  scatter: { family: 'cartesian', intents: ['relationship', 'correlation'], required: ['measure', 'measure'], optional: ['dimension'], interactions: ['hover', 'tooltip', 'selection', 'brush', 'zoom', 'pan', 'keyboard'], features: status([...commonPresentation, 'axes', 'grid', 'labels', 'formatting'], ['stacked']) },
-  funnel: { family: 'stage', intents: ['funnel', 'conversion'], required: ['dimension', 'measure'], optional: [], interactions: ['hover', 'tooltip', 'selection', 'keyboard'], features: status([...commonPresentation, 'labels', 'formatting'], ['axes', 'grid', 'zoom', 'pan']) },
-  gauge: { family: 'indicator', intents: ['progress', 'single-value'], required: ['measure'], optional: [], interactions: ['hover', 'tooltip', 'selection', 'keyboard'], features: status([...commonPresentation, 'labels', 'formatting', 'domain'], ['axes', 'grid', 'legend', 'zoom', 'pan']) },
-  heatmap: { family: 'matrix', intents: ['matrix', 'correlation-grid'], required: ['dimension', 'dimension', 'measure'], optional: [], interactions: ['hover', 'tooltip', 'selection', 'keyboard'], features: status([...commonPresentation, 'axes', 'labels', 'formatting', 'color-scale', 'missing-values'], ['zoom', 'pan']) },
-  radar: { family: 'radial', intents: ['multidimensional', 'profile'], required: ['three-or-more-measures'], optional: ['series'], interactions: ['hover', 'tooltip', 'selection', 'keyboard'], features: status([...commonPresentation, 'legend', 'labels', 'formatting', 'multi-series', 'indicator-domains', 'mixed-unit-warning'], ['axes', 'grid', 'zoom', 'pan']) },
-  gantt: { family: 'project', intents: ['schedule', 'variance'], required: ['id', 'start', 'end'], optional: ['dependencies', 'progress', 'baseline', 'actual'], interactions: ['hover', 'tooltip', 'selection', 'zoom', 'pan', 'keyboard', 'linked-filter', 'linked-selection'], features: status([...commonPresentation, 'labels', 'formatting', 'critical-path', 'slack', 'baseline-actual-variance', 'working-calendar', 'dependencies']) },
-  timeline: { family: 'project', intents: ['timeline', 'milestone'], required: ['date', 'label'], optional: ['status'], interactions: ['hover', 'tooltip', 'selection', 'zoom', 'pan', 'keyboard'], features: status([...commonPresentation, 'labels', 'formatting']) },
-  milestone: { family: 'project', intents: ['milestone'], required: ['date', 'label'], optional: ['baseline', 'actual'], interactions: ['hover', 'tooltip', 'selection', 'zoom', 'pan', 'keyboard'], features: status([...commonPresentation, 'labels', 'formatting', 'baseline-actual-variance']) },
-  burndown: { family: 'project', intents: ['progress', 'release'], required: ['date', 'remaining'], optional: ['ideal', 'scopeChange'], interactions: ['hover', 'tooltip', 'selection', 'zoom', 'pan', 'keyboard'], features: status([...commonPresentation, 'axes', 'labels', 'formatting', 'scope-change', 'release-forecast']) },
-  flow: { family: 'diagram', intents: ['workflow'], required: ['nodes'], optional: ['edges', 'groups', 'ports'], interactions: ['hover', 'tooltip', 'selection', 'edge-selection', 'drag', 'edgeDrag', 'zoom', 'pan', 'keyboard', 'keyboard-edit', 'keyboard-port-connect', 'portConnect', 'copy-paste'], features: status([...commonPresentation, 'labels', 'routing', 'manual-routing', 'layout', 'groups', 'ports', 'history'], ['axes', 'grid', 'legend']) },
-  swimlane: { family: 'diagram', intents: ['responsibility'], required: ['nodes', 'lanes'], optional: ['edges', 'groups', 'ports'], interactions: ['hover', 'tooltip', 'selection', 'edge-selection', 'drag', 'edgeDrag', 'zoom', 'pan', 'keyboard', 'keyboard-edit', 'keyboard-port-connect', 'portConnect', 'copy-paste'], features: status([...commonPresentation, 'labels', 'routing', 'manual-routing', 'layout', 'groups', 'ports', 'lanes', 'history'], ['axes', 'grid', 'legend']) },
-  architecture: { family: 'diagram', intents: ['architecture', 'business-architecture', 'data-architecture', 'technical-architecture'], required: ['nodes'], optional: ['edges', 'layers', 'boundaries', 'groups', 'ports'], interactions: ['hover', 'tooltip', 'selection', 'edge-selection', 'drag', 'edgeDrag', 'zoom', 'pan', 'keyboard', 'keyboard-edit', 'keyboard-port-connect', 'portConnect', 'copy-paste'], features: status([...commonPresentation, 'labels', 'routing', 'manual-routing', 'layout', 'layers', 'boundaries', 'groups', 'ports', 'history'], ['axes', 'grid', 'legend']) },
-  mindmap: { family: 'diagram', intents: ['mindmap', 'hierarchy', 'brainstorm'], required: ['nodes'], optional: ['parentId', 'edges', 'groups'], interactions: ['hover', 'tooltip', 'selection', 'edge-selection', 'drag', 'edgeDrag', 'zoom', 'pan', 'keyboard', 'keyboard-edit', 'keyboard-port-connect', 'portConnect', 'copy-paste'], features: status([...commonPresentation, 'labels', 'routing', 'cubic-bezier', 'curve-tension', 'obstacle-fallback', 'manual-routing', 'layout', 'tree-layout', 'radial-layout', 'history'], ['axes', 'grid', 'legend']) }
-};
-
-export const chartProfiles = Object.fromEntries(chartTypes.map(type => [type, {
-  type,
-  ...definitions[type],
-  dataShapes: definitions[type].family === 'diagram' ? ['diagram-spec'] : definitions[type].family === 'project' ? ['records'] : ['records', 'data-table'],
-  renderers: ['canvas', 'svg'],
-  exports: ['png', 'svg', 'json'],
-  limits: type === 'pie' ? { recommendedCategories: 8 } : type === 'radar' ? { minimumIndicators: 3, recommendedIndicators: 8 } : type === 'heatmap' ? { recommendedCells: 2500 } : {}
-}]));
 
 const intentMap = {
   schedule: 'gantt', variance: 'gantt', timeline: 'timeline', milestone: 'milestone', progress: 'burndown', release: 'burndown', capacity: 'column', risk: 'scatter', aging: 'bar', matrix: 'heatmap', 'correlation-grid': 'heatmap', multidimensional: 'radar', profile: 'radar', workflow: 'flow', responsibility: 'swimlane', architecture: 'architecture', 'business-architecture': 'architecture', 'data-architecture': 'architecture', 'technical-architecture': 'architecture', mindmap: 'mindmap', hierarchy: 'mindmap', brainstorm: 'mindmap', trend: 'line', 'time-series': 'line', 'part-to-whole': 'pie', distribution: 'column', relationship: 'scatter', correlation: 'scatter', funnel: 'funnel', conversion: 'funnel', 'single-value': 'gauge', ranking: 'bar', comparison: 'bar', composition: 'column'
@@ -225,7 +194,7 @@ export function getCapabilities() {
   };
   return {
     version: '2.0',
-    contractVersion: '1.0',
+    contractVersion,
     chartTypes,
     charts: JSON.parse(JSON.stringify(chartProfiles)),
     intents,
@@ -240,9 +209,10 @@ export function getCapabilities() {
     },
     diagrams,
     excluded: ['map', '3d'],
-    renderers: ['canvas', 'svg'],
+    renderers: [...renderers],
+    interactionDefaults: { ...interactionDefaults },
     interactions: [...new Set(Object.values(chartProfiles).flatMap(profile => profile.interactions))],
-    exports: ['png', 'svg', 'json'],
+    exports: [...exportTypes],
     headless: {
       preview: true,
       json: true,
@@ -263,6 +233,10 @@ export function getCapabilities() {
       precedence: preferenceCapabilities.precedence,
       schema: preferenceCapabilities
     },
+    commands: [...commandTypes],
+    diagramOperations: [...diagramOperations],
+    businessModels: [...businessModels],
+    diagramEdgeModels: [...diagramEdgeModels],
     plugins: true,
     branding: { defaultEnabled: true, signature: 'Powered by iChart.js', options: [{ name: 'enabled', type: 'boolean', default: true }] },
   };

package/src/chart-lifecycle.mjs

@@ -0,0 +1,31 @@
+/** Renderer-independent chart lifecycle cleanup. */
+export function destroyChart(chart) {
+  if (chart._destroyed) return;
+  chart._destroyed = true;
+  chart._preferencesUnsubscribe?.();
+  chart._resizeObserver?.disconnect();
+  chart._colorSchemeQuery?.removeEventListener?.('change', chart._colorSchemeHandler);
+  if (chart._eventsBound) {
+    const { target, handler, start, move, end, leave, touchStart, touchMove, touchEnd, wheel } = chart._eventsBound;
+    target.removeEventListener('mousemove', handler);
+    target.removeEventListener('click', handler);
+    target.removeEventListener('pointerdown', start);
+    target.removeEventListener('pointermove', move);
+    target.removeEventListener('pointerup', end);
+    target.removeEventListener('pointercancel', end);
+    target.removeEventListener('pointerleave', leave);
+    target.removeEventListener('touchstart', touchStart);
+    target.removeEventListener('touchmove', touchMove);
+    target.removeEventListener('touchend', touchEnd);
+    target.removeEventListener('wheel', wheel);
+  }
+  const target = chart.renderer.svg || chart.renderer.canvas;
+  if (chart._keyboardHandler) target?.removeEventListener('keydown', chart._keyboardHandler);
+  chart._tooltip?.remove();
+  chart.plugins.destroy();
+  chart.renderer.destroy();
+  chart.listeners.clear();
+  chart._eventsBound = null;
+  chart._selected.clear();
+  chart._clipboard = { nodes: [], edges: [] };
+}