Function parseDiagramFrame

apps/sim/lib/pptx-renderer/model/slide.ts:113–178

* Parse a SmartArt diagram graphicFrame by resolving the diagram drawing fallback XML. * The drawing XML contains pre-rendered shapes in a spTree that we can display as a group.

(
  graphicFrame: SafeXmlNode,
  rels: Map<string, RelEntry>,
  slidePath: string,
  diagramDrawings: Map<string, string>
)

 * The drawing XML contains pre-rendered shapes in a spTree that we can display as a group.
 */
function parseDiagramFrame(
  graphicFrame: SafeXmlNode,
  rels: Map<string, RelEntry>,
  slidePath: string,
  diagramDrawings: Map<string, string>
): GroupNodeData | undefined {
  const base = parseBaseProps(graphicFrame)
  const slideDir = slidePath.substring(0, slidePath.lastIndexOf('/'))
  const drawingCandidates = Array.from(rels.values())
    .filter(
      (entry) => entry.type.includes('diagramDrawing') || entry.target.includes('diagrams/drawing')
    )
    .map((entry) => {
      const target = entry.target
      const match = target.match(/drawing(\d+)/)
      return {
        target,
        num: match ? Number.parseInt(match[1], 10) : undefined,
      }
    })

  // Extract the diagram data rId from the relIds element to identify which diagram this is
  const graphic = graphicFrame.child('graphic')
  const graphicData = graphic.child('graphicData')
  const relIds = graphicData.child('relIds')

  // Strategy 1: Match data file number to drawing file number
  // e.g. data3.xml → drawing3.xml
  if (relIds.exists()) {
    const dmRId = relIds.attr('r:dm') ?? relIds.attr('dm')
    if (dmRId) {
      const dmRel = rels.get(dmRId)
      if (dmRel) {
        // Extract the number from the data target (e.g. "data3" → "3")
        const numMatch = dmRel.target.match(/data(\d+)/)
        if (numMatch) {
          const drawingNum = Number.parseInt(numMatch[1], 10)
          // Prefer exact drawingN; if absent, use the nearest numbered drawing relation.
          const ordered = drawingCandidates.slice().sort((a, b) => {
            const da = a.num === undefined ? Number.POSITIVE_INFINITY : Math.abs(a.num - drawingNum)
            const db = b.num === undefined ? Number.POSITIVE_INFINITY : Math.abs(b.num - drawingNum)
            return da - db
          })
          for (const candidate of ordered) {
            const drawingPath = resolveRelTarget(slideDir, candidate.target)
            const drawingXml = diagramDrawings.get(drawingPath)
            if (drawingXml) {
              return buildDiagramGroup(base, drawingXml)
            }
          }
        }
      }
    }
  }

  // Strategy 2: Fallback - find any diagramDrawing relationship
  for (const candidate of drawingCandidates) {
    const drawingPath = resolveRelTarget(slideDir, candidate.target)