@transitrix/diagrams 1.15.0 → 1.16.0

package/src/webview/render-fgca.ts

@@ -24,7 +24,7 @@ import {
 import type { FGCADoc } from '../fgca/validate.js';
 import { previewEdgePath, DEFAULT_EDGE_CURVATURE, type EdgeStyle } from '../edge-path.js';
 import { parseNodeSizePreset, resolveDgcaNodeSize, type NodeSizePreset } from '../node-size-presets.js';
-import { generateSvgEmbedCss } from '../theme/index.js';
+import { generateSvgEmbedCss, type ThemeId } from '../theme/index.js';
 import { emitCenteredTextSvg, layoutCenteredEntityText, truncateLine } from './entity-text-layout.js';
 import { escXml } from './render-util.js';
 
@@ -137,6 +137,11 @@ export interface RenderFgcaOptions {
   scopeCaption?: boolean;
   /** Show completion percent badges on action nodes. */
   showCompletionPercent?: boolean;
+  /**
+   * Theme CSS embedded as `<style>` so the SVG is self-contained.
+   * Defaults to `'transitrix'`. VS Code live preview uses body emitters + webview CSS instead.
+   */
+  embedCssTheme?: ThemeId;
 }
 
 export function renderFgcaSvg(doc: FGCADoc, options: RenderFgcaOptions = {}): string {
@@ -150,6 +155,7 @@ export function renderFgcaSvg(doc: FGCADoc, options: RenderFgcaOptions = {}): st
     layoutOptions,
     scopeCaption = false,
     showCompletionPercent = true,
+    embedCssTheme = 'transitrix',
   } = options;
   const hideChanges = variant === 'dga' || doc.hideChanges === true;
   const nodeSize = resolveDgcaNodeSize(parseNodeSizePreset(nodeSizePreset));
@@ -180,7 +186,7 @@ export function renderFgcaSvg(doc: FGCADoc, options: RenderFgcaOptions = {}): st
     ? `<text class="text-caption" x="${PAD}" y="${height + 16}">${escXml('This diagram is shown for the selected goal scope. Actions on it may also serve goals outside that scope.')}</text>`
     : '';
 
-  const embedCss = generateSvgEmbedCss('transitrix');
+  const embedCss = generateSvgEmbedCss(embedCssTheme);
 
   // Calculate final height including caption if present
   const finalHeight = scopeCaption ? height + 24 : height;

package/src/webview/render-goals.ts

@@ -30,6 +30,11 @@ export interface RenderGoalsOptions {
   entryCurvature?: number;
   edgeStyle?: EdgeStyle;
   nodeSizePreset?: NodeSizePreset;
+  /**
+   * Theme CSS embedded via {@link renderGoalsLayoutSvg}.
+   * Defaults to `'transitrix'` for self-contained host-neutral SVG.
+   */
+  embedCssTheme?: ThemeId;
 }
 
 /**
@@ -38,7 +43,14 @@ export interface RenderGoalsOptions {
  * with the shared theme CSS embedded so the output is self-contained.
  */
 export function renderGoalsSvg(tree: GoalTree, options: RenderGoalsOptions = {}): string {
-  const { treeName = '', curvature = DEFAULT_EDGE_CURVATURE, entryCurvature, edgeStyle, nodeSizePreset = 'normal' } = options;
+  const {
+    treeName = '',
+    curvature = DEFAULT_EDGE_CURVATURE,
+    entryCurvature,
+    edgeStyle,
+    nodeSizePreset = 'normal',
+    embedCssTheme = 'transitrix',
+  } = options;
   const nodeSize = resolveGoalsNodeSize(parseNodeSizePreset(nodeSizePreset));
 
   const layout: GoalTreeLayout = layoutGoalTree(tree, {
@@ -57,7 +69,14 @@ export function renderGoalsSvg(tree: GoalTree, options: RenderGoalsOptions = {})
     : '';
 
   // Reserve a separate header row; the theme centers text on its y coordinate.
-  return renderGoalsLayoutSvg(layout, { curvature, entryCurvature, edgeStyle, title, topInset: title ? PAD : 0, embedCssTheme: 'transitrix' });
+  return renderGoalsLayoutSvg(layout, {
+    curvature,
+    entryCurvature,
+    edgeStyle,
+    title,
+    topInset: title ? PAD : 0,
+    embedCssTheme,
+  });
 }
 
 export interface RenderGoalsLayoutOptions {

package/src/webview/render-process-blueprint.ts

@@ -21,7 +21,7 @@ import {
   resolveProcessBlueprintSize,
   type NodeSizePreset,
 } from '../node-size-presets.js';
-import { generateSvgEmbedCss } from '../theme/index.js';
+import { generateSvgEmbedCss, type ThemeId } from '../theme/index.js';
 import {
   layoutCenteredPillText,
   layoutLeftCellLines,
@@ -206,13 +206,18 @@ export interface RenderProcessBlueprintOptions {
   title?: string;
   nodeSizePreset?: NodeSizePreset;
   layoutOptions?: ProcessBlueprintLayoutOptions;
+  /**
+   * Theme CSS embedded as `<style>` so the SVG is self-contained.
+   * Defaults to `'transitrix'`. VS Code live preview uses body emitters + webview CSS instead.
+   */
+  embedCssTheme?: ThemeId;
 }
 
 export function renderProcessBlueprintSvg(
   doc: ProcessBlueprintFile,
   options: RenderProcessBlueprintOptions = {},
 ): string {
-  const { title = '', nodeSizePreset = 'normal', layoutOptions } = options;
+  const { title = '', nodeSizePreset = 'normal', layoutOptions, embedCssTheme = 'transitrix' } = options;
   const sizing = resolveProcessBlueprintSize(parseNodeSizePreset(nodeSizePreset));
 
   const layout: ProcessBlueprintLayout = layoutProcessBlueprint(doc, {
@@ -236,7 +241,7 @@ export function renderProcessBlueprintSvg(
     ? `<text class="text-header" x="${PAD}" y="${PAD - 6}">${escXml(title)}</text>`
     : '';
 
-  const embedCss = generateSvgEmbedCss('transitrix') + BP_EMBED_CSS;
+  const embedCss = generateSvgEmbedCss(embedCssTheme) + BP_EMBED_CSS;
 
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" viewBox="0 0 ${w} ${h}">
 <style>${embedCss}</style>

package/src/webview/render-products.ts

@@ -7,6 +7,7 @@ import type { Product, ProductsCatalogueHeader } from '../products/types.js';
 import { escHtml } from './render-util.js';
 
 const TYPE_LABEL: Record<string, string> = {
+  physical_product: 'Physical Product',
   digital_product: 'Digital Product',
   service: 'Service',
   platform: 'Platform',

package/src/yaml-normalize.ts

@@ -15,22 +15,31 @@
  * A bare `2026-06-01` parses to midnight UTC and round-trips to
  * `"2026-06-01"` regardless of `process.env.TZ`.
  *
- * Walks in place and returns the same reference for convenience.
+ * Walks in place and returns the same reference for convenience. Shared
+ * object graphs from YAML aliases (and cycles) are visited once via WeakSet
+ * so diamond / recursive anchors cannot amplify the walk into a hang.
  */
 export function coerceDatesToIsoStrings<T>(value: T): T {
+  return walk(value, new WeakSet<object>());
+}
+
+function walk<T>(value: T, seen: WeakSet<object>): T {
   if (value === null || value === undefined) return value;
   if (value instanceof Date) {
     return dateToIsoYmd(value) as unknown as T;
   }
   if (typeof value !== 'object') return value;
 
+  if (seen.has(value as object)) return value;
+  seen.add(value as object);
+
   if (Array.isArray(value)) {
     for (let i = 0; i < value.length; i++) {
       const v = value[i];
       if (v instanceof Date) {
         value[i] = dateToIsoYmd(v) as unknown as typeof v;
       } else if (v !== null && typeof v === 'object') {
-        coerceDatesToIsoStrings(v);
+        walk(v, seen);
       }
     }
     return value;
@@ -42,7 +51,7 @@ export function coerceDatesToIsoStrings<T>(value: T): T {
     if (v instanceof Date) {
       obj[key] = dateToIsoYmd(v);
     } else if (v !== null && typeof v === 'object') {
-      coerceDatesToIsoStrings(v);
+      walk(v, seen);
     }
   }
   return value;