@transitrix/diagrams 1.13.0 → 1.13.1

package/dist/fgca/preview-layout.d.ts

@@ -94,6 +94,8 @@ export interface FGCAPreviewNode {
     };
     /** Marks a synthesized node (e.g. virtual Change) vs. a real entity. */
     virtual?: boolean;
+    /** For activity nodes: true if the activity is linked to a goal. */
+    linked?: boolean;
 }
 export interface FGCAPreviewEdge {
     sx: number;

package/dist/fgca/preview-layout.js

@@ -249,7 +249,7 @@ export function layoutFGCAPreview(inputDoc, options = {}) {
             ...changes.map(c => ({ id: `change_${c.id}`, label: c.name })),
             ...virtualChanges.map(v => ({ id: v.id, label: '–', virtual: true })),
         ],
-        activity: doc.activities.map(a => ({ id: `activity_${a.id}`, label: a.name, progress: a.progress })),
+        activity: doc.activities.map(a => ({ id: `activity_${a.id}`, label: a.name, progress: a.progress, linked: a.goal_id != null })),
     };
     // Build predecessor map: for each node, which node IDs in the previous column
     // connect to it from the left. Used for barycenter crossing minimization.
@@ -321,6 +321,7 @@ export function layoutFGCAPreview(inputDoc, options = {}) {
                 type: item.type,
                 progress: item.progress,
                 virtual: item.virtual,
+                linked: item.linked,
             };
             nodes.push(node);
             nodeMap.set(item.id, node);

package/dist/fgca/resolver.d.ts

@@ -33,6 +33,10 @@ export interface FGCAViewConfig {
 export interface FGCACanonSources {
     elements: unknown[];
     relations: unknown[];
+    progressData?: Map<string, {
+        percent: number;
+        computedAt: string;
+    }>;
 }
 /**
  * Returns true when the parsed view document uses the canon-projection form

package/dist/fgca/resolver.js

@@ -148,5 +148,6 @@ export function resolveFGCA(viewDoc, sources) {
         view_config: viewDoc['view_config'],
         __outOfScopeGoalIds: outOfScopeGoalIds,
         __outOfScopeFactorIds: outOfScopeFactorIds,
+        __progressData: sources.progressData,
     };
 }

package/dist/webview/render-fgca.d.ts

@@ -21,6 +21,7 @@ export interface RenderFgcaBodyOptions {
     nodeWidth?: number;
     nodeHeight?: number;
     edgeStyle?: EdgeStyle;
+    showCompletionPercent?: boolean;
 }
 /**
  * Canonical DGCA/DGA body — the column headers, node rects and edge paths that
@@ -46,6 +47,8 @@ export interface RenderFgcaOptions {
     layoutOptions?: Parameters<typeof layoutFGCAPreview>[1];
     /** Show scope caption when goal-scoped projection omits goals that reference out-of-scope goals. */
     scopeCaption?: boolean;
+    /** Show completion percent badges on action nodes. */
+    showCompletionPercent?: boolean;
 }
 export declare function renderFgcaSvg(doc: FGCADoc, options?: RenderFgcaOptions): string;
 export {};

package/dist/webview/render-fgca.js

