@diagrammo/dgmo 0.2.22 → 0.2.24

package/dist/index.d.cts

@@ -36,6 +36,9 @@ declare function render(content: string, options?: {
     theme?: 'light' | 'dark' | 'transparent';
     palette?: string;
     branding?: boolean;
+    c4Level?: 'context' | 'containers' | 'components' | 'deployment';
+    c4System?: string;
+    c4Container?: string;
 }): Promise<string>;
 
 /**
@@ -540,6 +543,9 @@ declare function renderD3ForExport(content: string, theme: 'light' | 'dark' | 't
     hiddenAttributes?: Set<string>;
 }, options?: {
     branding?: boolean;
+    c4Level?: 'context' | 'containers' | 'components' | 'deployment';
+    c4System?: string;
+    c4Container?: string;
 }): Promise<string>;
 
 /**
@@ -982,7 +988,6 @@ interface OrgContainerBounds {
 interface OrgLegendEntry {
     value: string;
     color: string;
-    isDefault?: boolean;
 }
 interface OrgLegendGroup {
     name: string;
@@ -1080,6 +1085,262 @@ declare function renderKanban(container: HTMLElement, parsed: ParsedKanban, pale
 }, activeTagGroup?: string | null): void;
 declare function renderKanbanForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
 
+type C4ElementType = 'person' | 'system' | 'container' | 'component';
+type C4Shape = 'default' | 'database' | 'cache' | 'queue' | 'cloud' | 'external';
+type C4ArrowType = 'sync' | 'async' | 'bidirectional' | 'bidirectional-async';
+interface C4Relationship {
+    target: string;
+    label?: string;
+    technology?: string;
+    arrowType: C4ArrowType;
+    lineNumber: number;
+}
+interface C4Group {
+    name: string;
+    children: C4Element[];
+    lineNumber: number;
+}
+interface C4Element {
+    name: string;
+    type: C4ElementType;
+    shape: C4Shape;
+    metadata: Record<string, string>;
+    children: C4Element[];
+    groups: C4Group[];
+    relationships: C4Relationship[];
+    importPath?: string;
+    lineNumber: number;
+    sectionHeader?: 'containers' | 'components';
+    sectionHeaderLineNumber?: number;
+}
+interface C4DeploymentNode {
+    name: string;
+    metadata: Record<string, string>;
+    shape: C4Shape;
+    children: C4DeploymentNode[];
+    containerRefs: string[];
+    lineNumber: number;
+}
+interface ParsedC4 {
+    title: string | null;
+    titleLineNumber: number | null;
+    options: Record<string, string>;
+    tagGroups: OrgTagGroup[];
+    elements: C4Element[];
+    relationships: C4Relationship[];
+    deployment: C4DeploymentNode[];
+    diagnostics: DgmoError[];
+    error: string | null;
+}
+
+declare function parseC4(content: string, palette?: PaletteColors): ParsedC4;
+
+interface C4LayoutNode {
+    id: string;
+    name: string;
+    type: 'person' | 'system' | 'container' | 'component';
+    description?: string;
+    metadata: Record<string, string>;
+    lineNumber: number;
+    color?: string;
+    shape?: C4Shape;
+    technology?: string;
+    drillable?: boolean;
+    importPath?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface C4LayoutEdge {
+    source: string;
+    target: string;
+    arrowType: C4ArrowType;
+    label?: string;
+    technology?: string;
+    lineNumber: number;
+    points: {
+        x: number;
+        y: number;
+    }[];
+}
+interface C4LegendEntry {
+    value: string;
+    color: string;
+}
+interface C4LegendGroup {
+    name: string;
+    entries: C4LegendEntry[];
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface C4LayoutBoundary {
+    label: string;
+    typeLabel: string;
+    lineNumber: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface C4LayoutResult {
+    nodes: C4LayoutNode[];
+    edges: C4LayoutEdge[];
+    legend: C4LegendGroup[];
+    boundary?: C4LayoutBoundary;
+    groupBoundaries: C4LayoutBoundary[];
+    width: number;
+    height: number;
+}
+interface ContextRelationship {
+    sourceName: string;
+    targetName: string;
+    label?: string;
+    technology?: string;
+    arrowType: C4ArrowType;
+    lineNumber: number;
+}
+/**
+ * Roll up container/component-level relationships to system-to-system edges.
+ * - Skips internal relationships (same top-level ancestor).
+ * - Deduplicates: same source→target pair keeps only one (first seen).
+ * - Explicit system-level relationships override rolled-up ones.
+ */
+declare function rollUpContextRelationships(parsed: ParsedC4): ContextRelationship[];
+declare function layoutC4Context(parsed: ParsedC4, activeTagGroup?: string | null): C4LayoutResult;
+/**
+ * Layout containers within a specific system, plus external elements
+ * that have relationships with those containers.
+ */
+declare function layoutC4Containers(parsed: ParsedC4, systemName: string, activeTagGroup?: string | null): C4LayoutResult;
+/**
+ * Layout components within a specific container, plus external elements
+ * that have relationships with those components.
+ */
+declare function layoutC4Components(parsed: ParsedC4, systemName: string, containerName: string, activeTagGroup?: string | null): C4LayoutResult;
+/**
+ * Layout a C4 deployment diagram.
+ *
+ * Infrastructure nodes become boundary boxes (nested).
+ * Container refs inside them become cards.
+ * Edges are drawn between referenced containers that have relationships.
+ */
+declare function layoutC4Deployment(parsed: ParsedC4, activeTagGroup?: string | null): C4LayoutResult;
+
+declare function renderC4Context(container: HTMLDivElement, parsed: ParsedC4, layout: C4LayoutResult, palette: PaletteColors, isDark: boolean, onClickItem?: (lineNumber: number) => void, exportDims?: {
+    width?: number;
+    height?: number;
+}, activeTagGroup?: string | null): void;
+declare function renderC4ContextForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+/**
+ * Render a C4 container-level diagram showing containers inside a system boundary
+ * with external elements outside.
+ */
+declare function renderC4Containers(container: HTMLDivElement, parsed: ParsedC4, layout: C4LayoutResult, palette: PaletteColors, isDark: boolean, onClickItem?: (lineNumber: number) => void, exportDims?: {
+    width?: number;
+    height?: number;
+}, activeTagGroup?: string | null): void;
+declare function renderC4ContainersForExport(content: string, systemName: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+declare function renderC4ComponentsForExport(content: string, systemName: string, containerName: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+/**
+ * Render a C4 deployment diagram interactively.
+ * Reuses the container renderer — infrastructure boundaries are rendered
+ * as group boundaries and container refs as cards (same visual pattern).
+ */
+declare function renderC4Deployment(container: HTMLDivElement, parsed: ParsedC4, layout: C4LayoutResult, palette: PaletteColors, isDark: boolean, onClickItem?: (lineNumber: number) => void, exportDims?: {
+    width?: number;
+    height?: number;
+}, activeTagGroup?: string | null): void;
+/**
+ * Export convenience function for deployment diagrams.
+ */
+declare function renderC4DeploymentForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+
+type InitiativeStatus = 'done' | 'wip' | 'todo' | 'na' | null;
+interface ISNode {
+    label: string;
+    status: InitiativeStatus;
+    shape: ParticipantType;
+    lineNumber: number;
+}
+interface ISEdge {
+    source: string;
+    target: string;
+    label?: string;
+    status: InitiativeStatus;
+    lineNumber: number;
+}
+interface ISGroup {
+    label: string;
+    nodeLabels: string[];
+    lineNumber: number;
+}
+interface ParsedInitiativeStatus {
+    type: 'initiative-status';
+    title: string | null;
+    titleLineNumber: number | null;
+    nodes: ISNode[];
+    edges: ISEdge[];
+    groups: ISGroup[];
+    options: Record<string, string>;
+    diagnostics: DgmoError[];
+    error?: string;
+}
+
+/**
+ * Returns true if the content looks like an initiative-status diagram.
+ * Detects `->` arrows combined with `| done/wip/todo/na` status markers.
+ */
+declare function looksLikeInitiativeStatus(content: string): boolean;
+declare function parseInitiativeStatus(content: string): ParsedInitiativeStatus;
+
+interface ISLayoutNode {
+    label: string;
+    status: InitiativeStatus;
+    shape: ParticipantType;
+    lineNumber: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface ISLayoutEdge {
+    source: string;
+    target: string;
+    label?: string;
+    status: InitiativeStatus;
+    lineNumber: number;
+    points: {
+        x: number;
+        y: number;
+    }[];
+}
+interface ISLayoutGroup {
+    label: string;
+    status: InitiativeStatus;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    lineNumber: number;
+}
+interface ISLayoutResult {
+    nodes: ISLayoutNode[];
+    edges: ISLayoutEdge[];
+    groups: ISLayoutGroup[];
+    width: number;
+    height: number;
+}
+declare function layoutInitiativeStatus(parsed: ParsedInitiativeStatus): ISLayoutResult;
+
+declare function renderInitiativeStatus(container: HTMLDivElement, parsed: ParsedInitiativeStatus, layout: ISLayoutResult, palette: PaletteColors, isDark: boolean, onClickItem?: (lineNumber: number) => void, exportDims?: {
+    width?: number;
+    height?: number;
+}): void;
+declare function renderInitiativeStatusForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+
 interface CollapsedOrgResult {
     /** ParsedOrg with collapsed subtrees pruned (deep-cloned, never mutates original) */
     parsed: ParsedOrg;
@@ -1292,4 +1553,4 @@ declare function decodeDiagramUrl(hash: string): DecodedDiagramUrl;
  */
 declare function injectBranding(svgHtml: string, mutedColor: string): string;
 
-export { type Activation, type ArcLink, type ArcNodeGroup, type ChartDataPoint, type ChartType, type ClassLayoutEdge, type ClassLayoutNode, type ClassLayoutResult, type ClassMember, type ClassModifier, type ClassNode, type ClassRelationship, type CollapsedOrgResult, type D3ChartType, type D3ExportDimensions, DGMO_CHART_TYPE_MAP, type DecodedDiagramUrl, type DgmoError, type DgmoFramework, type DgmoSeverity, type DiagramViewState, type EChartsChartType, type ERCardinality, type ERColumn, type ERConstraint, type ERLayoutEdge, type ERLayoutNode, type ERLayoutResult, type ERRelationship, type ERTable, type ElseIfBranch, type EncodeDiagramUrlOptions, type EncodeDiagramUrlResult, type GraphDirection, type GraphEdge, type GraphGroup, type GraphNode, type GraphShape, type KanbanCard, type KanbanColumn, type KanbanTagEntry, type KanbanTagGroup, type LayoutEdge, type LayoutGroup, type LayoutNode, type LayoutResult, type MemberVisibility, type OrgContainerBounds, type OrgLayoutEdge, type OrgLayoutNode, type OrgLayoutResult, type OrgNode, type OrgTagEntry, type OrgTagGroup, type PaletteColors, type PaletteConfig, type ParsedChart, type ParsedClassDiagram, type ParsedD3, type ParsedEChart, type ParsedERDiagram, type ParsedGraph, type ParsedKanban, type ParsedOrg, type ParsedQuadrant, type ParsedSequenceDgmo, type ParticipantType, RULE_COUNT, type ReadFileFn, type RelationshipType, type RenderStep, type ResolveImportsResult, type SectionMessageGroup, type SequenceBlock, type SequenceElement, type SequenceGroup, type SequenceMessage, type SequenceNote, type SequenceParticipant, type SequenceRenderOptions, type SequenceSection, addDurationToDate, applyGroupOrdering, applyPositionOverrides, boldPalette, buildEChartsOption, buildEChartsOptionFromChart, buildMermaidQuadrant, buildMermaidThemeVars, buildNoteMessageMap, buildRenderSequence, buildThemeCSS, catppuccinPalette, collapseOrgTree, colorNames, computeActivations, computeCardArchive, computeCardMove, computeTimeTicks, contrastText, decodeDiagramUrl, encodeDiagramUrl, formatDateLabel, formatDgmoError, getAvailablePalettes, getDgmoFramework, getPalette, getSeriesColors, groupMessagesBySection, gruvboxPalette, hexToHSL, hexToHSLString, hslToHex, inferParticipantType, injectBranding, isArchiveColumn, isSequenceBlock, isSequenceNote, isValidHex, layoutClassDiagram, layoutERDiagram, layoutGraph, layoutOrg, looksLikeClassDiagram, looksLikeERDiagram, looksLikeFlowchart, looksLikeSequence, makeDgmoError, mute, nord, nordPalette, oneDarkPalette, orderArcNodes, parseChart, parseClassDiagram, parseD3, parseDgmo, parseDgmoChartType, parseEChart, parseERDiagram, parseFlowchart, parseKanban, parseOrg, parseQuadrant, parseSequenceDgmo, parseTimelineDate, registerPalette, render, renderArcDiagram, renderClassDiagram, renderClassDiagramForExport, renderD3ForExport, renderEChartsForExport, renderERDiagram, renderERDiagramForExport, renderFlowchart, renderFlowchartForExport, renderKanban, renderKanbanForExport, renderOrg, renderOrgForExport, renderQuadrant, renderSequenceDiagram, renderSlopeChart, renderTimeline, renderVenn, renderWordCloud, resolveColor, resolveOrgImports, rosePinePalette, seriesColors, shade, solarizedPalette, tint, tokyoNightPalette };
+export { type Activation, type ArcLink, type ArcNodeGroup, type C4ArrowType, type C4DeploymentNode, type C4Element, type C4ElementType, type C4Group, type C4LayoutBoundary, type C4LayoutEdge, type C4LayoutNode, type C4LayoutResult, type C4LegendEntry, type C4LegendGroup, type C4Relationship, type C4Shape, type OrgTagEntry as C4TagEntry, type OrgTagGroup as C4TagGroup, type ChartDataPoint, type ChartType, type ClassLayoutEdge, type ClassLayoutNode, type ClassLayoutResult, type ClassMember, type ClassModifier, type ClassNode, type ClassRelationship, type CollapsedOrgResult, type ContextRelationship, type D3ChartType, type D3ExportDimensions, DGMO_CHART_TYPE_MAP, type DecodedDiagramUrl, type DgmoError, type DgmoFramework, type DgmoSeverity, type DiagramViewState, type EChartsChartType, type ERCardinality, type ERColumn, type ERConstraint, type ERLayoutEdge, type ERLayoutNode, type ERLayoutResult, type ERRelationship, type ERTable, type ElseIfBranch, type EncodeDiagramUrlOptions, type EncodeDiagramUrlResult, type GraphDirection, type GraphEdge, type GraphGroup, type GraphNode, type GraphShape, type ISEdge, type ISGroup, type ISLayoutEdge, type ISLayoutGroup, type ISLayoutNode, type ISLayoutResult, type ISNode, type InitiativeStatus, type KanbanCard, type KanbanColumn, type KanbanTagEntry, type KanbanTagGroup, type LayoutEdge, type LayoutGroup, type LayoutNode, type LayoutResult, type MemberVisibility, type OrgContainerBounds, type OrgLayoutEdge, type OrgLayoutNode, type OrgLayoutResult, type OrgNode, type OrgTagEntry, type OrgTagGroup, type PaletteColors, type PaletteConfig, type ParsedC4, type ParsedChart, type ParsedClassDiagram, type ParsedD3, type ParsedEChart, type ParsedERDiagram, type ParsedGraph, type ParsedInitiativeStatus, type ParsedKanban, type ParsedOrg, type ParsedQuadrant, type ParsedSequenceDgmo, type ParticipantType, RULE_COUNT, type ReadFileFn, type RelationshipType, type RenderStep, type ResolveImportsResult, type SectionMessageGroup, type SequenceBlock, type SequenceElement, type SequenceGroup, type SequenceMessage, type SequenceNote, type SequenceParticipant, type SequenceRenderOptions, type SequenceSection, addDurationToDate, applyGroupOrdering, applyPositionOverrides, boldPalette, buildEChartsOption, buildEChartsOptionFromChart, buildMermaidQuadrant, buildMermaidThemeVars, buildNoteMessageMap, buildRenderSequence, buildThemeCSS, catppuccinPalette, collapseOrgTree, colorNames, computeActivations, computeCardArchive, computeCardMove, computeTimeTicks, contrastText, decodeDiagramUrl, encodeDiagramUrl, formatDateLabel, formatDgmoError, getAvailablePalettes, getDgmoFramework, getPalette, getSeriesColors, groupMessagesBySection, gruvboxPalette, hexToHSL, hexToHSLString, hslToHex, inferParticipantType, injectBranding, isArchiveColumn, isSequenceBlock, isSequenceNote, isValidHex, layoutC4Components, layoutC4Containers, layoutC4Context, layoutC4Deployment, layoutClassDiagram, layoutERDiagram, layoutGraph, layoutInitiativeStatus, layoutOrg, looksLikeClassDiagram, looksLikeERDiagram, looksLikeFlowchart, looksLikeInitiativeStatus, looksLikeSequence, makeDgmoError, mute, nord, nordPalette, oneDarkPalette, orderArcNodes, parseC4, parseChart, parseClassDiagram, parseD3, parseDgmo, parseDgmoChartType, parseEChart, parseERDiagram, parseFlowchart, parseInitiativeStatus, parseKanban, parseOrg, parseQuadrant, parseSequenceDgmo, parseTimelineDate, registerPalette, render, renderArcDiagram, renderC4ComponentsForExport, renderC4Containers, renderC4ContainersForExport, renderC4Context, renderC4ContextForExport, renderC4Deployment, renderC4DeploymentForExport, renderClassDiagram, renderClassDiagramForExport, renderD3ForExport, renderEChartsForExport, renderERDiagram, renderERDiagramForExport, renderFlowchart, renderFlowchartForExport, renderInitiativeStatus, renderInitiativeStatusForExport, renderKanban, renderKanbanForExport, renderOrg, renderOrgForExport, renderQuadrant, renderSequenceDiagram, renderSlopeChart, renderTimeline, renderVenn, renderWordCloud, resolveColor, resolveOrgImports, rollUpContextRelationships, rosePinePalette, seriesColors, shade, solarizedPalette, tint, tokyoNightPalette };

package/dist/index.d.ts

@@ -36,6 +36,9 @@ declare function render(content: string, options?: {
     theme?: 'light' | 'dark' | 'transparent';
     palette?: string;
     branding?: boolean;
+    c4Level?: 'context' | 'containers' | 'components' | 'deployment';
+    c4System?: string;
+    c4Container?: string;
 }): Promise<string>;
 
 /**
@@ -540,6 +543,9 @@ declare function renderD3ForExport(content: string, theme: 'light' | 'dark' | 't
     hiddenAttributes?: Set<string>;
 }, options?: {
     branding?: boolean;
+    c4Level?: 'context' | 'containers' | 'components' | 'deployment';
+    c4System?: string;
+    c4Container?: string;
 }): Promise<string>;
 
 /**
@@ -982,7 +988,6 @@ interface OrgContainerBounds {
 interface OrgLegendEntry {
     value: string;
     color: string;
-    isDefault?: boolean;
 }
 interface OrgLegendGroup {
     name: string;
@@ -1080,6 +1085,262 @@ declare function renderKanban(container: HTMLElement, parsed: ParsedKanban, pale
 }, activeTagGroup?: string | null): void;
 declare function renderKanbanForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
 
+type C4ElementType = 'person' | 'system' | 'container' | 'component';
+type C4Shape = 'default' | 'database' | 'cache' | 'queue' | 'cloud' | 'external';
+type C4ArrowType = 'sync' | 'async' | 'bidirectional' | 'bidirectional-async';
+interface C4Relationship {
+    target: string;
+    label?: string;
+    technology?: string;
+    arrowType: C4ArrowType;
+    lineNumber: number;
+}
+interface C4Group {
+    name: string;
+    children: C4Element[];
+    lineNumber: number;
+}
+interface C4Element {
+    name: string;
+    type: C4ElementType;
+    shape: C4Shape;
+    metadata: Record<string, string>;
+    children: C4Element[];
+    groups: C4Group[];
+    relationships: C4Relationship[];
+    importPath?: string;
+    lineNumber: number;
+    sectionHeader?: 'containers' | 'components';
+    sectionHeaderLineNumber?: number;
+}
+interface C4DeploymentNode {
+    name: string;
+    metadata: Record<string, string>;
+    shape: C4Shape;
+    children: C4DeploymentNode[];
+    containerRefs: string[];
+    lineNumber: number;
+}
+interface ParsedC4 {
+    title: string | null;
+    titleLineNumber: number | null;
+    options: Record<string, string>;
+    tagGroups: OrgTagGroup[];
+    elements: C4Element[];
+    relationships: C4Relationship[];
+    deployment: C4DeploymentNode[];
+    diagnostics: DgmoError[];
+    error: string | null;
+}
+
+declare function parseC4(content: string, palette?: PaletteColors): ParsedC4;
+
+interface C4LayoutNode {
+    id: string;
+    name: string;
+    type: 'person' | 'system' | 'container' | 'component';
+    description?: string;
+    metadata: Record<string, string>;
+    lineNumber: number;
+    color?: string;
+    shape?: C4Shape;
+    technology?: string;
+    drillable?: boolean;
+    importPath?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface C4LayoutEdge {
+    source: string;
+    target: string;
+    arrowType: C4ArrowType;
+    label?: string;
+    technology?: string;
+    lineNumber: number;
+    points: {
+        x: number;
+        y: number;
+    }[];
+}
+interface C4LegendEntry {
+    value: string;
+    color: string;
+}
+interface C4LegendGroup {
+    name: string;
+    entries: C4LegendEntry[];
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface C4LayoutBoundary {
+    label: string;
+    typeLabel: string;
+    lineNumber: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface C4LayoutResult {
+    nodes: C4LayoutNode[];
+    edges: C4LayoutEdge[];
+    legend: C4LegendGroup[];
+    boundary?: C4LayoutBoundary;
+    groupBoundaries: C4LayoutBoundary[];
+    width: number;
+    height: number;
+}
+interface ContextRelationship {
+    sourceName: string;
+    targetName: string;
+    label?: string;
+    technology?: string;
+    arrowType: C4ArrowType;
+    lineNumber: number;
+}
+/**
+ * Roll up container/component-level relationships to system-to-system edges.
+ * - Skips internal relationships (same top-level ancestor).
+ * - Deduplicates: same source→target pair keeps only one (first seen).
+ * - Explicit system-level relationships override rolled-up ones.
+ */
+declare function rollUpContextRelationships(parsed: ParsedC4): ContextRelationship[];
+declare function layoutC4Context(parsed: ParsedC4, activeTagGroup?: string | null): C4LayoutResult;
+/**
+ * Layout containers within a specific system, plus external elements
+ * that have relationships with those containers.
+ */
+declare function layoutC4Containers(parsed: ParsedC4, systemName: string, activeTagGroup?: string | null): C4LayoutResult;
+/**
+ * Layout components within a specific container, plus external elements
+ * that have relationships with those components.
+ */
+declare function layoutC4Components(parsed: ParsedC4, systemName: string, containerName: string, activeTagGroup?: string | null): C4LayoutResult;
+/**
+ * Layout a C4 deployment diagram.
+ *
+ * Infrastructure nodes become boundary boxes (nested).
+ * Container refs inside them become cards.
+ * Edges are drawn between referenced containers that have relationships.
+ */
+declare function layoutC4Deployment(parsed: ParsedC4, activeTagGroup?: string | null): C4LayoutResult;
+
+declare function renderC4Context(container: HTMLDivElement, parsed: ParsedC4, layout: C4LayoutResult, palette: PaletteColors, isDark: boolean, onClickItem?: (lineNumber: number) => void, exportDims?: {
+    width?: number;
+    height?: number;
+}, activeTagGroup?: string | null): void;
+declare function renderC4ContextForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+/**
+ * Render a C4 container-level diagram showing containers inside a system boundary
+ * with external elements outside.
+ */
+declare function renderC4Containers(container: HTMLDivElement, parsed: ParsedC4, layout: C4LayoutResult, palette: PaletteColors, isDark: boolean, onClickItem?: (lineNumber: number) => void, exportDims?: {
+    width?: number;
+    height?: number;
+}, activeTagGroup?: string | null): void;
+declare function renderC4ContainersForExport(content: string, systemName: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+declare function renderC4ComponentsForExport(content: string, systemName: string, containerName: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+/**
+ * Render a C4 deployment diagram interactively.
+ * Reuses the container renderer — infrastructure boundaries are rendered
+ * as group boundaries and container refs as cards (same visual pattern).
+ */
+declare function renderC4Deployment(container: HTMLDivElement, parsed: ParsedC4, layout: C4LayoutResult, palette: PaletteColors, isDark: boolean, onClickItem?: (lineNumber: number) => void, exportDims?: {
+    width?: number;
+    height?: number;
+}, activeTagGroup?: string | null): void;
+/**
+ * Export convenience function for deployment diagrams.
+ */
+declare function renderC4DeploymentForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+
+type InitiativeStatus = 'done' | 'wip' | 'todo' | 'na' | null;
+interface ISNode {
+    label: string;
+    status: InitiativeStatus;
+    shape: ParticipantType;
+    lineNumber: number;
+}
+interface ISEdge {
+    source: string;
+    target: string;
+    label?: string;
+    status: InitiativeStatus;
+    lineNumber: number;
+}
+interface ISGroup {
+    label: string;
+    nodeLabels: string[];
+    lineNumber: number;
+}
+interface ParsedInitiativeStatus {
+    type: 'initiative-status';
+    title: string | null;
+    titleLineNumber: number | null;
+    nodes: ISNode[];
+    edges: ISEdge[];
+    groups: ISGroup[];
+    options: Record<string, string>;
+    diagnostics: DgmoError[];
+    error?: string;
+}
+
+/**
+ * Returns true if the content looks like an initiative-status diagram.
+ * Detects `->` arrows combined with `| done/wip/todo/na` status markers.
+ */
+declare function looksLikeInitiativeStatus(content: string): boolean;
+declare function parseInitiativeStatus(content: string): ParsedInitiativeStatus;
+
+interface ISLayoutNode {
+    label: string;
+    status: InitiativeStatus;
+    shape: ParticipantType;
+    lineNumber: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface ISLayoutEdge {
+    source: string;
+    target: string;
+    label?: string;
+    status: InitiativeStatus;
+    lineNumber: number;
+    points: {
+        x: number;
+        y: number;
+    }[];
+}
+interface ISLayoutGroup {
+    label: string;
+    status: InitiativeStatus;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    lineNumber: number;
+}
+interface ISLayoutResult {
+    nodes: ISLayoutNode[];
+    edges: ISLayoutEdge[];
+    groups: ISLayoutGroup[];
+    width: number;
+    height: number;
+}
+declare function layoutInitiativeStatus(parsed: ParsedInitiativeStatus): ISLayoutResult;
+
+declare function renderInitiativeStatus(container: HTMLDivElement, parsed: ParsedInitiativeStatus, layout: ISLayoutResult, palette: PaletteColors, isDark: boolean, onClickItem?: (lineNumber: number) => void, exportDims?: {
+    width?: number;
+    height?: number;
+}): void;
+declare function renderInitiativeStatusForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette: PaletteColors): string;
+
 interface CollapsedOrgResult {
     /** ParsedOrg with collapsed subtrees pruned (deep-cloned, never mutates original) */
     parsed: ParsedOrg;
@@ -1292,4 +1553,4 @@ declare function decodeDiagramUrl(hash: string): DecodedDiagramUrl;
  */
 declare function injectBranding(svgHtml: string, mutedColor: string): string;
 
-export { type Activation, type ArcLink, type ArcNodeGroup, type ChartDataPoint, type ChartType, type ClassLayoutEdge, type ClassLayoutNode, type ClassLayoutResult, type ClassMember, type ClassModifier, type ClassNode, type ClassRelationship, type CollapsedOrgResult, type D3ChartType, type D3ExportDimensions, DGMO_CHART_TYPE_MAP, type DecodedDiagramUrl, type DgmoError, type DgmoFramework, type DgmoSeverity, type DiagramViewState, type EChartsChartType, type ERCardinality, type ERColumn, type ERConstraint, type ERLayoutEdge, type ERLayoutNode, type ERLayoutResult, type ERRelationship, type ERTable, type ElseIfBranch, type EncodeDiagramUrlOptions, type EncodeDiagramUrlResult, type GraphDirection, type GraphEdge, type GraphGroup, type GraphNode, type GraphShape, type KanbanCard, type KanbanColumn, type KanbanTagEntry, type KanbanTagGroup, type LayoutEdge, type LayoutGroup, type LayoutNode, type LayoutResult, type MemberVisibility, type OrgContainerBounds, type OrgLayoutEdge, type OrgLayoutNode, type OrgLayoutResult, type OrgNode, type OrgTagEntry, type OrgTagGroup, type PaletteColors, type PaletteConfig, type ParsedChart, type ParsedClassDiagram, type ParsedD3, type ParsedEChart, type ParsedERDiagram, type ParsedGraph, type ParsedKanban, type ParsedOrg, type ParsedQuadrant, type ParsedSequenceDgmo, type ParticipantType, RULE_COUNT, type ReadFileFn, type RelationshipType, type RenderStep, type ResolveImportsResult, type SectionMessageGroup, type SequenceBlock, type SequenceElement, type SequenceGroup, type SequenceMessage, type SequenceNote, type SequenceParticipant, type SequenceRenderOptions, type SequenceSection, addDurationToDate, applyGroupOrdering, applyPositionOverrides, boldPalette, buildEChartsOption, buildEChartsOptionFromChart, buildMermaidQuadrant, buildMermaidThemeVars, buildNoteMessageMap, buildRenderSequence, buildThemeCSS, catppuccinPalette, collapseOrgTree, colorNames, computeActivations, computeCardArchive, computeCardMove, computeTimeTicks, contrastText, decodeDiagramUrl, encodeDiagramUrl, formatDateLabel, formatDgmoError, getAvailablePalettes, getDgmoFramework, getPalette, getSeriesColors, groupMessagesBySection, gruvboxPalette, hexToHSL, hexToHSLString, hslToHex, inferParticipantType, injectBranding, isArchiveColumn, isSequenceBlock, isSequenceNote, isValidHex, layoutClassDiagram, layoutERDiagram, layoutGraph, layoutOrg, looksLikeClassDiagram, looksLikeERDiagram, looksLikeFlowchart, looksLikeSequence, makeDgmoError, mute, nord, nordPalette, oneDarkPalette, orderArcNodes, parseChart, parseClassDiagram, parseD3, parseDgmo, parseDgmoChartType, parseEChart, parseERDiagram, parseFlowchart, parseKanban, parseOrg, parseQuadrant, parseSequenceDgmo, parseTimelineDate, registerPalette, render, renderArcDiagram, renderClassDiagram, renderClassDiagramForExport, renderD3ForExport, renderEChartsForExport, renderERDiagram, renderERDiagramForExport, renderFlowchart, renderFlowchartForExport, renderKanban, renderKanbanForExport, renderOrg, renderOrgForExport, renderQuadrant, renderSequenceDiagram, renderSlopeChart, renderTimeline, renderVenn, renderWordCloud, resolveColor, resolveOrgImports, rosePinePalette, seriesColors, shade, solarizedPalette, tint, tokyoNightPalette };
+export { type Activation, type ArcLink, type ArcNodeGroup, type C4ArrowType, type C4DeploymentNode, type C4Element, type C4ElementType, type C4Group, type C4LayoutBoundary, type C4LayoutEdge, type C4LayoutNode, type C4LayoutResult, type C4LegendEntry, type C4LegendGroup, type C4Relationship, type C4Shape, type OrgTagEntry as C4TagEntry, type OrgTagGroup as C4TagGroup, type ChartDataPoint, type ChartType, type ClassLayoutEdge, type ClassLayoutNode, type ClassLayoutResult, type ClassMember, type ClassModifier, type ClassNode, type ClassRelationship, type CollapsedOrgResult, type ContextRelationship, type D3ChartType, type D3ExportDimensions, DGMO_CHART_TYPE_MAP, type DecodedDiagramUrl, type DgmoError, type DgmoFramework, type DgmoSeverity, type DiagramViewState, type EChartsChartType, type ERCardinality, type ERColumn, type ERConstraint, type ERLayoutEdge, type ERLayoutNode, type ERLayoutResult, type ERRelationship, type ERTable, type ElseIfBranch, type EncodeDiagramUrlOptions, type EncodeDiagramUrlResult, type GraphDirection, type GraphEdge, type GraphGroup, type GraphNode, type GraphShape, type ISEdge, type ISGroup, type ISLayoutEdge, type ISLayoutGroup, type ISLayoutNode, type ISLayoutResult, type ISNode, type InitiativeStatus, type KanbanCard, type KanbanColumn, type KanbanTagEntry, type KanbanTagGroup, type LayoutEdge, type LayoutGroup, type LayoutNode, type LayoutResult, type MemberVisibility, type OrgContainerBounds, type OrgLayoutEdge, type OrgLayoutNode, type OrgLayoutResult, type OrgNode, type OrgTagEntry, type OrgTagGroup, type PaletteColors, type PaletteConfig, type ParsedC4, type ParsedChart, type ParsedClassDiagram, type ParsedD3, type ParsedEChart, type ParsedERDiagram, type ParsedGraph, type ParsedInitiativeStatus, type ParsedKanban, type ParsedOrg, type ParsedQuadrant, type ParsedSequenceDgmo, type ParticipantType, RULE_COUNT, type ReadFileFn, type RelationshipType, type RenderStep, type ResolveImportsResult, type SectionMessageGroup, type SequenceBlock, type SequenceElement, type SequenceGroup, type SequenceMessage, type SequenceNote, type SequenceParticipant, type SequenceRenderOptions, type SequenceSection, addDurationToDate, applyGroupOrdering, applyPositionOverrides, boldPalette, buildEChartsOption, buildEChartsOptionFromChart, buildMermaidQuadrant, buildMermaidThemeVars, buildNoteMessageMap, buildRenderSequence, buildThemeCSS, catppuccinPalette, collapseOrgTree, colorNames, computeActivations, computeCardArchive, computeCardMove, computeTimeTicks, contrastText, decodeDiagramUrl, encodeDiagramUrl, formatDateLabel, formatDgmoError, getAvailablePalettes, getDgmoFramework, getPalette, getSeriesColors, groupMessagesBySection, gruvboxPalette, hexToHSL, hexToHSLString, hslToHex, inferParticipantType, injectBranding, isArchiveColumn, isSequenceBlock, isSequenceNote, isValidHex, layoutC4Components, layoutC4Containers, layoutC4Context, layoutC4Deployment, layoutClassDiagram, layoutERDiagram, layoutGraph, layoutInitiativeStatus, layoutOrg, looksLikeClassDiagram, looksLikeERDiagram, looksLikeFlowchart, looksLikeInitiativeStatus, looksLikeSequence, makeDgmoError, mute, nord, nordPalette, oneDarkPalette, orderArcNodes, parseC4, parseChart, parseClassDiagram, parseD3, parseDgmo, parseDgmoChartType, parseEChart, parseERDiagram, parseFlowchart, parseInitiativeStatus, parseKanban, parseOrg, parseQuadrant, parseSequenceDgmo, parseTimelineDate, registerPalette, render, renderArcDiagram, renderC4ComponentsForExport, renderC4Containers, renderC4ContainersForExport, renderC4Context, renderC4ContextForExport, renderC4Deployment, renderC4DeploymentForExport, renderClassDiagram, renderClassDiagramForExport, renderD3ForExport, renderEChartsForExport, renderERDiagram, renderERDiagramForExport, renderFlowchart, renderFlowchartForExport, renderInitiativeStatus, renderInitiativeStatusForExport, renderKanban, renderKanbanForExport, renderOrg, renderOrgForExport, renderQuadrant, renderSequenceDiagram, renderSlopeChart, renderTimeline, renderVenn, renderWordCloud, resolveColor, resolveOrgImports, rollUpContextRelationships, rosePinePalette, seriesColors, shade, solarizedPalette, tint, tokyoNightPalette };