feat(drawio): export Archify diagrams as editable draw.io files

archify/bin/archify.mjs

@@ -26,6 +26,7 @@ function usage() {
   archify examples
   archify doctor
   archify demo [output-directory]
+  archify export-drawio <type> <input.json> [output.drawio] [--strict] [--json]
 
 Types:
   architecture, workflow, sequence, dataflow, lifecycle
@@ -1156,6 +1157,41 @@ function commandCheck(args) {
   if (result.status !== 0) exitFrom(result);
 }
 
+function commandExportDrawio(args) {
+  const json = args.includes('--json');
+  const strict = args.includes('--strict');
+  const knownOptions = new Set(['--json', '--strict']);
+  const unknown = args.filter((arg) => arg.startsWith('--') && !knownOptions.has(arg));
+  if (unknown.length) fail(`Unknown export-drawio option "${unknown[0]}".`);
+  const positional = args.filter((arg) => !knownOptions.has(arg));
+  const [type, input, output] = positional;
+  if (!type || !input || positional.length > 3) fail(usage());
+  rendererPath(type); // validates type against TYPES, fails(2) on unknown.
+  const exporter = path.join(skillRoot, 'scripts/export-drawio.mjs');
+  const result = runNode(
+    [exporter, type, input, ...(output ? [output] : []), ...(strict ? ['--strict'] : [])],
+    { stdio: json ? 'pipe' : 'inherit' },
+  );
+  if (result.status !== 0) {
+    if (json) {
+      console.log(JSON.stringify({
+        schemaVersion: 1, ok: false, command: 'export-drawio',
+        type, input: path.resolve(input),
+        error: 'Drawio export failed.',
+      }, null, 2));
+    }
+    exitFrom(result);
+  }
+  if (json) {
+    console.log(JSON.stringify({
+      schemaVersion: 1, ok: true, command: 'export-drawio',
+      type, input: path.resolve(input),
+      ...(strict ? { strict: true } : {}),
+      ...(output ? { output: path.resolve(output) } : {}),
+    }, null, 2));
+  }
+}
+
 async function commandVisualCheck(args) {
   const json = args.includes('--json');
   const knownOptions = new Set(['--json']);
@@ -1578,6 +1614,9 @@ switch (command) {
   case 'demo':
     commandDemo(args);
     break;
+  case 'export-drawio':
+    commandExportDrawio(args);
+    break;
   default:
     fail(`Unknown command "${command}".\n\n${usage()}`);
 }

archify/renderers/sequence/render-sequence.mjs

@@ -346,8 +346,9 @@ function renderActivation(activation) {
   const fill = componentFill[activation.type] || componentFill[participant.type] || 'c-external';
   const x = participant.cx - 5;
   const height = activation.to - activation.from;
-  return `        <rect x="${x}" y="${activation.from}" width="10" height="${height}" rx="3" class="c-mask"/>
-        <rect x="${x}" y="${activation.from}" width="10" height="${height}" rx="3" class="${fill}" stroke-width="1"/>`;
+  const identity = ` data-graph-role="activation" data-activation-participant="${esc(activation.participant)}"`;
+  return `        <rect${identity} x="${x}" y="${activation.from}" width="10" height="${height}" rx="3" class="c-mask"/>
+        <rect${identity} x="${x}" y="${activation.from}" width="10" height="${height}" rx="3" class="${fill}" stroke-width="1"/>`;
 }
 
 function messageLabel(message, x1, x2) {

archify/renderers/shared/cli.mjs

@@ -52,6 +52,7 @@ export function writeDiagram({ outPath, template, diagramType, meta, svg, cards,
     visualPreset: meta.visual_preset || 'classic',
     guidedViews: meta.views || [],
     sourceEvidence,
+    diagramType,
   }));
   outputPathGuards.delete(outPath);
   console.log(outPath);
@@ -166,6 +167,10 @@ export function animateAttr(meta, kind, step) {
 // Stable semantic hooks for the standalone HTML explorer. IDs already pass
 // the schema's conservative identifier pattern; escape again at the markup
 // boundary so these helpers remain safe if that contract expands later.
+// Attribute-order contract: `id` must stay FIRST with data-node-* after —
+// the draw.io exporters regex-parse these groups and anchor on that order
+// (NODE_G_RE in renderers/shared/svg-to-drawio.mjs and the viewer's
+// drawioParseSvg in assets/template.html).
 export function focusNodeAttrs(id, label, metadata = {}) {
   const optional = [
     ['data-node-kind', metadata.kind],