@@ -37,6 +37,7 @@ export function renderFgcaBody(columns, nodes, edges, curvature, entryCurvature,
     const nodeWidth = bodyOptions.nodeWidth ?? FGCA_NODE_W;
     const nodeHeight = bodyOptions.nodeHeight ?? FGCA_NODE_H;
     const edgeStyle = bodyOptions.edgeStyle;
+    const showCompletionPercent = bodyOptions.showCompletionPercent ?? true;
     const headerTruncate = Math.max(8, Math.floor((nodeWidth - 16) / 7));
     const STALENESS_THRESHOLD_MS = 7 * 24 * 60 * 60 * 1000;
     const headerSvg = columns
@@ -64,14 +65,19 @@ export function renderFgcaBody(columns, nodes, edges, curvature, entryCurvature,
         const typeBadge = n.type && n.col === 'activity'
             ? `<text class="text-id" x="${n.x + nodeWidth - 6}" y="${n.y + 10}" text-anchor="end" dominant-baseline="hanging" font-size="10">${escXml(n.type)}</text>`
             : '';
-        const progressBadge = n.progress && n.col === 'activity'
+        const progressBadge = showCompletionPercent && n.col === 'activity'
             ? (() => {
-                const computedAt = new Date(n.progress.computedAt);
-                const now = new Date();
-                const isStale = now.getTime() - computedAt.getTime() > STALENESS_THRESHOLD_MS;
-                const className = isStale ? 'text-id' : 'text-id';
-                const opacity = isStale ? ' opacity="0.5"' : '';
-                return `<text class="${className}" x="${n.x + nodeWidth - 6}" y="${n.y + 22}" text-anchor="end" dominant-baseline="hanging" font-size="10"${opacity}>${escXml(n.progress.percent + '%')}</text>`;
+                if (n.progress) {
+                    const computedAt = new Date(n.progress.computedAt);
+                    const now = new Date();
+                    const isStale = now.getTime() - computedAt.getTime() > STALENESS_THRESHOLD_MS;
+                    const opacity = isStale ? ' opacity="0.5"' : '';
+                    return `<text class="text-id" x="${n.x + nodeWidth - 6}" y="${n.y + 22}" text-anchor="end" dominant-baseline="hanging" font-size="10"${opacity}>${escXml(n.progress.percent + '%')}</text>`;
+                }
+                if (n.linked) {
+                    return `<text class="text-id" x="${n.x + nodeWidth - 6}" y="${n.y + 22}" text-anchor="end" dominant-baseline="hanging" font-size="10">–%</text>`;
+                }
+                return '';
             })()
             : '';
         return [
@@ -88,7 +94,7 @@ export function renderFgcaBody(columns, nodes, edges, curvature, entryCurvature,
     return `${headerSvg}\n${nodeSvg}\n${edgeSvg}`;
 }
 export function renderFgcaSvg(doc, options = {}) {
-    const { variant = 'dgca', title = '', curvature = DEFAULT_EDGE_CURVATURE, entryCurvature, edgeStyle, nodeSizePreset = 'normal', layoutOptions, scopeCaption = false, } = options;
+    const { variant = 'dgca', title = '', curvature = DEFAULT_EDGE_CURVATURE, entryCurvature, edgeStyle, nodeSizePreset = 'normal', layoutOptions, scopeCaption = false, showCompletionPercent = true, } = options;
     const hideChanges = variant === 'dga' || doc.hideChanges === true;
     const nodeSize = resolveDgcaNodeSize(parseNodeSizePreset(nodeSizePreset));
     const { nodes, edges, columns, width, height } = layoutFGCAPreview(doc, {
@@ -104,6 +110,7 @@ export function renderFgcaSvg(doc, options = {}) {
         nodeWidth: nodeSize.width,
         nodeHeight: nodeSize.height,
         edgeStyle,
+        showCompletionPercent,
     });
     const titleSvg = title
         ? `<text class="text-header" x="${PAD}" y="${PAD - 6}">${escXml(title)}</text>`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transitrix/diagrams",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "type": "module",
   "description": "Shared rendering, validation, and pure mutations for Transitrix custom diagram formats.",
   "license": "MIT",
@@ -53,7 +53,7 @@
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.2",
+    "@testing-library/react": "^16.3.3",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.5",
     "jsdom": "^29.1.1",

package/src/fgca/preview-layout.ts

@@ -315,6 +315,8 @@ export interface FGCAPreviewNode {
   };
   /** Marks a synthesized node (e.g. virtual Change) vs. a real entity. */
   virtual?: boolean;
+  /** For activity nodes: true if the activity is linked to a goal. */
+  linked?: boolean;
 }
 export interface FGCAPreviewEdge {
   sx: number;
@@ -377,14 +379,14 @@ export function layoutFGCAPreview(
     }
   }
 
-  const colItems: Record<FGCAPreviewColumn, Array<{ id: string; label: string; type?: string; progress?: { percent: number; computedAt: string }; virtual?: boolean }>> = {
+  const colItems: Record<FGCAPreviewColumn, Array<{ id: string; label: string; type?: string; progress?: { percent: number; computedAt: string }; virtual?: boolean; linked?: boolean }>> = {
     driver:   doc.factors.map(f => ({ id: `driver_${f.id}`,     label: f.name })),
     goal:     doc.goals.map(g   => ({ id: `goal_${g.id}`,       label: g.name })),
     change:   [
       ...changes.map(c => ({ id: `change_${c.id}`, label: c.name })),
       ...virtualChanges.map(v => ({ id: v.id, label: '–', virtual: true })),
     ],
-    activity: doc.activities.map(a => ({ id: `activity_${a.id}`, label: a.name, progress: a.progress })),
+    activity: doc.activities.map(a => ({ id: `activity_${a.id}`, label: a.name, progress: a.progress, linked: a.goal_id != null })),
   };
 
   // Build predecessor map: for each node, which node IDs in the previous column
@@ -429,9 +431,9 @@ export function layoutFGCAPreview(
   // Nodes with no predecessors sort last (Infinity barycenter) so they don't
   // displace connected nodes.
   function barycentricSort(
-    items: Array<{ id: string; label: string; type?: string; progress?: { percent: number; computedAt: string }; virtual?: boolean }>,
+    items: Array<{ id: string; label: string; type?: string; progress?: { percent: number; computedAt: string }; virtual?: boolean; linked?: boolean }>,
     yCenters: Map<string, number>,
-  ): Array<{ id: string; label: string; type?: string; progress?: { percent: number; computedAt: string }; virtual?: boolean }> {
+  ): Array<{ id: string; label: string; type?: string; progress?: { percent: number; computedAt: string }; virtual?: boolean; linked?: boolean }> {
     return [...items].sort((a, b) => {
       const pA = (predecessors.get(a.id) ?? []).map(p => yCenters.get(p) ?? 0).filter(v => v > 0);
       const pB = (predecessors.get(b.id) ?? []).map(p => yCenters.get(p) ?? 0).filter(v => v > 0);
@@ -462,6 +464,7 @@ export function layoutFGCAPreview(
         type: item.type,
         progress: item.progress,
         virtual: item.virtual,
+        linked: item.linked,
       };
       nodes.push(node);
       nodeMap.set(item.id, node);

package/src/fgca/resolver.ts

@@ -26,6 +26,7 @@ export interface FGCAViewConfig {
 export interface FGCACanonSources {
   elements: unknown[];
   relations: unknown[];
+  progressData?: Map<string, { percent: number; computedAt: string }>;
 }
 
 function isObject(v: unknown): v is Record<string, unknown> {
@@ -192,5 +193,6 @@ export function resolveFGCA(
     view_config: viewDoc['view_config'],
     __outOfScopeGoalIds: outOfScopeGoalIds,
     __outOfScopeFactorIds: outOfScopeFactorIds,
+    __progressData: sources.progressData,
   };
 }

package/src/webview/render-fgca.ts

@@ -40,6 +40,7 @@ export interface RenderFgcaBodyOptions {
   nodeWidth?: number;
   nodeHeight?: number;
   edgeStyle?: EdgeStyle;
+  showCompletionPercent?: boolean;
 }
 
 /**
@@ -62,6 +63,7 @@ export function renderFgcaBody(
   const nodeWidth = bodyOptions.nodeWidth ?? FGCA_NODE_W;
   const nodeHeight = bodyOptions.nodeHeight ?? FGCA_NODE_H;
   const edgeStyle = bodyOptions.edgeStyle;
+  const showCompletionPercent = bodyOptions.showCompletionPercent ?? true;
   const headerTruncate = Math.max(8, Math.floor((nodeWidth - 16) / 7));
   const STALENESS_THRESHOLD_MS = 7 * 24 * 60 * 60 * 1000;
 
@@ -97,14 +99,19 @@ export function renderFgcaBody(
       const typeBadge = n.type && n.col === 'activity'
         ? `<text class="text-id" x="${n.x + nodeWidth - 6}" y="${n.y + 10}" text-anchor="end" dominant-baseline="hanging" font-size="10">${escXml(n.type)}</text>`
         : '';
-      const progressBadge = n.progress && n.col === 'activity'
+      const progressBadge = showCompletionPercent && n.col === 'activity'
         ? (() => {
-            const computedAt = new Date(n.progress.computedAt);
-            const now = new Date();
-            const isStale = now.getTime() - computedAt.getTime() > STALENESS_THRESHOLD_MS;
-            const className = isStale ? 'text-id' : 'text-id';
-            const opacity = isStale ? ' opacity="0.5"' : '';
-            return `<text class="${className}" x="${n.x + nodeWidth - 6}" y="${n.y + 22}" text-anchor="end" dominant-baseline="hanging" font-size="10"${opacity}>${escXml(n.progress.percent + '%')}</text>`;
+            if (n.progress) {
+              const computedAt = new Date(n.progress.computedAt);
+              const now = new Date();
+              const isStale = now.getTime() - computedAt.getTime() > STALENESS_THRESHOLD_MS;
+              const opacity = isStale ? ' opacity="0.5"' : '';
+              return `<text class="text-id" x="${n.x + nodeWidth - 6}" y="${n.y + 22}" text-anchor="end" dominant-baseline="hanging" font-size="10"${opacity}>${escXml(n.progress.percent + '%')}</text>`;
+            }
+            if (n.linked) {
+              return `<text class="text-id" x="${n.x + nodeWidth - 6}" y="${n.y + 22}" text-anchor="end" dominant-baseline="hanging" font-size="10">–%</text>`;
+            }
+            return '';
           })()
         : '';
       return [
@@ -136,6 +143,8 @@ export interface RenderFgcaOptions {
   layoutOptions?: Parameters<typeof layoutFGCAPreview>[1];
   /** Show scope caption when goal-scoped projection omits goals that reference out-of-scope goals. */
   scopeCaption?: boolean;
+  /** Show completion percent badges on action nodes. */
+  showCompletionPercent?: boolean;
 }
 
 export function renderFgcaSvg(doc: FGCADoc, options: RenderFgcaOptions = {}): string {
@@ -148,6 +157,7 @@ export function renderFgcaSvg(doc: FGCADoc, options: RenderFgcaOptions = {}): st
     nodeSizePreset = 'normal',
     layoutOptions,
     scopeCaption = false,
+    showCompletionPercent = true,
   } = options;
   const hideChanges = variant === 'dga' || doc.hideChanges === true;
   const nodeSize = resolveDgcaNodeSize(parseNodeSizePreset(nodeSizePreset));
@@ -167,6 +177,7 @@ export function renderFgcaSvg(doc: FGCADoc, options: RenderFgcaOptions = {}): st
     nodeWidth: nodeSize.width,
     nodeHeight: nodeSize.height,
     edgeStyle,
+    showCompletionPercent,
   });
 
   const titleSvg = title