@viswa-test/test-citation 0.0.390 → 0.0.394

package/dist/cjs/features/CognitiveCompare/components/SubSectionAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubSectionAccordion.js","sources":["../../../../../src/features/CognitiveCompare/components/SubSectionAccordion.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useRef } from \"react\";\nimport {\n  Box,\n  Typography,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  Tooltip,\n} from \"@mui/material\";\nimport { ChevronDown, EllipsisVertical } from \"lucide-react\";\n\nimport { ButtonCognitiveIcon } from \"../../../assests/svg/ButtonCognitiveIcon\";\nimport { MemoizedMarkdown } from \"../hooks/memoizedMarkdown\";\nimport { useCompareContext } from \"../CompareContext\";\nimport {\n  hasValue,\n  safeStringify,\n  generateColorPalette,\n  isMissingStr,\n  DEVIATION_BADGE_SEPARATOR,\n  hasMeaningfulRedlineTags,\n  stripRedlineTags,\n  findTextMatchRange,\n  getRhsMappedSectionNumber,\n  hasSingleMappedLhsSection,\n  getLhsDeviationDisplayIndexes,\n} from \"../CognitiveComparehelpers\";\nimport { DEFAULT_DEVIAION_COLOR } from \"../CognitiveCompareConstants\";\nimport { DeviationDataEntry, SectionBlock, StyleVariant } from \"../CognitiveCompareTypes\";\nimport { normalizeRedlineMarkdown } from \"../utils/normalizeRedlineMarkdown\";\nimport { findTextRangeWithFormatting } from \"../utils/normalizeInlineMarkdown\";\n\ninterface SubSectionAccordionProps {\n  section: SectionBlock;\n  keyPath: string;\n  depth?: number;\n  columnKey?: \"left\" | \"right\";\n  parentNodeId?: string;\n  sectionOffset?: number;\n  rhsOrphanVisualIndexes?: ReadonlyMap<string, number>;\n}\n\nconst SubSectionAccordion: React.FC<SubSectionAccordionProps> = React.memo((props) => {\n  const {\n    section,\n    keyPath,\n    depth = 0,\n    columnKey = \"left\",\n    parentNodeId = \"\",\n    sectionOffset,\n    rhsOrphanVisualIndexes,\n  } = props;\n  const {\n    expandedSubSections,\n    setExpandedSubSections,\n    maintainRelativeOrder,\n    showDeviationBadges = false,\n    proposedSections,\n    existingSections,\n    treeData,\n    deviationNumberRegistry,\n    deviationParentRegistry,\n    connectedSections,\n    activeSideBySideSection,\n    isSideBySide,\n    scrollSyncLocked,\n    toggleScrollSyncLocked,\n    summaryPopupAnchorEl,\n    resolvedMarkdownStyles,\n    getSubSectionRef,\n    getSubSectionCompareStyle,\n    getBadgeRef,\n    openMoreFunctionsPopup,\n    openSummaryPopup,\n    resetSideBySide,\n    setConnectedSections,\n    setConnectedLines,\n    cachedConnectedPositions,\n    isProposingFix,\n    proposingFixNodeId,\n    isRedlineFlow,\n    unifiedNumbering,\n  } = useCompareContext();\n\n  const collisionKey = activeSideBySideSection ?? \"\";\n\n  const hasTitle = (section.displayTitle ?? true) && hasValue(section.title);\n  const isProposedFixTarget =\n    !!isProposingFix &&\n    !!proposingFixNodeId &&\n    columnKey === \"left\" &&\n    (section.id === proposingFixNodeId ||\n      section.nodeId === proposingFixNodeId ||\n      section.contentId === proposingFixNodeId);\n    \n  const hasRedlineTags = hasMeaningfulRedlineTags(section.content);\n  const inferredRedlineFlow = hasRedlineTags;\n  const resolvedRedlineFlow =\n    typeof isRedlineFlow === \"boolean\" ? isRedlineFlow : inferredRedlineFlow;\n  const suppressHighlightBg = hasRedlineTags;\n  const changeHistoryContent = section.change_history;\n\n  // Use all visible redline text as the base so changed-only highlights can match.\n  const shouldOverlayContent = resolvedRedlineFlow && hasRedlineTags;\n  const normalizedRedlineContent = useMemo(\n    () => shouldOverlayContent\n      ? normalizeRedlineMarkdown(safeStringify(section.content))\n      : safeStringify(section.content),\n    [section.content, shouldOverlayContent],\n  );\n  const baseContent = shouldOverlayContent\n    ? stripRedlineTags(normalizedRedlineContent)\n    : section.content;\n  const overlayContent = shouldOverlayContent ? normalizedRedlineContent : undefined;\n  const fallbackContent =\n    hasRedlineTags && hasValue(changeHistoryContent)\n      ? safeStringify(changeHistoryContent)\n      : undefined;\n  const hasContent = ((section.displayContent ?? true) || hasRedlineTags) && hasValue(section.content);\n  const isEmpty = !hasTitle && !hasContent;\n\n  const displayTitle = hasTitle ? section.title : hasContent ? \"No Title Found\" : \"No Matching Section Found\";\n  const isExpanded = !!expandedSubSections[keyPath];\n  const colRef = getSubSectionRef(columnKey, keyPath);\n  \n  const pathParts = keyPath.split('-').map(Number);\n  const rootIndex = pathParts[0];\n\n  let baseRoot: any = proposedSections[rootIndex];\n  let refRoot: any = existingSections[rootIndex];\n  let leftRootIndex = rootIndex;\n  let rightRootIndex = rootIndex;\n  let isRootOrphan = false;\n\n  const findSectionPathById = (\n    root: any,\n    targetId: string | undefined,\n    rootPath: string,\n  ): { section: any; keyPath: string } | null => {\n    if (!root || !targetId) return null;\n    if (root.id === targetId || root.nodeId === targetId || root.contentId === targetId) return { section: root, keyPath: rootPath };\n\n    const stack = (root.subsections || []).map((child: any, idx: number) => ({\n      section: child,\n      keyPath: `${rootPath}-${idx}`,\n    }));\n\n    while (stack.length > 0) {\n      const current = stack.shift();\n      if (!current?.section) continue;\n      if (\n        current.section.id === targetId ||\n        current.section.nodeId === targetId ||\n        current.section.contentId === targetId\n      ) return current;\n\n      (current.section.subsections || []).forEach((child: any, idx: number) => {\n        stack.push({\n          section: child,\n          keyPath: `${current.keyPath}-${idx}`,\n        });\n      });\n    }\n\n    return null;\n  };\n\n  if (maintainRelativeOrder) {\n    if (columnKey === \"left\") {\n      const rhsSelfIndex = baseRoot?.refIndexes?.[0];\n      const rhsArrayIdx = existingSections.findIndex((s: any) => s.selfIndex === rhsSelfIndex);\n      if (rhsArrayIdx !== -1) {\n        refRoot = existingSections[rhsArrayIdx];\n        rightRootIndex = rhsArrayIdx;\n      } else {\n        isRootOrphan = true;\n      }\n    } else {\n      const lhsSelfIndex = refRoot?.refIndexes?.[0];\n      const lhsArrayIdx = proposedSections.findIndex((s: any) => s.selfIndex === lhsSelfIndex);\n      if (lhsArrayIdx !== -1) {\n        baseRoot = proposedSections[lhsArrayIdx];\n        leftRootIndex = lhsArrayIdx;\n      } else {\n        isRootOrphan = true;\n      }\n    }\n  }\n\n  // --- UNIFIED COUNTERPART LOOKUP ENGINE ---\n  const findGlobalPathById = (sections: any[], targetId: string | undefined) => {\n    if (!targetId || !sections) return null;\n    for (let i = 0; i < sections.length; i++) {\n      const match = findSectionPathById(sections[i], targetId, String(i));\n      if (match) return match;\n    }\n    return null;\n  };\n\n  let bSec: any = null;\n  let rSec: any = null;\n  let leftKeyPath = \"\";\n  let rightKeyPath = \"\";\n\n  if (maintainRelativeOrder) {\n    if (columnKey === \"left\") {\n      bSec = section;\n      leftKeyPath = keyPath;\n\n      // Try looking within the relative matched root section first\n      let rightMatch = findSectionPathById(refRoot, section.nodeId || section.id, String(rightRootIndex));\n      \n      // Fallback globally across the entire RHS tree if cross-wired or mismatched\n      if (!rightMatch) {\n        rightMatch = findGlobalPathById(existingSections, section.nodeId || section.id);\n      }\n\n      rSec = rightMatch?.section || null;\n      rightKeyPath = rightMatch?.keyPath || \"\";\n    } else {\n      rSec = section;\n      rightKeyPath = keyPath;\n\n      // Try looking within the relative matched root section first\n      let leftMatch = findSectionPathById(baseRoot, section.nodeId || section.id, String(leftRootIndex));\n      \n      // Fallback globally across the entire LHS tree if cross-wired or mismatched\n      if (!leftMatch) {\n        leftMatch = findGlobalPathById(proposedSections, section.nodeId || section.id);\n      }\n\n      bSec = leftMatch?.section || null;\n      leftKeyPath = leftMatch?.keyPath || \"\";\n    }\n  } else {\n    // When maintainRelativeOrder is false, absolute structural paths diverge completely.\n    // Index path crawling fails here. Execute absolute global ID tracing to handle re-routed clauses.\n    if (columnKey === \"left\") {\n      bSec = section;\n      leftKeyPath = keyPath;\n\n      const rightMatch = findGlobalPathById(existingSections, section.nodeId || section.id);\n      rSec = rightMatch?.section || null;\n      rightKeyPath = rightMatch?.keyPath || \"\";\n    } else {\n      rSec = section;\n      rightKeyPath = keyPath;\n\n      const leftMatch = findGlobalPathById(proposedSections, section.nodeId || section.id);\n      bSec = leftMatch?.section || null;\n      leftKeyPath = leftMatch?.keyPath || \"\";\n    }\n  }\n\n  const style = (leftKeyPath ? getSubSectionCompareStyle(leftKeyPath) : null) || getSubSectionCompareStyle(keyPath);\n  const leftDocId = treeData?.input_index_map?.[\"0\"];\n  const rightDocId = treeData?.input_index_map?.[\"1\"];\n  const counterpartNodeId = columnKey === \"left\" ? rightDocId : leftDocId;\n\n  const isSecOrphan = columnKey === \"left\" ? !rSec : !bSec;\n  const hasSingleMappedLhs =\n    maintainRelativeOrder &&\n    columnKey === \"right\" &&\n    hasSingleMappedLhsSection(refRoot, proposedSections);\n    \n  const targetEvalResult = section.evaluationResult || bSec?.evaluationResult || rSec?.evaluationResult;\n\n  const deviations = targetEvalResult?.deviations || {};\n  const lhsDeviationDisplayIndexes = useMemo(\n    () =>\n      maintainRelativeOrder && columnKey === \"right\"\n        ? getLhsDeviationDisplayIndexes(\n            proposedSections,\n            leftDocId,\n            deviationNumberRegistry,\n          )\n        : new Map<string, number>(),\n    [\n      maintainRelativeOrder,\n      columnKey,\n      proposedSections,\n      leftDocId,\n      deviationNumberRegistry,\n    ],\n  );\n  let nodeId = section.nodeId || section.id || bSec?.nodeId || bSec?.id || rSec?.nodeId || rSec?.id;\n\n  // For Subsections, use the exact LHS counterpart subsection (bSec) ID for registry lookup\n  if (maintainRelativeOrder && columnKey !== \"left\") {\n    if (bSec?.id) {\n      nodeId = bSec.nodeId || bSec.id;\n    }\n  }\n\n  // Derive validatedParentNum from registry\n  const firstDeviationKey = Object.keys(deviations)[0];\n  const firstRefId = firstDeviationKey ? `${nodeId}${DEVIATION_BADGE_SEPARATOR}${firstDeviationKey}` : null;\n  const registeredParentNum = firstRefId ? (deviationParentRegistry?.[firstRefId] as number) : null;\n\n  let validatedParentNum: string | number = rootIndex + 1;\n\n  if (maintainRelativeOrder && unifiedNumbering) {\n    const unifiedNum = columnKey === \"left\" \n      ? unifiedNumbering.leftNums.get(baseRoot?.id) \n      : unifiedNumbering.rightNums.get(refRoot?.id);\n\n    if (isRootOrphan && unifiedNum !== undefined) {\n      validatedParentNum = unifiedNum;\n    } else if (registeredParentNum !== null && registeredParentNum !== undefined && registeredParentNum >= 0) {\n      validatedParentNum = registeredParentNum;\n    } else if (unifiedNum !== undefined) {\n      validatedParentNum = unifiedNum;\n    }\n  } else if (registeredParentNum !== null && registeredParentNum !== undefined && registeredParentNum >= 0) {\n    validatedParentNum = registeredParentNum;\n  }\n\n  const deviationColorData = targetEvalResult?.evaluation_outputs?.metadata?.label_color ?? DEFAULT_DEVIAION_COLOR;\n  const deviationPalette = generateColorPalette(deviationColorData);\n  const { highlightBg } = deviationPalette;\n\n  \n  const highlights: string[] = [];\n  \n  let nextFallbackDeviationIndex = Math.max(\n    0,\n    ...Object.keys(deviations).map(\n      (deviationKey) =>\n        deviationNumberRegistry[\n          `${nodeId}${DEVIATION_BADGE_SEPARATOR}${deviationKey}`\n        ],\n    ).filter(\n      (value): value is number => typeof value === \"number\" && Number.isFinite(value),\n    ),\n  ) + 1;\n  const rawDeviationEntries = Object.entries(deviations).map(([deviationKey, deviationMap]: [string, any]) => {\n    const refId = `${nodeId}${DEVIATION_BADGE_SEPARATOR}${deviationKey}`;\n    // Missing numbering metadata must not suppress an otherwise renderable\n    // inline deviation badge.\n    const currentIndex = deviationNumberRegistry[refId] ?? nextFallbackDeviationIndex++;\n    return { deviationKey, deviationMap, refId, currentIndex };\n  });\n\n  rawDeviationEntries.sort((a, b) => a.currentIndex - b.currentIndex);\n\n  const localRhsOrphanVisualIndexes = new Map<string, number>();\n  if (\n    !rhsOrphanVisualIndexes &&\n    maintainRelativeOrder &&\n    columnKey === \"right\"\n  ) {\n    const normalizedContent = safeStringify(baseContent || \"\").replace(/\\\\n/g, \"\\n\");\n    rawDeviationEntries\n      .filter(({ deviationMap }) => {\n        const ownHighlight = deviationMap[parentNodeId];\n        const isOrphan =\n          isSecOrphan || isMissingStr(deviationMap[counterpartNodeId as string]);\n        return isOrphan && !!ownHighlight && !isMissingStr(ownHighlight);\n      })\n      .map((entry) => {\n        const normalizedHighlight = safeStringify(\n          entry.deviationMap[parentNodeId] || \"\",\n        ).replace(/\\\\n/g, \"\\n\");\n        let position = -1;\n        if (normalizedHighlight) {\n          position = findTextMatchRange(normalizedContent, normalizedHighlight)?.start ?? -1;\n          if (position === -1) {\n            position = findTextRangeWithFormatting(normalizedContent, normalizedHighlight)?.start ?? -1;\n          }\n        }\n        return { ...entry, position };\n      })\n      .sort((a, b) => {\n        const aPosition = a.position === -1 ? Number.MAX_SAFE_INTEGER : a.position;\n        const bPosition = b.position === -1 ? Number.MAX_SAFE_INTEGER : b.position;\n        return aPosition - bPosition || a.currentIndex - b.currentIndex;\n      })\n      .forEach((entry, index) => {\n        localRhsOrphanVisualIndexes.set(entry.refId, index + 1);\n      });\n  }\n\n  const deviationEntries = rawDeviationEntries\n        .map((item) => {\n          const { deviationKey, deviationMap, refId } = item;\n          let currentIndex = item.currentIndex;\n\n          // if (maintainRelativeOrder && sectionOffset !== undefined) {\n          //   currentIndex = currentIndex - sectionOffset;\n          // }\n          // currentIndex = Math.max(1, currentIndex);\n\n          let highlight = deviationMap[parentNodeId];\n      const isMissingClause = isMissingStr(highlight);\n\n      if (isMissingClause) highlight = \"\";\n      else if (!highlight) return null;\n\n      highlights.push(highlight);\n\n      const counterpartHighlight = deviationMap[counterpartNodeId as string];\n\n      const isDeviationOrphan = isSecOrphan || isMissingStr(counterpartHighlight);\n      const orphanVisualIndex =\n        rhsOrphanVisualIndexes?.get(refId) ??\n        localRhsOrphanVisualIndexes.get(refId);\n      const mappedLhsIndex = lhsDeviationDisplayIndexes.get(refId);\n      if (\n        maintainRelativeOrder &&\n        columnKey === \"right\" &&\n        isDeviationOrphan &&\n        orphanVisualIndex !== undefined\n      ) {\n        currentIndex = orphanVisualIndex;\n      } else if (\n        maintainRelativeOrder &&\n        columnKey === \"right\" &&\n        !isDeviationOrphan &&\n        mappedLhsIndex !== undefined\n      ) {\n        currentIndex = mappedLhsIndex;\n      } else if (\n        maintainRelativeOrder &&\n        sectionOffset !== undefined &&\n        (columnKey !== \"right\" || isDeviationOrphan || hasSingleMappedLhs)\n      ) {\n        currentIndex = currentIndex - sectionOffset;\n      }\n      currentIndex = Math.max(1, currentIndex);\n\n      const badgeParentNum =\n        maintainRelativeOrder &&\n        columnKey === \"right\" &&\n        isDeviationOrphan &&\n        unifiedNumbering\n          ? getRhsMappedSectionNumber({\n              section: refRoot,\n              proposedSections,\n              leftNums: unifiedNumbering.leftNums,\n              fallbackNumber: String(validatedParentNum),\n              firstOnly: true,\n            })\n          : validatedParentNum;\n      const badgeLabel = `${badgeParentNum}.${currentIndex}`;\n      const actionId = `${nodeId}${DEVIATION_BADGE_SEPARATOR}${deviationKey}${DEVIATION_BADGE_SEPARATOR}${leftKeyPath}${DEVIATION_BADGE_SEPARATOR}${rightKeyPath}`;\n      const deviationOutput = deviationMap?.evaluation_outputs || targetEvalResult?.evaluation_outputs;\n      const deviationScore = deviationOutput?.output_value ?? null;\n      const deviationColorForBadge = deviationOutput?.metadata?.label_color ?? deviationColorData;\n      const deviationPaletteForBadge = generateColorPalette(deviationColorForBadge);\n      let badgeStyle = { ...deviationPaletteForBadge } as StyleVariant;\n\n      const summaryPayload = deviationMap?.deviation_summary\n        ? {\n            deviation_summary: deviationMap.deviation_summary || targetEvalResult?.deviation_summary,\n            deviation_title: deviationMap?.deviation_title || targetEvalResult?.deviation_title,\n            deviation_impact: deviationMap?.deviation_impact || targetEvalResult?.deviation_impact,\n            deviation_explanation:\n              deviationMap?.deviation_explanation || targetEvalResult?.deviation_explanation,\n            evaluation_outputs: deviationOutput,\n            cognitive_decisioning:\n              deviationMap?.cognitive_decisioning || targetEvalResult?.cognitive_decisioning,\n          }\n        : null;\n\n      let stackIndex = 0;\n      const contentStr = baseContent || \"\";\n      if (highlight && contentStr) {\n        const paragraphs = contentStr.split(/\\n{2,}/);\n        const paraIndex = paragraphs.findIndex(p => p.includes(highlight));\n        if (paraIndex !== -1) {\n          const devsInPara = Object.entries(deviations)\n            .filter(([_, dMap]: any) => {\n              const hl = dMap[parentNodeId];\n              return hl && paragraphs[paraIndex].includes(hl);\n            })\n            .sort((a: any, b: any) => paragraphs[paraIndex].indexOf(a[1][parentNodeId]) - paragraphs[paraIndex].indexOf(b[1][parentNodeId]));\n          const overlappingDevs = devsInPara.filter(([_, dMap]: any) => {\n            const hl = dMap[parentNodeId];\n            return hl && (hl.includes(highlight) || highlight.includes(hl));\n          });\n          if (overlappingDevs.length > 1) {\n            stackIndex = Math.max(0, overlappingDevs.findIndex(([k]) => k === deviationKey));\n          }\n        }\n      }\n\n      const badgeRef = getBadgeRef(columnKey, refId);\n\n      return {\n        id: refId,\n        actionId: actionId,\n        label: badgeLabel,\n        highlight,\n        side: columnKey,\n        style: badgeStyle,\n        stackIndex,\n        score: deviationScore,\n        isConnected: connectedSections.has(actionId as any),\n        showScrollLockToggle:\n          connectedSections.has(actionId as any) ||\n          (isSideBySide && activeSideBySideSection === actionId) ||\n          (!!summaryPopupAnchorEl && summaryPopupAnchorEl === badgeRef.current),\n        scrollSyncLocked,\n        toggleScrollSyncLocked,\n        isOrphan: isDeviationOrphan,\n        isMissingClause,\n        badgeRef,\n        onClick: (e: React.MouseEvent) => {\n          e.stopPropagation();\n          const matchedBaseRoot = leftKeyPath\n            ? proposedSections[Number(leftKeyPath.split(\"-\")[0])] || baseRoot\n            : baseRoot;\n          const matchedRefRoot = rightKeyPath\n            ? existingSections[Number(rightKeyPath.split(\"-\")[0])] || refRoot\n            : refRoot;\n          const popupBaseSec = bSec ? { ...bSec, title: matchedBaseRoot?.title || bSec?.title || \"\" } : { id: \"orphan-left\", title: \"\", content: \"\" };\n          const popupRefSec = rSec ? { ...rSec, title: matchedRefRoot?.title || rSec?.title || \"\" } : { id: \"orphan-right\", title: \"\", content: \"\" };\n          \n          openMoreFunctionsPopup(e, popupBaseSec, isDeviationOrphan, popupRefSec, actionId, badgeStyle); \n        },\n        onSummaryClick: (e: React.MouseEvent) => {\n          e.stopPropagation();\n          openSummaryPopup(e, actionId, isDeviationOrphan, summaryPayload);\n        }\n      };\n    })\n    .filter(Boolean)\n    .sort((a: any, b: any) => {\n      const numA = parseFloat(a.label);\n      const numB = parseFloat(b.label);\n      return numA - numB;\n    });\n\n    const deduplicatedEntries = useMemo(() => {\n      const seenRefIds = new Set<string>();\n      return deviationEntries.filter((entry: any) => {\n        if (seenRefIds.has(entry.id)) return false;\n        seenRefIds.add(entry.id);\n        return true;\n      });\n    }, [deviationEntries]);\n\n\n  const baseShouldRenderBadges = showDeviationBadges || isProposedFixTarget;\n  const shouldRenderBadges = baseShouldRenderBadges;\n  const deviationBadgesToRender = shouldRenderBadges ? deduplicatedEntries : [];\nconst highlightsToRender = deduplicatedEntries.map((b: any) => b.highlight).filter(Boolean);\n\n  // const hasScrolledRef = useRef(false);\n\n  // useEffect(() => {\n  //   if (!isExpanded) {\n  //     hasScrolledRef.current = false;\n  //   }\n  // }, [isExpanded]);\n\n  // useEffect(() => {\n  //   if (!isExpanded || hasScrolledRef.current) return;\n\n  //   const timer = setTimeout(() => {\n  //     hasScrolledRef.current = true;\n      \n  //     const firstBadgeRef = deviationEntries[0]?.badgeRef?.current;\n      \n  //     if (firstBadgeRef) {\n  //       firstBadgeRef.scrollIntoView({\n  //         behavior: \"smooth\",\n  //         block: \"center\",\n  //       });\n  //     }\n  //   }, 350); \n\n  //   return () => clearTimeout(timer);\n  // }, [isExpanded, deviationEntries]);\n\n  const connectedBadge = deviationEntries.find((b: any) => connectedSections.has(b.actionId));\n  const isConnected = !!connectedBadge;\n\n  if (!hasTitle && !hasContent && (!section.subsections || section.subsections.length === 0)) return null;\n\n  const handleToggle = () => {\n    if (!isEmpty) {\n      if (isExpanded) {\n        const activeBadgeIdStr = String(activeSideBySideSection || \"\");\n        let needsReset = activeBadgeIdStr.includes(leftKeyPath) || activeBadgeIdStr.includes(rightKeyPath);\n\n        if (!needsReset) {\n          connectedSections.forEach((id) => {\n            if (String(id).includes(leftKeyPath) || String(id).includes(rightKeyPath)) needsReset = true;\n          });\n        }\n\n        if (needsReset) {\n          resetSideBySide();\n          setConnectedSections(new Set());\n          setConnectedLines([]);\n          cachedConnectedPositions.current = [];\n        }\n      }\n      setExpandedSubSections((prev) => ({ ...prev, [keyPath]: !prev[keyPath] }));\n    }\n  };\n  const outlineColor = connectedBadge?.style?.badgeBorder || style?.badgeBorder;\n  const outlineStyles = isConnected && outlineColor\n    ? { borderRadius: \"4px\", outline: `2px solid ${outlineColor}`, outlineOffset: \"1px\" }\n    : {};\n\n  if (!hasTitle) {\n    return (\n      <Box ref={colRef} sx={{ mt: depth === 0 ? 1 : 0.75, width: \"100%\", minWidth: 0, position: \"relative\" }}>\n        {!isEmpty && (\n          <Box sx={{ width: \"100%\", ...outlineStyles }}>\n            {hasContent && (\n              <MemoizedMarkdown\n                content={baseContent}\n                overlayContent={overlayContent}\n                fallbackContent={fallbackContent}\n                sxStyles={resolvedMarkdownStyles}\n                deviationBadges={deviationBadgesToRender}\n                maintainRelativeOrder={maintainRelativeOrder}\n                highlightBg={highlightBg}\n                suppressHighlightBg={suppressHighlightBg}\n                highlights={highlightsToRender} \n                collisionKey={collisionKey}\n              />\n            )}\n            {(section.subsections || []).map((sub, subIdx) => (\n                <SubSectionAccordion\n                  key={`${keyPath}-${subIdx}`}\n                  section={sub}\n                  keyPath={`${keyPath}-${subIdx}`}\n                  depth={depth + 1}\n                  columnKey={columnKey}\n                  parentNodeId={parentNodeId}\n                  sectionOffset={sectionOffset}\n                  rhsOrphanVisualIndexes={rhsOrphanVisualIndexes}\n                />\n              ))}\n          </Box>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box ref={colRef} sx={{ mt: 1, width: \"100%\", minWidth: 0, position: \"relative\" }}>\n      <Box sx={{ width: \"100%\", ...outlineStyles }}>\n        <Accordion\n          disableGutters\n          expanded={isEmpty ? false : isExpanded}\n          onChange={handleToggle}\n          sx={{\n            mt: 0,\n            boxShadow: \"none\",\n            border: isEmpty ? \"1px dashed #E2E8F0\" : \"1px solid #EEF2F7\",\n            borderRadius: \"4px !important\",\n            bgcolor: \"#FFFFFF\",\n            minWidth: 0,\n            \"&:before\": { display: \"none\" },\n          }}\n        >\n          <AccordionSummary expandIcon={isEmpty ? null : <ChevronDown size={14} />} sx={{ minHeight: \"32px\", \"& .MuiAccordionSummary-content\": { my: 0.5, display: \"grid\", alignItems: \"center\", minWidth: 0, width: \"100%\" } }}>\n            <Typography component=\"div\" sx={{ fontSize: \"11px\", fontWeight: 600, color: isEmpty ? \"#94A3B8\" : \"#19213D\", overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", width: \"100%\", minWidth: 0 }}>\n              {displayTitle || \"Untitled Subsection\"}\n            </Typography>\n          </AccordionSummary>\n          {!isEmpty && (\n            <AccordionDetails sx={{ pt: 0, pb: 1, minWidth: 0 }}>\n              {hasContent && (\n                <MemoizedMarkdown\n                  content={baseContent}\n                  overlayContent={overlayContent}\n                  fallbackContent={fallbackContent}\n                  sxStyles={resolvedMarkdownStyles}\n                  deviationBadges={deviationBadgesToRender}\n                  maintainRelativeOrder={maintainRelativeOrder}\n                  highlightBg={highlightBg}\n                  suppressHighlightBg={suppressHighlightBg}\n                  highlights={highlightsToRender}\n                  collisionKey={collisionKey}\n              />\n              )}\n              {(section.subsections || []).map((sub, subIdx) => (\n                <SubSectionAccordion\n                  key={`${keyPath}-${subIdx}`}\n                  section={sub}\n                  keyPath={`${keyPath}-${subIdx}`}\n                  depth={depth + 1}\n                  columnKey={columnKey}\n                  parentNodeId={parentNodeId}\n                  sectionOffset={sectionOffset}\n                  rhsOrphanVisualIndexes={rhsOrphanVisualIndexes}\n                />\n              ))}\n            </AccordionDetails>\n          )}\n        </Accordion>\n      </Box>\n    </Box>\n  );\n});\n\nexport default SubSectionAccordion;\n"],"names":["SubSectionAccordion","memo","props","section","keyPath","depth","columnKey","parentNodeId","sectionOffset","rhsOrphanVisualIndexes","expandedSubSections","setExpandedSubSections","maintainRelativeOrder","showDeviationBadges","proposedSections","existingSections","treeData","deviationNumberRegistry","deviationParentRegistry","connectedSections","activeSideBySideSection","isSideBySide","scrollSyncLocked","toggleScrollSyncLocked","summaryPopupAnchorEl","resolvedMarkdownStyles","getSubSectionRef","getSubSectionCompareStyle","getBadgeRef","openMoreFunctionsPopup","openSummaryPopup","resetSideBySide","setConnectedSections","setConnectedLines","cachedConnectedPositions","isProposingFix","proposingFixNodeId","isRedlineFlow","unifiedNumbering","useCompareContext","collisionKey","hasTitle","displayTitle","hasValue","title","isProposedFixTarget","id","nodeId","contentId","hasRedlineTags","hasMeaningfulRedlineTags","content","resolvedRedlineFlow","suppressHighlightBg","changeHistoryContent","change_history","shouldOverlayContent","normalizedRedlineContent","useMemo","normalizeRedlineMarkdown","safeStringify","baseContent","stripRedlineTags","overlayContent","fallbackContent","hasContent","displayContent","isEmpty","isExpanded","colRef","rootIndex","split","map","Number","baseRoot","refRoot","leftRootIndex","rightRootIndex","isRootOrphan","findSectionPathById","root","targetId","rootPath","stack","subsections","child","idx","length","current","shift","forEach","push","rhsSelfIndex","refIndexes","rhsArrayIdx","findIndex","s","selfIndex","lhsSelfIndex","lhsArrayIdx","findGlobalPathById","sections","i","match","String","bSec","rSec","leftKeyPath","rightKeyPath","rightMatch","leftMatch","style","leftDocId","input_index_map","rightDocId","counterpartNodeId","isSecOrphan","hasSingleMappedLhs","hasSingleMappedLhsSection","targetEvalResult","evaluationResult","deviations","lhsDeviationDisplayIndexes","getLhsDeviationDisplayIndexes","Map","firstDeviationKey","Object","keys","firstRefId","DEVIATION_BADGE_SEPARATOR","registeredParentNum","validatedParentNum","unifiedNum","leftNums","get","rightNums","deviationColorData","evaluation_outputs","metadata","label_color","DEFAULT_DEVIAION_COLOR","deviationPalette","generateColorPalette","highlightBg","nextFallbackDeviationIndex","Math","max","deviationKey","filter","value","isFinite","rawDeviationEntries","entries","deviationMap","refId","currentIndex","sort","a","b","localRhsOrphanVisualIndexes","normalizedContent","replace","ownHighlight","isMissingStr","entry","normalizedHighlight","position","findTextMatchRange","start","findTextRangeWithFormatting","MAX_SAFE_INTEGER","index","set","deviationEntries","item","highlight","isMissingClause","counterpartHighlight","isDeviationOrphan","orphanVisualIndex","mappedLhsIndex","badgeLabel","getRhsMappedSectionNumber","fallbackNumber","firstOnly","actionId","deviationOutput","deviationScore","output_value","deviationColorForBadge","badgeStyle","summaryPayload","deviation_summary","deviation_title","deviation_impact","deviation_explanation","cognitive_decisioning","stackIndex","contentStr","paragraphs","paraIndex","p","includes","overlappingDevs","_","dMap","hl","indexOf","k","badgeRef","label","side","score","isConnected","has","showScrollLockToggle","isOrphan","onClick","e","stopPropagation","matchedBaseRoot","matchedRefRoot","popupBaseSec","popupRefSec","onSummaryClick","Boolean","parseFloat","deduplicatedEntries","seenRefIds","Set","add","deviationBadgesToRender","highlightsToRender","connectedBadge","find","outlineColor","badgeBorder","outlineStyles","borderRadius","outline","outlineOffset","jsx","Box","ref","sx","mt","width","minWidth","children","jsxs","Accordion","disableGutters","expanded","onChange","activeBadgeIdStr","needsReset","prev","boxShadow","border","bgcolor","display","AccordionSummary","expandIcon","ChevronDown","size","minHeight","my","alignItems","Typography","component","fontSize","fontWeight","color","overflow","textOverflow","whiteSpace","AccordionDetails","pt","pb","MemoizedMarkdown","sxStyles","deviationBadges","highlights","sub","subIdx"],"mappings":"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"}
+{"version":3,"file":"SubSectionAccordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/CognitiveCompare/components/SvgConnectors.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lucide-react"),i=require("../../../assests/svg/ButtonCognitiveIcon.js"),n=require("../CognitiveComparehelpers.js"),o=require("../CognitiveCompareConstants.js"),s=require("./ThreeDotsLoader.js"),l=require("./connectedLines.js"),r=require("@mui/material");exports.default=function({svgContainerRef:a,svgDimensions:c,isResizing:d,overallConnector:u,rootDeviationStyle:g,lines:p,isSideBySide:x,activeSideBySideSection:h,isArrowVisible:y,maintainRelativeOrder:b,proposedSections:v,existingSections:f,cognitivePopup:S,activeBadgeId:m,closeCognitivePopup:j,setActiveBadgeId:C,openCognitivePopupFromState:B,buildSectionPopupState:I,connectedLines:R,pathRefs:A,isGuidelineMode:P}){const D=[...p].sort((e,t)=>Number(Boolean(t.isMappingContinuation))-Number(Boolean(e.isMappingContinuation)));return e.jsxs("svg",{ref:a,style:{position:"absolute",top:0,left:0,width:c.width||"100%",height:c.height||"100%",pointerEvents:"none",zIndex:10,overflow:"visible",opacity:d?0:1,transition:"opacity 0.15s ease-in-out"},children:[u&&e.jsx("g",{children:e.jsx("line",{x1:u.x1,y1:u.y,x2:u.x2,y2:u.y,stroke:g.badgeBorder,strokeWidth:"1.5"})}),D.map(l=>{const a=l.x1+.5*(l.x2-l.x1),c=(l.y1+l.y2)/2,d=a;if("Not Defined"===l.style.label&&!l.hasCognitive)return null;if(l.isSubSection?x&&h===l.subSectionKeyPath&&y:x&&h===l.sectionIdx&&y)return null;if(b)return null;const u=l.isMappingContinuation?`M ${d} ${l.y1} L ${d} ${l.y2} L ${l.x2} ${l.y2}`:l.isSubSection?n.getBentArrowPath(l.x1,l.y1,l.x2,l.y2):`M ${l.x1} ${l.y1} L ${l.x2} ${l.y2}`;let g=v[l.sectionIdx]||{title:"",content:""},p=f[l.targetRightIdx??l.sectionIdx]||{title:"",content:""};if(l.isSubSection&&l.subSectionKeyPath){const e=l.subSectionKeyPath.includes(n.DEVIATION_BADGE_SEPARATOR)?l.subSectionKeyPath.split(n.DEVIATION_BADGE_SEPARATOR):[],t=e[2]||l.subSectionKeyPath,i=e[3]||t,o=t.split("-").map(Number),s=i.split("-").map(Number);let r=null,a=null;o.length>0&&(r=v[o[0]]||null),s.length>0&&(a=f[s[0]]||null);const c=r?.title||"",d=a?.title||"";for(let e=1;e<o.length;e+=1)r?.subsections&&(r=r.subsections[o[e]]||null);for(let e=1;e<s.length;e+=1)a?.subsections&&(a=a.subsections[s[e]]||null);r&&(g={...r,title:c||r.title}),a&&(p={...a,title:d||a.title})}const R=!g.cognitiveData?.isMissingRationale||Boolean(g.cognitiveData?.decisioning?.length),A=g.evaluationResult?.cognitive_decisioning?.decisioning_factors?.length||!1,P=R||A;return e.jsxs("g",{children:[e.jsx("path",{d:u,fill:"none",stroke:l.style.badgeBorder||"#E2E8F0",strokeWidth:"1.5"}),!l.isMappingContinuation&&e.jsx("foreignObject",{x:a-100,y:c-14,width:"200",height:"28",style:{pointerEvents:"auto",overflow:"visible"},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:e.jsxs(r.Box,{onClick:e=>{e.stopPropagation(),P&&(S.open&&m===l.id?j():(C(l.id),B(I(e.currentTarget,g,p,l.sectionIdx,!1,l.style))))},sx:{display:"inline-flex",alignItems:"center",gap:"4px",fontSize:"11px",bgcolor:l.style.badgeBg,color:l.style.badgeText,border:`1px solid ${l.style.badgeBorder}`,borderRadius:"12px",px:1.5,py:.5,fontWeight:600,textAlign:"center",whiteSpace:"nowrap",cursor:P?"pointer":"default"},children:[l.style.badgeText===o.DEFAULT_DEVIAION_COLOR&&null==l.style.label?e.jsx(s.default,{color:l.style.badgeText}):null==l.style.label?null:"0"===String(l.style.label)?"Same":l.style.label,e.jsx(r.Box,{component:"span",sx:{width:14,height:14,display:"flex",alignItems:"center","& svg":{width:"14px",height:"14px"}},children:e.jsx(i.ButtonCognitiveIcon,{})}),P&&e.jsx(t.ChevronDown,{size:11,style:{transform:S.open&&m===l.id?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease"}})]})})})]},l.id)}),e.jsx(l.default,{maintainRelativeOrder:b,connectedLines:R,pathRefs:A,isGuidelineMode:P})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("lucide-react"),n=require("../../../assests/svg/ButtonCognitiveIcon.js"),o=require("../CognitiveComparehelpers.js"),s=require("./ThreeDotsLoader.js"),l=require("./connectedLines.js"),a=require("@mui/material");exports.default=function(r){var c=r.svgContainerRef,d=r.svgDimensions,u=r.isResizing,g=r.overallConnector,p=r.rootDeviationStyle,v=r.lines,x=r.isSideBySide,h=r.activeSideBySideSection,y=r.isArrowVisible,b=r.maintainRelativeOrder,f=r.proposedSections,_=r.existingSections,S=r.cognitivePopup,m=r.activeBadgeId,j=r.closeCognitivePopup,B=r.setActiveBadgeId,I=r.openCognitivePopupFromState,C=r.buildSectionPopupState,R=r.connectedLines,A=r.pathRefs,P=r.isGuidelineMode,w=r.deviationAnalysisStatus,D=e.__spreadArray([],v,!0).sort(function(e,i){return Number(Boolean(i.isMappingContinuation))-Number(Boolean(e.isMappingContinuation))});return i.jsxs("svg",e.__assign({ref:c,style:{position:"absolute",top:0,left:0,width:d.width||"100%",height:d.height||"100%",pointerEvents:"none",zIndex:10,overflow:"visible",opacity:u?0:1,transition:"opacity 0.15s ease-in-out"}},{children:[g&&i.jsx("g",{children:i.jsx("line",{x1:g.x1,y1:g.y,x2:g.x2,y2:g.y,stroke:p.badgeBorder,strokeWidth:"1.5"})}),D.map(function(l){var r,c,d,u,g,p,v,R=l.x1+.5*(l.x2-l.x1),A=(l.y1+l.y2)/2,P=R;if("Not Defined"===l.style.label&&!l.hasCognitive)return null;if(l.isSubSection?x&&h===l.subSectionKeyPath&&y:x&&h===l.sectionIdx&&y)return null;if(b)return null;var D=l.isMappingContinuation?"M ".concat(P," ").concat(l.y1," L ").concat(P," ").concat(l.y2," L ").concat(l.x2," ").concat(l.y2):l.isSubSection?o.getBentArrowPath(l.x1,l.y1,l.x2,l.y2):"M ".concat(l.x1," ").concat(l.y1," L ").concat(l.x2," ").concat(l.y2),E=f[l.sectionIdx]||{title:"",content:""},M=_[null!==(r=l.targetRightIdx)&&void 0!==r?r:l.sectionIdx]||{title:"",content:""};if(l.isSubSection&&l.subSectionKeyPath){var T=l.subSectionKeyPath.includes(o.DEVIATION_BADGE_SEPARATOR)?l.subSectionKeyPath.split(o.DEVIATION_BADGE_SEPARATOR):[],q=T[2]||l.subSectionKeyPath,O=T[3]||q,L=q.split("-").map(Number),N=O.split("-").map(Number),k=null,K=null;L.length>0&&(k=f[L[0]]||null),N.length>0&&(K=_[N[0]]||null);for(var z=(null==k?void 0:k.title)||"",G=(null==K?void 0:K.title)||"",V=1;V<L.length;V+=1)(null==k?void 0:k.subsections)&&(k=k.subsections[L[V]]||null);for(V=1;V<N.length;V+=1)(null==K?void 0:K.subsections)&&(K=K.subsections[N[V]]||null);k&&(E=e.__assign(e.__assign({},k),{title:z||k.title})),K&&(M=e.__assign(e.__assign({},K),{title:G||K.title}))}var W=!(null===(c=E.cognitiveData)||void 0===c?void 0:c.isMissingRationale)||Boolean(null===(u=null===(d=E.cognitiveData)||void 0===d?void 0:d.decisioning)||void 0===u?void 0:u.length),F=(null===(v=null===(p=null===(g=E.evaluationResult)||void 0===g?void 0:g.cognitive_decisioning)||void 0===p?void 0:p.decisioning_factors)||void 0===v?void 0:v.length)||!1,H=W||F,J=null!=E.evaluationResult||null!=M.evaluationResult,Q=("mapping_ready"===w||"deviations_streaming"===w)&&!J,U="complete"!==w||J?null:"Same";return i.jsxs("g",{children:[i.jsx("path",{d:D,fill:"none",stroke:l.style.badgeBorder||"#E2E8F0",strokeWidth:"1.5"}),!l.isMappingContinuation&&i.jsx("foreignObject",e.__assign({x:R-100,y:A-14,width:"200",height:"28",style:{pointerEvents:"auto",overflow:"visible"}},{children:i.jsx(a.Box,e.__assign({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:i.jsxs(a.Box,e.__assign({onClick:function(e){e.stopPropagation(),H&&(S.open&&m===l.id?j():(B(l.id),I(C(e.currentTarget,E,M,l.sectionIdx,!1,l.style))))},sx:{display:"inline-flex",alignItems:"center",gap:"4px",fontSize:"11px",bgcolor:l.style.badgeBg,color:l.style.badgeText,border:"1px solid ".concat(l.style.badgeBorder),borderRadius:"12px",px:1.5,py:.5,fontWeight:600,textAlign:"center",whiteSpace:"nowrap",cursor:H?"pointer":"default"}},{children:[Q?i.jsx(a.Tooltip,e.__assign({title:"Deviation data generation in progress",placement:"top",arrow:!0},{children:i.jsx(a.Box,e.__assign({component:"span",sx:{display:"inline-flex",alignItems:"center"}},{children:i.jsx(s.default,{color:l.style.badgeText})}))})):null==l.style.label?U:"0"===String(l.style.label)?"Same":l.style.label,i.jsx(a.Box,e.__assign({component:"span",sx:{width:14,height:14,display:"flex",alignItems:"center","& svg":{width:"14px",height:"14px"}}},{children:i.jsx(n.ButtonCognitiveIcon,{})})),H&&i.jsx(t.ChevronDown,{size:11,style:{transform:S.open&&m===l.id?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease"}})]}))}))}))]},l.id)}),i.jsx(l.default,{maintainRelativeOrder:b,connectedLines:R,pathRefs:A,isGuidelineMode:P})]}))};
 //# sourceMappingURL=SvgConnectors.js.map

package/dist/cjs/features/CognitiveCompare/components/SvgConnectors.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgConnectors.js","sources":["../../../../../src/features/CognitiveCompare/components/SvgConnectors.tsx"],"sourcesContent":["import { ChevronDown } from \"lucide-react\";\nimport { ButtonCognitiveIcon } from \"../../../assests/svg/ButtonCognitiveIcon\";\nimport { DEVIATION_BADGE_SEPARATOR, getBentArrowPath } from \"../CognitiveComparehelpers\";\nimport { DEFAULT_DEVIAION_COLOR } from \"../CognitiveCompareConstants\";\nimport ThreeDotsLoader from \"./ThreeDotsLoader\";\nimport ConnectedLinesComp from \"./connectedLines\";\nimport { Box } from \"@mui/material\";\nimport {\n  SectionBlock,\n  SectionPopupState,\n  StyleVariant,\n} from \"../CognitiveCompareTypes\";\n\ntype SvgConnectorLine = {\n  id: string;\n  x1: number;\n  x2: number;\n  y1: number;\n  y2: number;\n  style: StyleVariant;\n  sectionIdx: number | string;\n  targetRightIdx?: number;\n  isSubSection?: boolean;\n  isMappingContinuation?: boolean;\n  subSectionKeyPath?: string;\n  hasCognitive?: boolean;\n};\n\ntype SvgConnectorsProps = {\n  svgContainerRef: React.MutableRefObject<SVGSVGElement | null>;\n  svgDimensions: { width: number; height: number };\n  isResizing: boolean;\n  overallConnector: { x1: number; x2: number; y: number } | null;\n  rootDeviationStyle: { badgeBorder: string };\n  lines: Record<string, any>[];\n  isSideBySide: boolean;\n  activeSideBySideSection: number | string | null;\n  isArrowVisible: boolean;\n  maintainRelativeOrder: boolean | undefined;\n  proposedSections: SectionBlock[];\n  existingSections: SectionBlock[];\n  cognitivePopup: SectionPopupState;\n  activeBadgeId: string | null;\n  closeCognitivePopup: () => void;\n  setActiveBadgeId: React.Dispatch<React.SetStateAction<string | null>>;\n  openCognitivePopupFromState: (nextPopup: SectionPopupState) => void;\n  buildSectionPopupState: (\n    anchorEl: HTMLElement | null,\n    baseSec: SectionBlock | null,\n    refSec: SectionBlock | null,\n    sectionIdx: number | string,\n    isOrphan?: boolean,\n    style?: StyleVariant | null,\n    rootNode?: boolean,\n  ) => SectionPopupState;\n  connectedLines: Record<string, any>[];\n  pathRefs: React.MutableRefObject<Record<string, SVGPathElement | null>>;\n  isGuidelineMode ?: boolean;\n};\n\nexport default function SvgConnectors({\n  svgContainerRef,\n  svgDimensions,\n  isResizing,\n  overallConnector,\n  rootDeviationStyle,\n  lines,\n  isSideBySide,\n  activeSideBySideSection,\n  isArrowVisible,\n  maintainRelativeOrder,\n  proposedSections,\n  existingSections,\n  cognitivePopup,\n  activeBadgeId,\n  closeCognitivePopup,\n  setActiveBadgeId,\n  openCognitivePopupFromState,\n  buildSectionPopupState,\n  connectedLines,\n  pathRefs,\n  isGuidelineMode,\n}: SvgConnectorsProps) {\n  const orderedLines = [...lines].sort(\n    (left, right) =>\n      Number(Boolean(right.isMappingContinuation)) -\n      Number(Boolean(left.isMappingContinuation)),\n  );\n\n  return (\n    <svg\n      ref={svgContainerRef}\n      style={{\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: svgDimensions.width || \"100%\",\n        height: svgDimensions.height || \"100%\",\n        pointerEvents: \"none\",\n        zIndex: 10,\n        overflow: \"visible\",\n        opacity: isResizing ? 0 : 1,\n        transition: \"opacity 0.15s ease-in-out\",\n      }}\n    >\n      {overallConnector && (\n        <g>\n          <line\n            x1={overallConnector.x1}\n            y1={overallConnector.y}\n            x2={overallConnector.x2}\n            y2={overallConnector.y}\n            stroke={rootDeviationStyle.badgeBorder}\n            strokeWidth=\"1.5\"\n          />\n        </g>\n      )}\n\n      {orderedLines.map((line) => {\n        const bendX = line.x1 + (line.x2 - line.x1) * 0.5;\n        const midY = (line.y1 + line.y2) / 2;\n        const continuationJunctionX = bendX;\n\n        if (line.style.label === \"Not Defined\" && !line.hasCognitive) {\n          return null;\n        }\n\n        const isActive = line.isSubSection\n          ? isSideBySide &&\n            activeSideBySideSection === line.subSectionKeyPath &&\n            isArrowVisible\n          : isSideBySide &&\n            activeSideBySideSection === line.sectionIdx &&\n            isArrowVisible;\n\n        if (isActive) {\n          return null;\n        }\n\n        if (maintainRelativeOrder) {\n          return null;\n        }\n\n        const pathD = line.isMappingContinuation\n          ? `M ${continuationJunctionX} ${line.y1} L ${continuationJunctionX} ${line.y2} L ${line.x2} ${line.y2}`\n          : !line.isSubSection\n          ? `M ${line.x1} ${line.y1} L ${line.x2} ${line.y2}`\n          : getBentArrowPath(line.x1, line.y1, line.x2, line.y2);\n\n        let baseSec = proposedSections[line.sectionIdx as number] || { title: \"\", content: \"\" };\n        let refSec = existingSections[line.targetRightIdx ?? (line.sectionIdx as number)] || {\n          title: \"\",\n          content: \"\",\n        };\n\n        if (line.isSubSection && line.subSectionKeyPath) {\n          const pathParts = line.subSectionKeyPath.includes(DEVIATION_BADGE_SEPARATOR)\n            ? line.subSectionKeyPath.split(DEVIATION_BADGE_SEPARATOR)\n            : [];\n          const leftPath = pathParts[2] || line.subSectionKeyPath;\n          const rightPath = pathParts[3] || leftPath;\n          const leftPathParts = leftPath.split(\"-\").map(Number);\n          const rightPathParts = rightPath.split(\"-\").map(Number);\n          let leftSection: SectionBlock | null = null;\n          let rightSection: SectionBlock | null = null;\n\n          if (leftPathParts.length > 0) {\n            leftSection = proposedSections[leftPathParts[0]] || null;\n          }\n          if (rightPathParts.length > 0) {\n            rightSection = existingSections[rightPathParts[0]] || null;\n          }\n\n          const rootParentTitle = leftSection?.title || \"\";\n          const rootRefParentTitle = rightSection?.title || \"\";\n\n          for (let i = 1; i < leftPathParts.length; i += 1) {\n            if (leftSection?.subsections) leftSection = leftSection.subsections[leftPathParts[i]] || null;\n          }\n          for (let i = 1; i < rightPathParts.length; i += 1) {\n            if (rightSection?.subsections) rightSection = rightSection.subsections[rightPathParts[i]] || null;\n          }\n\n          if (leftSection) baseSec = { ...leftSection, title: rootParentTitle || leftSection.title };\n          if (rightSection) refSec = { ...rightSection, title: rootRefParentTitle || rightSection.title };\n        }\n\n        const isMappingCD =\n          !baseSec.cognitiveData?.isMissingRationale ||\n          Boolean(baseSec.cognitiveData?.decisioning?.length);\n        const isDeviationCD =\n          baseSec.evaluationResult?.cognitive_decisioning?.decisioning_factors?.length || false;\n        const hasMapping = isMappingCD || isDeviationCD;\n\n        return (\n          <g key={line.id}>\n            <path\n              d={pathD}\n              fill=\"none\"\n              stroke={line.style.badgeBorder || \"#E2E8F0\"}\n              strokeWidth=\"1.5\"\n            />\n            {!line.isMappingContinuation && (\n              <foreignObject\n                x={bendX - 100}\n                y={midY - 14}\n                width=\"200\"\n                height=\"28\"\n                style={{ pointerEvents: \"auto\", overflow: \"visible\" }}\n              >\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                    height: \"100%\",\n                  }}\n                >\n                  <Box\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      if (!hasMapping) return;\n                      if (cognitivePopup.open && activeBadgeId === line.id) {\n                        closeCognitivePopup();\n                        return;\n                      }\n\n                      setActiveBadgeId(line.id);\n                      openCognitivePopupFromState(\n                        buildSectionPopupState(\n                          e.currentTarget as HTMLElement,\n                          baseSec,\n                          refSec,\n                          line.sectionIdx,\n                          false,\n                          line.style,\n                        ),\n                      );\n                    }}\n                    sx={{\n                      display: \"inline-flex\",\n                      alignItems: \"center\",\n                      gap: \"4px\",\n                      fontSize: \"11px\",\n                      bgcolor: line.style.badgeBg,\n                      color: line.style.badgeText,\n                      border: `1px solid ${line.style.badgeBorder}`,\n                      borderRadius: \"12px\",\n                      px: 1.5,\n                      py: 0.5,\n                      fontWeight: 600,\n                      textAlign: \"center\",\n                      whiteSpace: \"nowrap\",\n                      cursor: !hasMapping ? \"default\" : \"pointer\",\n                    }}\n                  >\n                    {line.style.badgeText === DEFAULT_DEVIAION_COLOR && line.style.label == null\n                      ? <ThreeDotsLoader color={line.style.badgeText} />\n                      : line.style.label == null\n                        ? null\n                        : String(line.style.label) === \"0\"\n                          ? \"Same\"\n                          : line.style.label}\n                    <Box\n                      component=\"span\"\n                      sx={{\n                        width: 14,\n                        height: 14,\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        \"& svg\": { width: \"14px\", height: \"14px\" },\n                      }}\n                    >\n                      <ButtonCognitiveIcon />\n                    </Box>\n\n                    {hasMapping && (\n                      <ChevronDown\n                        size={11}\n                        style={{\n                          transform:\n                            cognitivePopup.open && activeBadgeId === line.id\n                              ? \"rotate(180deg)\"\n                              : \"rotate(0deg)\",\n                          transition: \"transform 0.25s ease\",\n                        }}\n                      />\n                    )}\n                  </Box>\n                </Box>\n              </foreignObject>\n            )}\n          </g>\n        );\n      })}\n\n      <ConnectedLinesComp \n        maintainRelativeOrder={maintainRelativeOrder} \n        connectedLines={connectedLines} \n        pathRefs={pathRefs} \n        isGuidelineMode={isGuidelineMode}\n      />\n    </svg>\n  );\n}\n"],"names":["svgContainerRef","svgDimensions","isResizing","overallConnector","rootDeviationStyle","lines","isSideBySide","activeSideBySideSection","isArrowVisible","maintainRelativeOrder","proposedSections","existingSections","cognitivePopup","activeBadgeId","closeCognitivePopup","setActiveBadgeId","openCognitivePopupFromState","buildSectionPopupState","connectedLines","pathRefs","isGuidelineMode","orderedLines","sort","left","right","Number","Boolean","isMappingContinuation","jsxs","ref","style","position","top","width","height","pointerEvents","zIndex","overflow","opacity","transition","children","jsx","x1","y1","y","x2","y2","stroke","badgeBorder","strokeWidth","map","line","bendX","midY","continuationJunctionX","label","hasCognitive","isSubSection","subSectionKeyPath","sectionIdx","pathD","getBentArrowPath","baseSec","title","content","refSec","targetRightIdx","pathParts","includes","DEVIATION_BADGE_SEPARATOR","split","leftPath","rightPath","leftPathParts","rightPathParts","leftSection","rightSection","length","rootParentTitle","rootRefParentTitle","i","subsections","isMappingCD","cognitiveData","isMissingRationale","decisioning","isDeviationCD","evaluationResult","cognitive_decisioning","decisioning_factors","hasMapping","d","fill","x","Box","sx","display","justifyContent","alignItems","onClick","e","stopPropagation","open","id","currentTarget","gap","fontSize","bgcolor","badgeBg","color","badgeText","border","borderRadius","px","py","fontWeight","textAlign","whiteSpace","cursor","DEFAULT_DEVIAION_COLOR","ThreeDotsLoader","String","component","ButtonCognitiveIcon","ChevronDown","size","transform","ConnectedLinesComp"],"mappings":"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"}
+{"version":3,"file":"SvgConnectors.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/CognitiveCompare/components/ThreeDotsLoader.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material");exports.default=({size:r=6,color:a="text.secondary",gap:s=.5})=>e.jsx(t.Box,{sx:{display:"flex",gap:s,alignItems:"center"},children:[0,.16,.32].map((s,i)=>e.jsx(t.Box,{sx:{width:r,height:r,bgcolor:a,borderRadius:"50%",animation:"threeDotsBounce 1.4s infinite ease-in-out both",animationDelay:`${s}s`,"@keyframes threeDotsBounce":{"0%, 80%, 100%":{transform:"scale(0)",opacity:.3},"40%":{transform:"scale(1)",opacity:1}}}},i))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material");exports.default=function(i){var o=i.size,a=void 0===o?6:o,s=i.color,n=void 0===s?"text.secondary":s,c=i.gap,u=void 0===c?.5:c;return t.jsx(r.Box,e.__assign({sx:{display:"flex",gap:u,alignItems:"center"}},{children:[0,.16,.32].map(function(e,i){return t.jsx(r.Box,{sx:{width:a,height:a,bgcolor:n,borderRadius:"50%",animation:"threeDotsBounce 1.4s infinite ease-in-out both",animationDelay:"".concat(e,"s"),"@keyframes threeDotsBounce":{"0%, 80%, 100%":{transform:"scale(0)",opacity:.3},"40%":{transform:"scale(1)",opacity:1}}}},i)})}))};
 //# sourceMappingURL=ThreeDotsLoader.js.map

package/dist/cjs/features/CognitiveCompare/components/ThreeDotsLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeDotsLoader.js","sources":["../../../../../src/features/CognitiveCompare/components/ThreeDotsLoader.tsx"],"sourcesContent":["import { Box } from '@mui/material';\n\ninterface ThreeDotsLoaderProps {\n  size?: number;\n  color?: string;\n  gap?: number;\n}\n\nconst ThreeDotsLoader = ({\n  size = 6,\n  color = 'text.secondary',\n  gap = 0.5,\n}: ThreeDotsLoaderProps) => {\n  return (\n    <Box sx={{ display: 'flex', gap, alignItems: 'center' }}>\n      {[0, 0.16, 0.32].map((delay, index) => (\n        <Box\n          key={index}\n          sx={{\n            width: size,\n            height: size,\n            bgcolor: color,\n            borderRadius: '50%',\n            animation: 'threeDotsBounce 1.4s infinite ease-in-out both',\n            animationDelay: `${delay}s`,\n            '@keyframes threeDotsBounce': {\n              '0%, 80%, 100%': {\n                transform: 'scale(0)',\n                opacity: 0.3,\n              },\n              '40%': {\n                transform: 'scale(1)',\n                opacity: 1,\n              },\n            },\n          }}\n        />\n      ))}\n    </Box>\n  );\n};\n\nexport default ThreeDotsLoader;"],"names":["size","color","gap","Box","sx","display","alignItems","children","map","delay","index","jsx","width","height","bgcolor","borderRadius","animation","animationDelay","transform","opacity"],"mappings":"kJAQwB,EACtBA,OAAO,EACPC,QAAQ,iBACRC,MAAM,YAGHC,EAAIA,IAAA,CAAAC,GAAI,CAAEC,QAAS,OAAQH,MAAKI,WAAY,UAC1CC,SAAA,CAAC,EAAG,IAAM,KAAMC,IAAI,CAACC,EAAOC,IAC3BC,EAAAA,IAACR,EAAAA,IAAA,CAECC,GAAI,CACFQ,MAAOZ,EACPa,OAAQb,EACRc,QAASb,EACTc,aAAc,MACdC,UAAW,iDACXC,eAAgB,GAAGR,KACnB,6BAA8B,CAC5B,gBAAiB,CACfS,UAAW,WACXC,QAAS,IAEX,MAAO,CACLD,UAAW,WACXC,QAAS,MAfVT"}
+{"version":3,"file":"ThreeDotsLoader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/CognitiveCompare/components/connectedLines.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("./ScrollLockToggle.js"),i=require("../CompareContext.js");exports.default=({connectedLines:n,pathRefs:s,maintainRelativeOrder:o})=>{const{scrollSyncLocked:l,toggleScrollSyncLocked:d,isGuidelineMode:a}=i.useCompareContext();return e.jsxs(e.Fragment,{children:[n.map(r=>{const t=r.pathD,i=r.style?.badgeBorder||"#6366F1",n=`conn-marker-${r.id}`,o=`${r.id}-bg`,l=`${r.id}-stroke`,d=`${r.id}-number`;return e.jsxs("g",{children:[e.jsx("defs",{children:e.jsx("clipPath",{id:"connections-clip",children:e.jsx("marker",{id:n,markerWidth:"8",markerHeight:"6",refX:"7",refY:"3",orient:"auto",children:e.jsx("polygon",{points:"0 0, 8 3, 0 6",fill:i})})})}),e.jsx("path",{ref:e=>{s.current[o]=e},d:t,fill:"none",stroke:"#FFFFFF",strokeWidth:"4",strokeOpacity:"0.7"}),e.jsx("path",{ref:e=>{s.current[l]=e},d:t,fill:"none",stroke:i,strokeWidth:"1.75",markerEnd:`url(#${n})`}),a&&r.matchLabel&&e.jsxs("g",{ref:e=>{s.current[d]=e},transform:`translate(${r.x2-42}, ${r.y2})`,style:{pointerEvents:"none",transition:"visibility 0ms"},children:[e.jsx("rect",{x:"-22",y:"-8",width:"44",height:"16",rx:"4",fill:"#FFFFFF"}),e.jsx("rect",{x:"-21",y:"-7",width:"42",height:"14",rx:"3",fill:r.style?.badgeBg||"#FEF08A",stroke:i,strokeWidth:"1"}),e.jsx("text",{x:"0",y:"3.5",fontSize:"9px",fontWeight:"bold",fontFamily:'"Plus Jakarta Sans", sans-serif',fill:r.style?.badgeText||i,textAnchor:"middle",children:r.matchLabel})]})]},r.id)}),e.jsxs("g",{children:[e.jsxs("g",{style:{transition:"visibility 0ms"},children:[e.jsx("path",{ref:e=>s.current["guideline-up-stroke"]=e,fill:"none",strokeWidth:"1.75",visibility:"hidden"}),e.jsxs("g",{ref:e=>s.current["guideline-up-badge"]=e,visibility:"hidden",children:[e.jsx("polygon",{ref:e=>s.current["guideline-up-arrow"]=e,points:"-4,0 0,-6 4,0"}),e.jsx("rect",{ref:e=>s.current["guideline-up-badge-rect"]=e,x:"-12",y:"3",width:"24",height:"15",rx:"4",fill:"#FFFFFF",strokeWidth:"1"}),e.jsx("text",{ref:e=>s.current["guideline-up-text"]=e,x:"0",y:"14",fontSize:"10px",fontWeight:"bold",fontFamily:'"Plus Jakarta Sans", sans-serif',textAnchor:"middle"})]})]}),e.jsxs("g",{style:{transition:"visibility 0ms"},children:[e.jsx("path",{ref:e=>s.current["guideline-down-stroke"]=e,fill:"none",strokeWidth:"1.75",visibility:"hidden"}),e.jsxs("g",{ref:e=>s.current["guideline-down-badge"]=e,visibility:"hidden",children:[e.jsx("polygon",{ref:e=>s.current["guideline-down-arrow"]=e,points:"-4,0 0,6 4,0"}),e.jsx("rect",{ref:e=>s.current["guideline-down-badge-rect"]=e,x:"-12",y:"-18",width:"24",height:"15",rx:"4",fill:"#FFFFFF",strokeWidth:"1"}),e.jsx("text",{ref:e=>s.current["guideline-down-text"]=e,x:"0",y:"-7",fontSize:"10px",fontWeight:"bold",fontFamily:'"Plus Jakarta Sans", sans-serif',textAnchor:"middle"})]})]})]}),o&&!a&&n.map(i=>{if(void 0===i.x1)return null;const n=i.style?.badgeBorder||"#6366F1",o=`${i.id}-btn`,a=i.x1+40,c=void 0!==i.y1?i.y1:0;return e.jsx("foreignObject",{ref:e=>{s.current[o]=e},x:a-12,y:c-12,width:"24",height:"24",style:{pointerEvents:"auto",overflow:"visible"},children:e.jsx(r.Box,{onClick:e=>{e.stopPropagation(),d&&d(e)},sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",bgcolor:"#FFFFFF",borderRadius:"50%",border:`1px solid ${n}`,cursor:"pointer",transition:"transform 0.2s ease","&:hover":{transform:"scale(1.05)",boxShadow:"0px 2px 4px rgba(0,0,0,0.1)"}},children:e.jsx(t.default,{locked:l,onToggle:d,color:i.style?.badgeText||n,borderColor:"transparent",size:12})})},`${i.id}-lock`)})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@mui/material"),n=require("./ScrollLockToggle.js"),r=require("../CompareContext.js");exports.default=function(o){var s=o.connectedLines,l=o.pathRefs,d=o.maintainRelativeOrder,a=r.useCompareContext(),c=a.scrollSyncLocked,u=a.toggleScrollSyncLocked,f=a.isGuidelineMode;return t.jsxs(t.Fragment,{children:[s.map(function(i){var n,r,o,s=i.pathD,d=(null===(n=i.style)||void 0===n?void 0:n.badgeBorder)||"#6366F1",a="conn-marker-".concat(i.id),c="".concat(i.id,"-bg"),u="".concat(i.id,"-stroke"),x="".concat(i.id,"-number");return t.jsxs("g",{children:[t.jsx("defs",{children:t.jsx("clipPath",e.__assign({id:"connections-clip"},{children:t.jsx("marker",e.__assign({id:a,markerWidth:"8",markerHeight:"6",refX:"7",refY:"3",orient:"auto"},{children:t.jsx("polygon",{points:"0 0, 8 3, 0 6",fill:d})}))}))}),t.jsx("path",{ref:function(e){l.current[c]=e},d:s,fill:"none",stroke:"#FFFFFF",strokeWidth:"4",strokeOpacity:"0.7"}),t.jsx("path",{ref:function(e){l.current[u]=e},d:s,fill:"none",stroke:d,strokeWidth:"1.75",markerEnd:"url(#".concat(a,")")}),f&&i.matchLabel&&t.jsxs("g",e.__assign({ref:function(e){l.current[x]=e},transform:"translate(".concat(i.x2-42,", ").concat(i.y2,")"),style:{pointerEvents:"none",transition:"visibility 0ms"}},{children:[t.jsx("rect",{x:"-22",y:"-8",width:"44",height:"16",rx:"4",fill:"#FFFFFF"}),t.jsx("rect",{x:"-21",y:"-7",width:"42",height:"14",rx:"3",fill:(null===(r=i.style)||void 0===r?void 0:r.badgeBg)||"#FEF08A",stroke:d,strokeWidth:"1"}),t.jsx("text",e.__assign({x:"0",y:"3.5",fontSize:"9px",fontWeight:"bold",fontFamily:'"Plus Jakarta Sans", sans-serif',fill:(null===(o=i.style)||void 0===o?void 0:o.badgeText)||d,textAnchor:"middle"},{children:i.matchLabel}))]}))]},i.id)}),t.jsxs("g",{children:[t.jsxs("g",e.__assign({style:{transition:"visibility 0ms"}},{children:[t.jsx("path",{ref:function(e){return l.current["guideline-up-stroke"]=e},fill:"none",strokeWidth:"1.75",visibility:"hidden"}),t.jsxs("g",e.__assign({ref:function(e){return l.current["guideline-up-badge"]=e},visibility:"hidden"},{children:[t.jsx("polygon",{ref:function(e){return l.current["guideline-up-arrow"]=e},points:"-4,0 0,-6 4,0"}),t.jsx("rect",{ref:function(e){return l.current["guideline-up-badge-rect"]=e},x:"-12",y:"3",width:"24",height:"15",rx:"4",fill:"#FFFFFF",strokeWidth:"1"}),t.jsx("text",{ref:function(e){return l.current["guideline-up-text"]=e},x:"0",y:"14",fontSize:"10px",fontWeight:"bold",fontFamily:'"Plus Jakarta Sans", sans-serif',textAnchor:"middle"})]}))]})),t.jsxs("g",e.__assign({style:{transition:"visibility 0ms"}},{children:[t.jsx("path",{ref:function(e){return l.current["guideline-down-stroke"]=e},fill:"none",strokeWidth:"1.75",visibility:"hidden"}),t.jsxs("g",e.__assign({ref:function(e){return l.current["guideline-down-badge"]=e},visibility:"hidden"},{children:[t.jsx("polygon",{ref:function(e){return l.current["guideline-down-arrow"]=e},points:"-4,0 0,6 4,0"}),t.jsx("rect",{ref:function(e){return l.current["guideline-down-badge-rect"]=e},x:"-12",y:"-18",width:"24",height:"15",rx:"4",fill:"#FFFFFF",strokeWidth:"1"}),t.jsx("text",{ref:function(e){return l.current["guideline-down-text"]=e},x:"0",y:"-7",fontSize:"10px",fontWeight:"bold",fontFamily:'"Plus Jakarta Sans", sans-serif',textAnchor:"middle"})]}))]}))]}),d&&!f&&s.map(function(r){var o,s;if(void 0===r.x1)return null;var d=(null===(o=r.style)||void 0===o?void 0:o.badgeBorder)||"#6366F1",a="".concat(r.id,"-btn"),f=r.x1+40,x=void 0!==r.y1?r.y1:0;return t.jsx("foreignObject",e.__assign({ref:function(e){l.current[a]=e},x:f-12,y:x-12,width:"24",height:"24",style:{pointerEvents:"auto",overflow:"visible"}},{children:t.jsx(i.Box,e.__assign({onClick:function(e){e.stopPropagation(),u&&u(e)},sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",bgcolor:"#FFFFFF",borderRadius:"50%",border:"1px solid ".concat(d),cursor:"pointer",transition:"transform 0.2s ease","&:hover":{transform:"scale(1.05)",boxShadow:"0px 2px 4px rgba(0,0,0,0.1)"}}},{children:t.jsx(n.default,{locked:c,onToggle:u,color:(null===(s=r.style)||void 0===s?void 0:s.badgeText)||d,borderColor:"transparent",size:12})}))}),"".concat(r.id,"-lock"))})]})};
 //# sourceMappingURL=connectedLines.js.map

package/dist/cjs/features/CognitiveCompare/components/connectedLines.js.map

@@ -1 +1 @@
-{"version":3,"file":"connectedLines.js","sources":["../../../../../src/features/CognitiveCompare/components/connectedLines.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@mui/material\";\nimport ScrollLockToggle from \"./ScrollLockToggle\";\nimport { useCompareContext } from \"../CompareContext\";\n\nconst ConnectedLinesComp = ({\n  connectedLines,\n  pathRefs,\n  maintainRelativeOrder,\n}: {\n  connectedLines: Record<string, any>[];\n  pathRefs: React.MutableRefObject<Record<string, any>>;\n  maintainRelativeOrder?: boolean;\n  isGuidelineMode ?: boolean;\n}) => {\n  const { scrollSyncLocked, toggleScrollSyncLocked, isGuidelineMode } = useCompareContext();\n\n  return (\n    <>\n      {connectedLines.map((line) => {\n        const pathD = line.pathD;\n        const color = line.style?.badgeBorder || \"#6366F1\";\n        const markerId = `conn-marker-${line.id}`;\n        const bgKey = `${line.id}-bg`;\n        const strokeKey = `${line.id}-stroke`;\n        const numberKey = `${line.id}-number`; \n\n        return (\n          <g key={line.id}>\n            <defs>\n              <clipPath id=\"connections-clip\">\n                <marker\n                  id={markerId}\n                  markerWidth=\"8\"\n                  markerHeight=\"6\"\n                  refX=\"7\"\n                  refY=\"3\"\n                  orient=\"auto\"\n                >\n                  <polygon\n                    points=\"0 0, 8 3, 0 6\"\n                    fill={color}\n                  />\n                </marker>\n              </clipPath>\n            </defs>\n\n            <path\n              ref={(el) => {\n                pathRefs.current[bgKey] = el;\n              }}\n              d={pathD}\n              fill=\"none\"\n              stroke=\"#FFFFFF\"\n              strokeWidth=\"4\"\n              strokeOpacity=\"0.7\"\n            />\n            <path\n              ref={(el) => {\n                pathRefs.current[strokeKey] = el;\n              }}\n              d={pathD}\n              fill=\"none\"\n              stroke={color}\n              strokeWidth=\"1.75\"\n              markerEnd={`url(#${markerId})`} \n            />\n\n            {/* Number Badge for All Modes (Always shows 6.2(a) etc.) */}\n            {isGuidelineMode && line.matchLabel && (\n              <g\n                ref={(el) => {\n                  pathRefs.current[numberKey] = el;\n                }}\n                // ── CHANGED: Pushed from 34 to 42 for breathing space ──\n                transform={`translate(${line.x2 - 42}, ${line.y2})`}\n                style={{ pointerEvents: \"none\", transition: \"visibility 0ms\" }}\n              >\n                <rect \n                  x=\"-22\" \n                  y=\"-8\" \n                  width=\"44\" \n                  height=\"16\" \n                  rx=\"4\" \n                  fill=\"#FFFFFF\" \n                />\n                <rect \n                  x=\"-21\" \n                  y=\"-7\" \n                  width=\"42\" \n                  height=\"14\" \n                  rx=\"3\" \n                  fill={line.style?.badgeBg || \"#FEF08A\"} \n                  stroke={color} \n                  strokeWidth=\"1\" \n                />\n                <text \n                  x=\"0\" \n                  y=\"3.5\" \n                  fontSize=\"9px\" \n                  fontWeight=\"bold\" \n                  fontFamily='\"Plus Jakarta Sans\", sans-serif'\n                  fill={line.style?.badgeText || color} \n                  textAnchor=\"middle\"\n                >\n                  {line.matchLabel}\n                </text>\n              </g>\n            )}\n\n          </g>\n        );\n      })}\n\n      {/* Global Up/Down Offscreen Indicators with Arrow Tips for ALL Modes */}\n      <g>\n        {/* UP INDICATOR */}\n        <g style={{ transition: \"visibility 0ms\" }}>\n          <path\n            ref={(el) => (pathRefs.current[\"guideline-up-stroke\"] = el as SVGPathElement)}\n            fill=\"none\"\n            strokeWidth=\"1.75\"\n            visibility=\"hidden\"\n          />\n          <g\n            ref={(el) => (pathRefs.current[\"guideline-up-badge\"] = el as SVGGElement)}\n            visibility=\"hidden\"\n          >\n            <polygon \n               ref={(el) => (pathRefs.current[\"guideline-up-arrow\"] = el as SVGPolygonElement)} \n              points=\"-4,0 0,-6 4,0\" \n            />\n            <rect\n               ref={(el) => (pathRefs.current[\"guideline-up-badge-rect\"] = el as SVGRectElement)}\n              x=\"-12\"\n              y=\"3\"\n              width=\"24\"\n              height=\"15\"\n              rx=\"4\"\n              fill=\"#FFFFFF\"\n              strokeWidth=\"1\"\n            />\n            <text\n               ref={(el) => (pathRefs.current[\"guideline-up-text\"] = el as SVGTextElement)}\n              x=\"0\"\n              y=\"14\"\n              fontSize=\"10px\"\n              fontWeight=\"bold\"\n              fontFamily='\"Plus Jakarta Sans\", sans-serif'\n              textAnchor=\"middle\"\n            />\n          </g>\n        </g>\n\n        {/* DOWN INDICATOR */}\n        <g style={{ transition: \"visibility 0ms\" }}>\n          <path\n            ref={(el) => (pathRefs.current[\"guideline-down-stroke\"] = el as SVGPathElement)}\n            fill=\"none\"\n            strokeWidth=\"1.75\"\n            visibility=\"hidden\"\n          />\n          <g\n            ref={(el) => (pathRefs.current[\"guideline-down-badge\"] = el as SVGGElement)}\n            visibility=\"hidden\"\n          >\n            <polygon \n               ref={(el) => (pathRefs.current[\"guideline-down-arrow\"] = el as SVGPolygonElement)} \n              points=\"-4,0 0,6 4,0\" \n            />\n            <rect\n               ref={(el) => (pathRefs.current[\"guideline-down-badge-rect\"] = el as SVGRectElement)}\n              x=\"-12\"\n              y=\"-18\"\n              width=\"24\"\n              height=\"15\"\n              rx=\"4\"\n              fill=\"#FFFFFF\"\n              strokeWidth=\"1\"\n            />\n            <text\n               ref={(el) => (pathRefs.current[\"guideline-down-text\"] = el as SVGTextElement)}\n              x=\"0\"\n              y=\"-7\"\n              fontSize=\"10px\"\n              fontWeight=\"bold\"\n              fontFamily='\"Plus Jakarta Sans\", sans-serif'\n              textAnchor=\"middle\"\n            />\n          </g>\n        </g>\n      </g>\n\n      {maintainRelativeOrder && !isGuidelineMode && connectedLines.map((line) => {\n        if (line.x1 === undefined) return null;\n\n        const color = line.style?.badgeBorder || \"#6366F1\";\n        const btnKey = `${line.id}-btn`;\n        const lockX = line.x1 + 40;\n        const lockY = line.y1 !== undefined ? line.y1 : 0;\n\n        return (\n          <foreignObject\n            key={`${line.id}-lock`}\n            ref={(el) => {\n              pathRefs.current[btnKey] = el;\n            }}\n            x={lockX - 12}\n            y={lockY - 12}\n            width=\"24\"\n            height=\"24\"\n            style={{ pointerEvents: \"auto\", overflow: \"visible\" }}\n          >\n            <Box\n              onClick={(e) => {\n                e.stopPropagation();\n                if (toggleScrollSyncLocked) toggleScrollSyncLocked(e);\n              }}\n              sx={{\n                display: \"flex\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n                width: \"100%\",\n                height: \"100%\",\n                bgcolor: \"#FFFFFF\",\n                borderRadius: \"50%\",\n                border: `1px solid ${color}`,\n                cursor: \"pointer\",\n                transition: \"transform 0.2s ease\",\n                \"&:hover\": {\n                  transform: \"scale(1.05)\",\n                  boxShadow: \"0px 2px 4px rgba(0,0,0,0.1)\",\n                },\n              }}\n            >\n              <ScrollLockToggle\n                locked={scrollSyncLocked}\n                onToggle={toggleScrollSyncLocked}\n                color={line.style?.badgeText || color}\n                borderColor=\"transparent\"\n                size={12}\n              />\n            </Box>\n          </foreignObject>\n        );\n      })}\n    </>\n  );\n};\n\nexport default ConnectedLinesComp;\n"],"names":["connectedLines","pathRefs","maintainRelativeOrder","scrollSyncLocked","toggleScrollSyncLocked","isGuidelineMode","useCompareContext","jsxs","Fragment","children","map","line","pathD","color","style","badgeBorder","markerId","id","bgKey","strokeKey","numberKey","jsx","markerWidth","markerHeight","refX","refY","orient","points","fill","ref","el","current","d","stroke","strokeWidth","strokeOpacity","markerEnd","matchLabel","transform","x2","y2","pointerEvents","transition","x","y","width","height","rx","badgeBg","fontSize","fontWeight","fontFamily","badgeText","textAnchor","visibility","x1","btnKey","lockX","lockY","y1","overflow","Box","onClick","e","stopPropagation","sx","display","justifyContent","alignItems","bgcolor","borderRadius","border","cursor","boxShadow","ScrollLockToggle","locked","onToggle","borderColor","size"],"mappings":"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"}
+{"version":3,"file":"connectedLines.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/CognitiveCompare/hooks/memoizedMarkdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),n=require("../CognitiveCompareConstants.js"),i=require("lucide-react"),o=require("react-markdown"),l=require("../CognitiveComparehelpers.js"),a=require("../utils/normalizeInlineMarkdown.js"),s=require("rehype-raw"),d=require("remark-gfm"),c=require("../utils/normalizeRedlineMarkdown.js"),h=require("../utils/normalizeCompactedGfmTables.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=p(r),u=p(o),m=p(s);const x=e=>"function"==typeof e?e:e?.default||e,f=[x(p(d).default)],b=[x(m.default)],y=g.default.memo(({content:o,overlayContent:s,fallbackContent:d,sxStyles:p,deviationBadges:m=[],highlights:x=[],maintainRelativeOrder:y=!0,highlightBg:v,suppressHighlightBg:B=!1,collisionKey:E})=>{const j=r.useRef(null),k=!!s,w=r.useMemo(()=>m.reduce((e,t)=>({...e,[t.id]:t}),{}),[m]),S=r.useRef({badgeMap:w,highlightBg:v,hideHighlightBg:k,suppressHighlightBg:B});S.current={badgeMap:w,highlightBg:v,hideHighlightBg:k,suppressHighlightBg:B};const C=(e,t)=>g.default.Children.map(e,e=>{if(!g.default.isValidElement(e))return e;const r=e.props?.children?C(e.props.children,t):e.props.children,n=g.default.cloneElement(e,{...e.props,children:r});return t(n)}),F=r.useMemo(()=>({mark:({children:t,...r})=>{const{badgeMap:n,highlightBg:i,hideHighlightBg:o,suppressHighlightBg:l}=S.current,a=r["data-badge-id"],s=a?n[a]:null,d=r["data-highlight-color"]??s?.style?.highlightBg??s?.style?.badgeBg??i,c="true"===r["data-is-suggested-deviation-fix"]||l;return e.jsx("span",{style:{...c?{}:{backgroundColor:d},borderRadius:"2px",display:"inline",boxDecorationBreak:"clone",WebkitBoxDecorationBreak:"clone",backgroundClip:"padding-box",padding:"0 1px",...o?{color:"transparent"}:{}},children:t})},br:()=>e.jsx("br",{}),span:({children:r,...o})=>{const{badgeMap:l}=S.current,a=o["data-badge-id"];if(!a)return e.jsx("span",{...o,children:r});const s=l[a];if(!s)return e.jsx("span",{...o,children:r});const d="number"==typeof s.stackIndex?s.stackIndex:0,c=`translateY(calc(-20% + ${12*d}px + var(--badge-nudge, 0px)))`;return e.jsxs(t.Box,{component:"span",sx:{position:"static",display:"inline"},children:[e.jsxs(t.Box,{ref:s.badgeRef,className:"deviation-badge","data-side":s.side||"right",sx:{fontStyle:"normal",position:"absolute",zIndex:30+d,display:"inline-flex",alignItems:"stretch",fontSize:"10px",bgcolor:s.style?.badgeBg||"#EEF2FF",color:s.style?.badgeText||n.DEFAULT_DEVIAION_COLOR,border:`1px solid ${s.style?.badgeBorder||"#C7D2FE"}`,borderRadius:"12px",fontWeight:600,whiteSpace:"nowrap",boxShadow:"0 1px 3px rgba(0,0,0,0.07)",overflow:"hidden",transition:"none",..."left"===s.side?{right:"-16px",transform:`${c} translateX(calc(100% + 8px))`}:{left:"-16px",transform:`${c} translateX(calc(-100% - 8px))`},...s.isConnected&&s.style&&{outline:`2px solid ${s.style.badgeBorder}`,outlineOffset:"1px"}},children:[e.jsxs(t.Box,{onClick:e=>{e.stopPropagation(),s.onSummaryClick&&s.onSummaryClick(e)},sx:{display:"flex",alignItems:"center",px:1,py:.3,cursor:"pointer","&:hover":{bgcolor:"rgba(0,0,0,0.04)"}},children:[e.jsx(t.Box,{component:"span",sx:{fontSize:"10px",fontWeight:700},children:s.label}),("left"===s.side||s.isOrphan)&&e.jsx(t.Box,{component:"span",sx:{fontSize:"10px",pl:.5,ml:.5,borderLeft:`1px solid ${s.style?.badgeBorder||"#C7D2FE"}`},children:null!=s.score&&"N/A"!==s.score&&"NA"!==s.score&&0!==s.score?`${s.score}`:"N/A"===s.score||"NA"===s.score?"N/A":"Same"})]}),("left"===s.side||s.isOrphan)&&e.jsx(t.Box,{onClick:e=>{e.stopPropagation(),s.onClick&&s.onClick(e)},sx:{display:"flex",alignItems:"center",px:.5,borderLeft:`1px solid ${s.style?.badgeBorder||"#C7D2FE"}`,cursor:"pointer","&:hover":{bgcolor:"rgba(0,0,0,0.06)"}},children:e.jsx(i.EllipsisVertical,{size:12,color:s.style?.badgeText||"#3730A3"})})]}),r]})},table:({children:r})=>e.jsx(t.Box,{sx:{display:"block",width:"100%",maxWidth:"100%",minWidth:0,boxSizing:"border-box",contain:"inline-size",overflowX:"auto",overflowY:"hidden",overscrollBehaviorX:"contain",WebkitOverflowScrolling:"touch",my:1},children:e.jsx(t.Box,{component:"table",sx:{width:"600px",minWidth:"600px",tableLayout:"fixed",borderCollapse:"collapse",fontSize:"inherit"},children:r})}),thead:({children:r})=>e.jsx(t.Box,{component:"thead",children:r}),tbody:({children:r})=>e.jsx(t.Box,{component:"tbody",children:r}),tr:({children:r})=>e.jsx(t.Box,{component:"tr",sx:{borderBottom:"1px solid #E5E7EB"},children:r}),th:({children:r})=>e.jsx(t.Box,{component:"th",sx:{border:"1px solid #E5E7EB",padding:"8px",textAlign:"left",verticalAlign:"top",fontWeight:600,backgroundColor:"#F9FAFB",whiteSpace:"normal",wordBreak:"break-word",overflowWrap:"anywhere"},children:r}),td:({children:r})=>e.jsx(t.Box,{component:"td",sx:{border:"1px solid #E5E7EB",padding:"8px",verticalAlign:"top",whiteSpace:"normal",wordBreak:"break-word",overflowWrap:"anywhere"},children:r}),code:({children:t})=>e.jsx("span",{style:{fontFamily:"inherit",fontSize:"inherit"},children:t}),pre:({children:t})=>e.jsx("span",{style:{fontFamily:"inherit",fontSize:"inherit",display:"block",whiteSpace:"pre-wrap"},children:t}),updated:({children:t})=>e.jsx(e.Fragment,{children:t}),deleted:({children:t})=>{const r=C(t,e=>g.default.cloneElement(e,{"data-is-suggested-deviation-fix":"true"}));return e.jsx("span",{style:{boxShadow:"inset 0 1px 0 #EF4444, inset 0 -1px 0 #EF4444",backgroundColor:"#FCCCCC",textDecoration:"line-through"},children:r})},changed:({children:t})=>{const r=C(t,e=>g.default.cloneElement(e,{"data-is-suggested-deviation-fix":"true"}));return e.jsx("span",{style:{boxShadow:"inset 0 1px 0 #2F59FF, inset 0 -1px 0 #2F59FF",backgroundColor:"#D5E8FF"},children:r})},ul:({children:r,...n})=>e.jsx(t.Box,{component:"ul",sx:{mt:1,mb:1,pl:3,listStyleType:"disc"},...n,children:r}),ol:({children:r,...n})=>e.jsx(t.Box,{component:"ol",sx:{mt:1,mb:1,pl:3,listStyleType:"decimal"},...n,children:r}),li:({children:r,...n})=>e.jsx(t.Box,{component:"li",sx:{mb:.5,display:"list-item"},...n,children:r})}),[]),M=e=>{if(!e||"string"!=typeof e)return"";let t=h.normalizeCompactedGfmTables(e);t=t.replace(/((?:<\/?(?:updated|changed|deleted|manual)\b[^>]*>\s*)+)([*+\-] |\d+\. )/gi,"$2$1"),t=t.replace(/\\(['"])/g,"$1").replace(/\\n/g,"\n").replace(/\\\./g,".").replace(/\r\n/g,"\n"),t=t.replace(/^([ \t]*)(\d+\.)(\s{2,})/gm,(e,t,r,n)=>`${t}${r.slice(0,-1)}\\.${n}`),t=t.replace(/^(\d+\.)\s*\n+(\s+)(\S)/gm,(e,t,r,n)=>`${t} ${n}`),t=t.replace(/([^\n])\n(#{1,6} )/g,"$1\n\n$2"),t=t.replace(/([^\n])\n([ \t]*(?:[#*+\-] |\d+\. ))/g,"$1\n\n$2"),t=t.replace(/\n{3,}/g,"\n\n"),t=t.replace(/^[ \t]+(?![ \t]*([\*\-\+] |\d+\. ))/gm,e=>e.replace(/ /g," ").replace(/\t/g,"    "));const r=t.split(/(\n{2,})/);return t=r.map(e=>/^\n+$/.test(e)||/\|.*\|/.test(e)&&/\|[\s:|-]+\|/.test(e)||/^#{1,6} /.test(e.trimStart())?e:e.replace(/\n(?=[^\n])/g,(t,r)=>{const n=e.slice(r+1);return/^[ \t]*([#>|\-*+]|\d+\.)/.test(n)?"\n":" "})).join(""),t.trim()},T=r.useMemo(()=>m.map(e=>({id:e.id,connected:e.isConnected,stackIndex:e.stackIndex,size:e.size})),[m]),$=e=>M(c.normalizeRedlineMarkdown(e||"")),z=r.useMemo(()=>{let e=M(c.normalizeRedlineMarkdown(o||""));const t=d?M(c.normalizeRedlineMarkdown(d)):"",r=(m||[]).map(e=>({id:e?.id,highlight:$(e?.highlight||""),highlightColor:e?.style?.highlightBg||e?.style?.badgeBg||v})).filter(e=>e.id&&e.highlight);if(t&&r.length>0){const n=(e,t)=>B?l.findRedlineTextAnchorRange(e,t):l.findTextMatchRange(e,t,!1),i=r.some(({highlight:t})=>!n(e,t)),o=r.every(({highlight:e})=>!!n(t,e));i&&o&&(e=t)}const n={};r.forEach(e=>{n[e.highlight]||(n[e.highlight]=[]),n[e.highlight].push(e)});const i=(e,t="",r,n=[])=>{let i=!1;const o=e=>{const o=((e,t="",r)=>{const n=e.match(/^(\s*)([\s\S]*?)(\s*)$/);if(!n)return e;const i=n[1]??"",o=n[2]??"",l=n[3]??"";return o?i+((e="",t)=>`<mark${e?` data-badge-id="${e}"`:""}${t?` data-highlight-color="${t}"`:""}>`)(t,r)+o+"</mark>"+l:e})(e,t,r);let l=o;if(!i&&n.length>0){i=!0;let e="",t="";n.forEach(r=>{e+=(e=>`<span data-badge-id="${e}">`)(r.id),t="</span>"+t}),l=e+o+t}return"​"+l};return e.split(/(\n+)/).map(e=>{if(/^\n+$/.test(e))return e;if(!e.trim())return e;return""===e.replace(/[|:\-\s]/g,"")&&e.includes("-")?e:e.includes("|")?e.split(/(\|)/).map(e=>"|"!==e&&e.trim()?o(e):e).join(""):o(e)}).join("")},s=[];Object.entries(n).forEach(([t,r])=>{let n=B?l.findRedlineTextAnchorRange(e,t):l.findTextMatchRange(e,t,!1);if(n||B||(n=a.findTextRangeWithFormatting(e,t)),!n)return;const i=e.slice(n.start,n.end)!==t;let o=r[0].highlightColor;for(let e=1;e<r.length;e++)o=l.mixHexColors(o,r[e].highlightColor||"");s.push({highlight:t,start:n.start,end:n.end,badges:r,color:o,usedLooseMatch:i})});const h=new Set(Object.keys(n));(x||[]).forEach(t=>{if(!t)return;const r=$(t);if(!r||h.has(r))return;const n=B?l.findRedlineTextAnchorRange(e,r):l.findTextMatchRange(e,r,!1);if(!n)return;const i=e.slice(n.start,n.end)!==r,o=e.slice(0,n.start);(o.match(/</g)||[]).length===(o.match(/>/g)||[]).length&&s.push({highlight:r,start:n.start,end:n.end,badges:[],color:v||"",usedLooseMatch:i})}),s.sort((e,t)=>e.start-t.start||t.end-e.end);const p=[],g={};s.forEach((e,t)=>{let r=e.start,n=e.end;for(const i of p){const o=i.start,l=i.end,a=r<l&&n>l&&r>=o,s=r<o&&n>o&&n<=l;if(r>=o&&n<=l){e.orphaned=!0,g[t]=i.matchIdx;break}a&&(r=l),s&&(n=o)}e.trimmedStart=r,e.trimmedEnd=n,!e.orphaned&&r<n&&p.push({start:r,end:n,matchIdx:t})});const u={};Object.entries(g).forEach(([e,t])=>{const r=Number(e);u[t]||(u[t]=[]),u[t].push(r)});return s.map((e,t)=>({...e,idx:t})).filter(e=>!e.orphaned).sort((e,t)=>(t.trimmedStart??t.start)-(e.trimmedStart??e.start)).forEach(t=>{const r=t.trimmedStart??t.start,n=t.trimmedEnd??t.end;if(r>=n)return;const o=e.slice(r,n),a=((e,t,r,n)=>{if(!r.length)return e;const o=r.map(e=>s[e]).sort((e,t)=>e.start-t.start);let a="",d=0;return o.forEach(r=>{const o=Math.max(d,r.start-t),s=Math.max(o,r.end-t);if(o>=s)return;const c=l.mixHexColors(n,r.color||"");a+=e.slice(d,o),a+=i(e.slice(o,s),r.badges?.[0]?.id||"",c,r.badges||[]),d=s}),a+=e.slice(d),a})(t.usedLooseMatch||r!==t.start||n!==t.end?o:t.highlight,t.start,u[t.idx]||[],t.color),d=i(a,t.badges?.[0]?.id||"",t.color,t.badges||[]);e=e.slice(0,r)+d+e.slice(n)}),e},[o,d,m,x,v,B]),A=r.useMemo(()=>s?M(c.normalizeRedlineMarkdown(s||"")):"",[s]),R=!!s,q={...p,"& *":{fontFamily:"inherit"},"& code, & pre, & kbd, & samp":{fontFamily:"inherit !important",fontSize:"inherit",background:"none",padding:0,border:"none",whiteSpace:"pre-wrap"},"& p, & li, & ul, & ol":{position:"static",overflow:"visible",whiteSpace:"pre-wrap",lineHeight:"1.5"},position:"relative",fontFamily:"system-ui, -apple-system, sans-serif",fontSize:"inherit",fontWeight:"400",lineHeight:"1.5",width:"100%",maxWidth:"100%",minWidth:0,boxSizing:"border-box",overflow:"visible",whiteSpace:"normal",gridArea:"1 / 1",padding:"3px"},W={...q,zIndex:2,...R?{color:"transparent",userSelect:"none",pointerEvents:"none","& .deviation-badge":{pointerEvents:"auto",visibility:"visible"},"& table":{visibility:"hidden"}}:{}},I={...q,zIndex:1,pointerEvents:"auto"};return r.useLayoutEffect(()=>{if(!j.current)return;const e=()=>{const e=Array.from(j.current.querySelectorAll(".deviation-badge"));if(0===e.length)return;e.forEach(e=>{e.style.setProperty("--badge-nudge","0px")});const t=j.current.getBoundingClientRect(),r=t.bottom-4,n=t.top+4,i=j.current.querySelector('div[data-layer="base"]')||j.current.querySelector("div")?.firstElementChild,o=R?j.current.querySelector('div[data-layer="overlay"]')||j.current.querySelector("div")?.lastElementChild:null,l=i?Array.from(i.querySelectorAll(".deviation-badge")):[],a=o?Array.from(o.querySelectorAll(".deviation-badge")):[],s=e.length>0?e.filter(e=>"left"===e.dataset.side):l.filter(e=>"left"===e.dataset.side),d=e.length>0?e.filter(e=>"left"!==e.dataset.side):l.filter(e=>"left"!==e.dataset.side),c=e=>{if(0===e.length)return;const t=e.map(e=>{const t=e.getBoundingClientRect();return{el:e,naturalTop:t.top,height:t.height,currentTop:t.top}});t.sort((e,t)=>e.naturalTop-t.naturalTop);const i=[];let o=[];t.forEach(e=>{if(0===o.length)o.push(e);else{const t=o[o.length-1],r=t.currentTop+t.height;e.naturalTop<r+8?(e.currentTop=r+8,o.push(e)):(i.push(o),o=[e])}}),o.length>0&&i.push(o),i.forEach(e=>{const t=e[e.length-1],i=t.currentTop+t.height;if(i>r){const t=i-r,o=e[0].currentTop-n,l=Math.max(0,Math.min(t,o));e.forEach(e=>{e.currentTop-=l})}}),i.flat().forEach(e=>{const t=e.currentTop-e.naturalTop;e.el.style.setProperty("--badge-nudge",`${t}px`)})};if(R&&(l.length>0||a.length>0)){const e=l.filter(e=>"left"===e.dataset.side),t=l.filter(e=>"left"!==e.dataset.side),r=a.filter(e=>"left"===e.dataset.side),n=a.filter(e=>"left"!==e.dataset.side);c(e),c(t),c(r),c(n)}else c(s),c(d)},t=requestAnimationFrame(()=>{requestAnimationFrame(()=>{e()})}),r=new ResizeObserver(()=>{requestAnimationFrame(e)});return r.observe(j.current),()=>{r.disconnect(),cancelAnimationFrame(t)}},[z,E,T]),e.jsxs(t.Box,{ref:j,sx:{position:"relative",display:"grid",gridTemplateColumns:"minmax(0, 1fr)",width:"100%",maxWidth:"100%",minWidth:0},children:[e.jsx(t.Typography,{component:"div",sx:W,children:e.jsx(u.default,{components:F,remarkPlugins:f,rehypePlugins:b,children:z.replace(/#{3}/g,"")})}),R&&e.jsx(t.Typography,{component:"div",sx:I,children:e.jsx(u.default,{components:F,remarkPlugins:f,rehypePlugins:b,children:A})})]})},l.areMarkdownPropsEqual);exports.MemoizedMarkdown=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),i=require("../CognitiveCompareConstants.js"),o=require("lucide-react"),a=require("react-markdown"),l=require("../CognitiveComparehelpers.js"),s=require("../utils/normalizeInlineMarkdown.js"),d=require("rehype-raw"),c=require("remark-gfm"),u=require("../utils/normalizeRedlineMarkdown.js"),h=require("../utils/normalizeCompactedGfmTables.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(r),f=g(a),v=g(d),m=function(e){return"function"==typeof e?e:(null==e?void 0:e.default)||e},x=[m(g(c).default)],_=[m(v.default)],b=p.default.memo(function(a){var d=a.content,c=a.overlayContent,g=a.fallbackContent,v=a.sxStyles,m=a.deviationBadges,b=void 0===m?[]:m,y=a.highlights,B=void 0===y?[]:y;a.maintainRelativeOrder;var E=a.highlightBg,j=a.suppressHighlightBg,k=void 0!==j&&j,w=a.collisionKey,S=r.useRef(null),C=!!c,F=r.useMemo(function(){return b.reduce(function(n,t){var r;return e.__assign(e.__assign({},n),((r={})[t.id]=t,r))},{})},[b]),M=r.useRef({badgeMap:F,highlightBg:E,hideHighlightBg:C,suppressHighlightBg:k});M.current={badgeMap:F,highlightBg:E,hideHighlightBg:C,suppressHighlightBg:k};var T=function(n,t){return p.default.Children.map(n,function(n){var r;if(!p.default.isValidElement(n))return n;var i=(null===(r=n.props)||void 0===r?void 0:r.children)?T(n.props.children,t):n.props.children,o=p.default.cloneElement(n,e.__assign(e.__assign({},n.props),{children:i}));return t(o)})},z=r.useMemo(function(){return{mark:function(t){var r,i,o,a,l=t.children,s=e.__rest(t,["children"]),d=M.current,c=d.badgeMap,u=d.highlightBg,h=d.hideHighlightBg,g=d.suppressHighlightBg,p=s["data-badge-id"],f=p?c[p]:null,v=s["data-highlight-color"],m=null!==(a=null!==(i=null!=v?v:null===(r=null==f?void 0:f.style)||void 0===r?void 0:r.highlightBg)&&void 0!==i?i:null===(o=null==f?void 0:f.style)||void 0===o?void 0:o.badgeBg)&&void 0!==a?a:u,x="true"===s["data-is-suggested-deviation-fix"]||g;return n.jsx("span",e.__assign({style:e.__assign(e.__assign(e.__assign({},x?{}:{backgroundColor:m}),{borderRadius:"2px",display:"inline",boxDecorationBreak:"clone",WebkitBoxDecorationBreak:"clone",backgroundClip:"padding-box",padding:"0 1px"}),h?{color:"transparent"}:{})},{children:l}))},br:function(){return n.jsx("br",{})},span:function(r){var a,l,s,d,c,u,h=r.children,g=e.__rest(r,["children"]),p=M.current.badgeMap,f=g["data-badge-id"];if(!f)return n.jsx("span",e.__assign({},g,{children:h}));var v=p[f];if(!v)return n.jsx("span",e.__assign({},g,{children:h}));var m="number"==typeof v.stackIndex?v.stackIndex:0,x="translateY(calc(-20% + ".concat(12*m,"px + var(--badge-nudge, 0px)))");return n.jsxs(t.Box,e.__assign({component:"span",sx:{position:"static",display:"inline"}},{children:[n.jsxs(t.Box,e.__assign({ref:v.badgeRef,className:"deviation-badge","data-side":v.side||"right",sx:e.__assign(e.__assign({fontStyle:"normal",position:"absolute",zIndex:30+m,display:"inline-flex",alignItems:"stretch",fontSize:"10px",bgcolor:(null===(a=v.style)||void 0===a?void 0:a.badgeBg)||"#EEF2FF",color:(null===(l=v.style)||void 0===l?void 0:l.badgeText)||i.DEFAULT_DEVIAION_COLOR,border:"1px solid ".concat((null===(s=v.style)||void 0===s?void 0:s.badgeBorder)||"#C7D2FE"),borderRadius:"12px",fontWeight:600,whiteSpace:"nowrap",boxShadow:"0 1px 3px rgba(0,0,0,0.07)",overflow:"hidden",transition:"none"},"left"===v.side?{right:"-16px",transform:"".concat(x," translateX(calc(100% + 8px))")}:{left:"-16px",transform:"".concat(x," translateX(calc(-100% - 8px))")}),v.isConnected&&v.style&&{outline:"2px solid ".concat(v.style.badgeBorder),outlineOffset:"1px"})},{children:[n.jsxs(t.Box,e.__assign({onClick:function(e){e.stopPropagation(),v.onSummaryClick&&v.onSummaryClick(e)},sx:{display:"flex",alignItems:"center",px:1,py:.3,cursor:"pointer","&:hover":{bgcolor:"rgba(0,0,0,0.04)"}}},{children:[n.jsx(t.Box,e.__assign({component:"span",sx:{fontSize:"10px",fontWeight:700}},{children:v.label})),("left"===v.side||v.isOrphan)&&n.jsx(t.Box,e.__assign({component:"span",sx:{fontSize:"10px",pl:.5,ml:.5,borderLeft:"1px solid ".concat((null===(d=v.style)||void 0===d?void 0:d.badgeBorder)||"#C7D2FE")}},{children:null!=v.score&&"N/A"!==v.score&&"NA"!==v.score&&0!==v.score?"".concat(v.score):"N/A"===v.score||"NA"===v.score?"N/A":"Same"}))]})),("left"===v.side||v.isOrphan)&&n.jsx(t.Box,e.__assign({onClick:function(e){e.stopPropagation(),v.onClick&&v.onClick(e)},sx:{display:"flex",alignItems:"center",px:.5,borderLeft:"1px solid ".concat((null===(c=v.style)||void 0===c?void 0:c.badgeBorder)||"#C7D2FE"),cursor:"pointer","&:hover":{bgcolor:"rgba(0,0,0,0.06)"}}},{children:n.jsx(o.EllipsisVertical,{size:12,color:(null===(u=v.style)||void 0===u?void 0:u.badgeText)||"#3730A3"})}))]})),h]}))},table:function(r){var i=r.children;return n.jsx(t.Box,e.__assign({sx:{display:"block",width:"100%",maxWidth:"100%",minWidth:0,boxSizing:"border-box",contain:"inline-size",overflowX:"auto",overflowY:"hidden",overscrollBehaviorX:"contain",WebkitOverflowScrolling:"touch",my:1}},{children:n.jsx(t.Box,e.__assign({component:"table",sx:{width:"600px",minWidth:"600px",tableLayout:"fixed",borderCollapse:"collapse",fontSize:"inherit"}},{children:i}))}))},thead:function(r){var i=r.children;return n.jsx(t.Box,e.__assign({component:"thead"},{children:i}))},tbody:function(r){var i=r.children;return n.jsx(t.Box,e.__assign({component:"tbody"},{children:i}))},tr:function(r){var i=r.children;return n.jsx(t.Box,e.__assign({component:"tr",sx:{borderBottom:"1px solid #E5E7EB"}},{children:i}))},th:function(r){var i=r.children;return n.jsx(t.Box,e.__assign({component:"th",sx:{border:"1px solid #E5E7EB",padding:"8px",textAlign:"left",verticalAlign:"top",fontWeight:600,backgroundColor:"#F9FAFB",whiteSpace:"normal",wordBreak:"break-word",overflowWrap:"anywhere"}},{children:i}))},td:function(r){var i=r.children;return n.jsx(t.Box,e.__assign({component:"td",sx:{border:"1px solid #E5E7EB",padding:"8px",verticalAlign:"top",whiteSpace:"normal",wordBreak:"break-word",overflowWrap:"anywhere"}},{children:i}))},code:function(t){var r=t.children;return n.jsx("span",e.__assign({style:{fontFamily:"inherit",fontSize:"inherit"}},{children:r}))},pre:function(t){var r=t.children;return n.jsx("span",e.__assign({style:{fontFamily:"inherit",fontSize:"inherit",display:"block",whiteSpace:"pre-wrap"}},{children:r}))},updated:function(e){var t=e.children;return n.jsx(n.Fragment,{children:t})},deleted:function(t){var r=t.children,i=T(r,function(e){return p.default.cloneElement(e,{"data-is-suggested-deviation-fix":"true"})});return n.jsx("span",e.__assign({style:{boxShadow:"inset 0 1px 0 #EF4444, inset 0 -1px 0 #EF4444",backgroundColor:"#FCCCCC",textDecoration:"line-through"}},{children:i}))},changed:function(t){var r=t.children,i=T(r,function(e){return p.default.cloneElement(e,{"data-is-suggested-deviation-fix":"true"})});return n.jsx("span",e.__assign({style:{boxShadow:"inset 0 1px 0 #2F59FF, inset 0 -1px 0 #2F59FF",backgroundColor:"#D5E8FF"}},{children:i}))},ul:function(r){var i=r.children,o=e.__rest(r,["children"]);return n.jsx(t.Box,e.__assign({component:"ul",sx:{mt:1,mb:1,pl:3,listStyleType:"disc"}},o,{children:i}))},ol:function(r){var i=r.children,o=e.__rest(r,["children"]);return n.jsx(t.Box,e.__assign({component:"ol",sx:{mt:1,mb:1,pl:3,listStyleType:"decimal"}},o,{children:i}))},li:function(r){var i=r.children,o=e.__rest(r,["children"]);return n.jsx(t.Box,e.__assign({component:"li",sx:{mb:.5,display:"list-item"}},o,{children:i}))}}},[]),A=function(e){if(!e||"string"!=typeof e)return"";var n=h.normalizeCompactedGfmTables(e),t=(n=(n=(n=(n=(n=(n=(n=(n=n.replace(/((?:<\/?(?:updated|changed|deleted|manual)\b[^>]*>\s*)+)([*+\-] |\d+\. )/gi,"$2$1")).replace(/\\(['"])/g,"$1").replace(/\\n/g,"\n").replace(/\\\./g,".").replace(/\r\n/g,"\n")).replace(/^([ \t]*)(\d+\.)(\s{2,})/gm,function(e,n,t,r){return"".concat(n).concat(t.slice(0,-1),"\\.").concat(r)})).replace(/^(\d+\.)\s*\n+(\s+)(\S)/gm,function(e,n,t,r){return"".concat(n," ").concat(r)})).replace(/([^\n])\n(#{1,6} )/g,"$1\n\n$2")).replace(/([^\n])\n([ \t]*(?:[#*+\-] |\d+\. ))/g,"$1\n\n$2")).replace(/\n{3,}/g,"\n\n")).replace(/^[ \t]+(?![ \t]*([\*\-\+] |\d+\. ))/gm,function(e){return e.replace(/ /g," ").replace(/\t/g,"    ")})).split(/(\n{2,})/);return(n=t.map(function(e){return/^\n+$/.test(e)||/\|.*\|/.test(e)&&/\|[\s:|-]+\|/.test(e)||/^#{1,6} /.test(e.trimStart())?e:e.replace(/\n(?=[^\n])/g,function(n,t){var r=e.slice(t+1);return/^[ \t]*([#>|\-*+]|\d+\.)/.test(r)?"\n":" "})}).join("")).trim()},R=r.useMemo(function(){return b.map(function(e){return{id:e.id,connected:e.isConnected,stackIndex:e.stackIndex,size:e.size}})},[b]),q=function(e){return A(u.normalizeRedlineMarkdown(e||""))},W=r.useMemo(function(){var n=A(u.normalizeRedlineMarkdown(d||"")),t=g?A(u.normalizeRedlineMarkdown(g)):"",r=(b||[]).map(function(e){var n,t;return{id:null==e?void 0:e.id,highlight:q((null==e?void 0:e.highlight)||""),highlightColor:(null===(n=null==e?void 0:e.style)||void 0===n?void 0:n.highlightBg)||(null===(t=null==e?void 0:e.style)||void 0===t?void 0:t.badgeBg)||E}}).filter(function(e){return e.id&&e.highlight});if(t&&r.length>0){var i=function(e,n){return k?l.findRedlineTextAnchorRange(e,n):l.findTextMatchRange(e,n,!1)},o=r.some(function(e){var t=e.highlight;return!i(n,t)}),a=r.every(function(e){var n=e.highlight;return!!i(t,n)});o&&a&&(n=t)}var c={};r.forEach(function(e){c[e.highlight]||(c[e.highlight]=[]),c[e.highlight].push(e)});var h=function(e,n,t,r){void 0===n&&(n=""),void 0===r&&(r=[]);var i=!1,o=function(e){var o=function(e,n,t){var r,i,o;void 0===n&&(n="");var a=e.match(/^(\s*)([\s\S]*?)(\s*)$/);if(!a)return e;var l=null!==(r=a[1])&&void 0!==r?r:"",s=null!==(i=a[2])&&void 0!==i?i:"",d=null!==(o=a[3])&&void 0!==o?o:"";return s?l+function(e,n){void 0===e&&(e="");var t=n?' data-highlight-color="'.concat(n,'"'):"",r=e?' data-badge-id="'.concat(e,'"'):"";return"<mark".concat(r).concat(t,">")}(n,t)+s+"</mark>"+d:e}(e,n,t),a=o;if(!i&&r.length>0){i=!0;var l="",s="";r.forEach(function(e){l+=function(e){return'<span data-badge-id="'.concat(e,'">')}(e.id),s="</span>"+s}),a=l+o+s}return"​"+a};return e.split(/(\n+)/).map(function(e){return/^\n+$/.test(e)?e:e.trim()?""===e.replace(/[|:\-\s]/g,"")&&e.includes("-")?e:e.includes("|")?e.split(/(\|)/).map(function(e){return"|"!==e&&e.trim()?o(e):e}).join(""):o(e):e}).join("")},p=[];Object.entries(c).forEach(function(e){var t=e[0],r=e[1],i=k?l.findRedlineTextAnchorRange(n,t):l.findTextMatchRange(n,t,!1);if(i||k||(i=s.findTextRangeWithFormatting(n,t)),i){for(var o=n.slice(i.start,i.end)!==t,a=r[0].highlightColor,d=1;d<r.length;d++)a=l.mixHexColors(a,r[d].highlightColor||"");p.push({highlight:t,start:i.start,end:i.end,badges:r,color:a,usedLooseMatch:o})}});var f=new Set(Object.keys(c));(B||[]).forEach(function(e){if(e){var t=q(e);if(t&&!f.has(t)){var r=k?l.findRedlineTextAnchorRange(n,t):l.findTextMatchRange(n,t,!1);if(r){var i=n.slice(r.start,r.end)!==t,o=n.slice(0,r.start);(o.match(/</g)||[]).length===(o.match(/>/g)||[]).length&&p.push({highlight:t,start:r.start,end:r.end,badges:[],color:E||"",usedLooseMatch:i})}}}}),p.sort(function(e,n){return e.start-n.start||n.end-e.end});var v=[],m={};p.forEach(function(e,n){for(var t=e.start,r=e.end,i=0,o=v;i<o.length;i++){var a=o[i],l=a.start,s=a.end,d=t<s&&r>s&&t>=l,c=t<l&&r>l&&r<=s;if(t>=l&&r<=s){e.orphaned=!0,m[n]=a.matchIdx;break}d&&(t=s),c&&(r=l)}e.trimmedStart=t,e.trimmedEnd=r,!e.orphaned&&t<r&&v.push({start:t,end:r,matchIdx:n})});var x={};Object.entries(m).forEach(function(e){var n=e[0],t=e[1],r=Number(n);x[t]||(x[t]=[]),x[t].push(r)});var _=p.map(function(n,t){return e.__assign(e.__assign({},n),{idx:t})}).filter(function(e){return!e.orphaned}).sort(function(e,n){var t,r;return(null!==(t=n.trimmedStart)&&void 0!==t?t:n.start)-(null!==(r=e.trimmedStart)&&void 0!==r?r:e.start)});return _.forEach(function(e){var t,r,i,o,a=null!==(t=e.trimmedStart)&&void 0!==t?t:e.start,s=null!==(r=e.trimmedEnd)&&void 0!==r?r:e.end;if(!(a>=s)){var d=n.slice(a,s),c=function(e,n,t,r){if(!t.length)return e;var i=t.map(function(e){return p[e]}).sort(function(e,n){return e.start-n.start}),o="",a=0;return i.forEach(function(t){var i,s,d=Math.max(a,t.start-n),c=Math.max(d,t.end-n);if(!(d>=c)){var u=l.mixHexColors(r,t.color||"");o+=e.slice(a,d),o+=h(e.slice(d,c),(null===(s=null===(i=t.badges)||void 0===i?void 0:i[0])||void 0===s?void 0:s.id)||"",u,t.badges||[]),a=c}}),o+=e.slice(a)}(e.usedLooseMatch||a!==e.start||s!==e.end?d:e.highlight,e.start,x[e.idx]||[],e.color),u=h(c,(null===(o=null===(i=e.badges)||void 0===i?void 0:i[0])||void 0===o?void 0:o.id)||"",e.color,e.badges||[]);n=n.slice(0,a)+u+n.slice(s)}}),n},[d,g,b,B,E,k]),I=r.useMemo(function(){return c?A(u.normalizeRedlineMarkdown(c||"")):""},[c]),O=!!c,H=e.__assign(e.__assign(e.__assign({},v),{"& *":{fontFamily:"inherit"},"& code, & pre, & kbd, & samp":{fontFamily:"inherit !important",fontSize:"inherit",background:"none",padding:0,border:"none",whiteSpace:"pre-wrap"},"& p, & li, & ul, & ol":{position:"static",overflow:"visible",whiteSpace:"pre-wrap",lineHeight:"1.5"}}),{position:"relative",fontFamily:"system-ui, -apple-system, sans-serif",fontSize:"inherit",fontWeight:"400",lineHeight:"1.5",width:"100%",maxWidth:"100%",minWidth:0,boxSizing:"border-box",overflow:"visible",whiteSpace:"normal",gridArea:"1 / 1",padding:"3px"}),P=e.__assign(e.__assign(e.__assign({},H),{zIndex:2}),O?{color:"transparent",userSelect:"none",pointerEvents:"none","& .deviation-badge":{pointerEvents:"auto",visibility:"visible"},"& table":{visibility:"hidden"}}:{}),$=e.__assign(e.__assign({},H),{zIndex:1,pointerEvents:"auto"});return r.useLayoutEffect(function(){if(S.current){var e=function(){var e,n,t=Array.from(S.current.querySelectorAll(".deviation-badge"));if(0!==t.length){t.forEach(function(e){e.style.setProperty("--badge-nudge","0px")});var r=S.current.getBoundingClientRect(),i=r.bottom-4,o=r.top+4,a=S.current.querySelector('div[data-layer="base"]')||(null===(e=S.current.querySelector("div"))||void 0===e?void 0:e.firstElementChild),l=O?S.current.querySelector('div[data-layer="overlay"]')||(null===(n=S.current.querySelector("div"))||void 0===n?void 0:n.lastElementChild):null,s=a?Array.from(a.querySelectorAll(".deviation-badge")):[],d=l?Array.from(l.querySelectorAll(".deviation-badge")):[],c=t.length>0?t.filter(function(e){return"left"===e.dataset.side}):s.filter(function(e){return"left"===e.dataset.side}),u=t.length>0?t.filter(function(e){return"left"!==e.dataset.side}):s.filter(function(e){return"left"!==e.dataset.side}),h=function(e){if(0!==e.length){var n=e.map(function(e){var n=e.getBoundingClientRect();return{el:e,naturalTop:n.top,height:n.height,currentTop:n.top}});n.sort(function(e,n){return e.naturalTop-n.naturalTop});var t=[],r=[];n.forEach(function(e){if(0===r.length)r.push(e);else{var n=r[r.length-1],i=n.currentTop+n.height;e.naturalTop<i+8?(e.currentTop=i+8,r.push(e)):(t.push(r),r=[e])}}),r.length>0&&t.push(r),t.forEach(function(e){var n=e[e.length-1],t=n.currentTop+n.height;if(t>i){var r=t-i,a=e[0].currentTop-o,l=Math.max(0,Math.min(r,a));e.forEach(function(e){e.currentTop-=l})}}),t.flat().forEach(function(e){var n=e.currentTop-e.naturalTop;e.el.style.setProperty("--badge-nudge","".concat(n,"px"))})}};if(O&&(s.length>0||d.length>0)){var g=s.filter(function(e){return"left"===e.dataset.side}),p=s.filter(function(e){return"left"!==e.dataset.side}),f=d.filter(function(e){return"left"===e.dataset.side}),v=d.filter(function(e){return"left"!==e.dataset.side});h(g),h(p),h(f),h(v)}else h(c),h(u)}},n=requestAnimationFrame(function(){requestAnimationFrame(function(){e()})}),t=new ResizeObserver(function(){requestAnimationFrame(e)});return t.observe(S.current),function(){t.disconnect(),cancelAnimationFrame(n)}}},[W,w,R]),n.jsxs(t.Box,e.__assign({ref:S,sx:{position:"relative",display:"grid",gridTemplateColumns:"minmax(0, 1fr)",width:"100%",maxWidth:"100%",minWidth:0}},{children:[n.jsx(t.Typography,e.__assign({component:"div",sx:P},{children:n.jsx(f.default,e.__assign({components:z,remarkPlugins:x,rehypePlugins:_},{children:W.replace(/#{3}/g,"")}))})),O&&n.jsx(t.Typography,e.__assign({component:"div",sx:$},{children:n.jsx(f.default,e.__assign({components:z,remarkPlugins:x,rehypePlugins:_},{children:I}))}))]}))},l.areMarkdownPropsEqual);exports.MemoizedMarkdown=b;
 //# sourceMappingURL=memoizedMarkdown.js.map

package/dist/cjs/features/CognitiveCompare/hooks/memoizedMarkdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"memoizedMarkdown.js","sources":["../../../../../src/features/CognitiveCompare/hooks/memoizedMarkdown.tsx"],"sourcesContent":["import { Box, Typography } from \"@mui/material\";\nimport React, { useMemo, useRef, useLayoutEffect, ReactElement, ReactNode } from \"react\";\nimport { DEFAULT_DEVIAION_COLOR } from \"../CognitiveCompareConstants\";\nimport { EllipsisVertical } from \"lucide-react\";\nimport ReactMarkdown from \"react-markdown\";\nimport {\n  areMarkdownPropsEqual,\n  findTextMatchRange,\n  findRedlineTextAnchorRange,\n  mixHexColors,\n} from \"../CognitiveComparehelpers\";\nimport { findTextRangeWithFormatting } from \"../utils/normalizeInlineMarkdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport { HighlightMatch } from \"../CognitiveCompareTypes\";\nimport remarkGfm from \"remark-gfm\";\nimport { normalizeRedlineMarkdown } from \"../utils/normalizeRedlineMarkdown\";\nimport { normalizeCompactedGfmTables } from \"../utils/normalizeCompactedGfmTables\";\n\n// Ensures plugins work regardless of how the bundler exports them (ESM vs CJS)\nconst resolvePlugin = (plugin: any) => typeof plugin === \"function\" ? plugin : plugin?.default || plugin;\nconst remarkPlugins = [resolvePlugin(remarkGfm)];\nconst rehypePlugins = [resolvePlugin(rehypeRaw)];\n\ntype TransformFn = (element: ReactElement) => ReactElement;\nexport const MemoizedMarkdown = React.memo(({ \n  content, \n  overlayContent,\n  fallbackContent,\n  sxStyles, \n  deviationBadges = [], \n  highlights = [],\n  maintainRelativeOrder = true,\n  highlightBg,\n  suppressHighlightBg = false,\n  collisionKey\n}: { \n  content: string; \n  overlayContent?: string;\n  fallbackContent?: string;\n  sxStyles: any; \n  deviationBadges?: any[]; \n  highlights?: string[]; \n  maintainRelativeOrder?: boolean;\n  highlightBg: string;\n  suppressHighlightBg?: boolean;\n  collisionKey?: string | number;\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const hideHighlightBg = !!overlayContent;\n\n  const badgeMap = useMemo(\n    () => deviationBadges.reduce((acc, badge) => ({ ...acc, [badge.id]: badge }), {} as Record<string, any>),\n    [deviationBadges],\n  );\n\n  const dynamicPropsRef = useRef({ badgeMap, highlightBg, hideHighlightBg, suppressHighlightBg });\n  dynamicPropsRef.current = { badgeMap, highlightBg, hideHighlightBg, suppressHighlightBg };\n\n  const mapChildrenDeep = (\n    children: ReactNode,\n    transform: TransformFn\n  ): ReactNode => {\n    return React.Children.map(children, (child) => {\n      if (!React.isValidElement(child)) {\n        return child;\n      }\n\n      const newChildren = child.props?.children\n        ? mapChildrenDeep(child.props.children, transform)\n        : child.props.children;\n\n      const cloned = React.cloneElement(child, {\n        ...child.props,\n        children: newChildren,\n      });\n\n      return transform(cloned);\n    });\n  }\n\n  const components = useMemo(() => ({\n    mark: ({ children, ...props }: any) => {\n      const { badgeMap, highlightBg, hideHighlightBg, suppressHighlightBg } = dynamicPropsRef.current;\n      const badgeId = props[\"data-badge-id\"];\n      const badge = badgeId ? badgeMap[badgeId] : null;\n      const overrideBg = props[\"data-highlight-color\"];\n      const bg =\n        overrideBg\n        ?? badge?.style?.highlightBg\n        ?? badge?.style?.badgeBg\n        ?? highlightBg;\n        \n      const shouldHideBg = props[\"data-is-suggested-deviation-fix\"] === \"true\" || suppressHighlightBg;\n      \n      return (\n        <span style={{\n          ...(!shouldHideBg ? { backgroundColor: bg } : {}),\n          borderRadius: \"2px\",\n          display: \"inline\",\n          boxDecorationBreak: \"clone\",\n          WebkitBoxDecorationBreak: \"clone\",\n          backgroundClip: \"padding-box\",\n          padding: \"0 1px\",\n          ...(hideHighlightBg ? { color: \"transparent\" } : {})\n        }}>\n          {children}\n        </span>\n      );\n    },\n    br: () => <br />,\n    span: ({ children, ...props }: any) => {\n      const { badgeMap } = dynamicPropsRef.current;\n      const badgeId = props[\"data-badge-id\"];\n      if (!badgeId) return <span {...props}>{children}</span>;\n\n      const badge = badgeMap[badgeId];\n      if (!badge) return <span {...props}>{children}</span>;\n\n      const stackIndex = typeof badge.stackIndex === \"number\" ? badge.stackIndex : 0;\n      const stackOffset = stackIndex * 12;\n      const translateY = `translateY(calc(-20% + ${stackOffset}px + var(--badge-nudge, 0px)))`;\n\n      return (\n        <Box component=\"span\" sx={{ position: \"static\", display: \"inline\" }}>\n          <Box\n            ref={badge.badgeRef}\n            className=\"deviation-badge\"\n            data-side={badge.side || \"right\"}\n            sx={{\n              fontStyle: \"normal\",\n              position: \"absolute\",\n              zIndex: 30 + stackIndex,\n              display: \"inline-flex\",\n              alignItems: \"stretch\",\n              fontSize: \"10px\",\n              bgcolor: badge.style?.badgeBg || \"#EEF2FF\",\n              color: badge.style?.badgeText || DEFAULT_DEVIAION_COLOR,\n              border: `1px solid ${badge.style?.badgeBorder || \"#C7D2FE\"}`,\n              borderRadius: \"12px\",\n              fontWeight: 600,\n              whiteSpace: \"nowrap\",\n              boxShadow: \"0 1px 3px rgba(0,0,0,0.07)\",\n              overflow: \"hidden\",\n              transition: \"none\",\n              ...(badge.side === \"left\"\n                ? { right: \"-16px\", transform: `${translateY} translateX(calc(100% + 8px))` }\n                : { left: \"-16px\", transform: `${translateY} translateX(calc(-100% - 8px))` }),\n              ...(badge.isConnected && badge.style && { outline: `2px solid ${badge.style.badgeBorder}`, outlineOffset: \"1px\" })\n            }}\n          >\n            <Box\n              onClick={(e) => {\n                e.stopPropagation();\n                if (badge.onSummaryClick) badge.onSummaryClick(e);\n              }}\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                px: 1,\n                py: 0.3,\n                cursor: \"pointer\",\n                \"&:hover\": { bgcolor: \"rgba(0,0,0,0.04)\" },\n              }}\n            >\n              <Box component=\"span\" sx={{ fontSize: \"10px\", fontWeight: 700 }}>\n                {badge.label}\n              </Box>\n              {(badge.side === \"left\" || badge.isOrphan) && (\n                <Box\n                  component=\"span\"\n                  sx={{\n                    fontSize: \"10px\",\n                    pl: 0.5,\n                    ml: 0.5,\n                    borderLeft: `1px solid ${badge.style?.badgeBorder || \"#C7D2FE\"}`,\n                  }}\n                >\n                  {(badge.score != null && badge.score !== \"N/A\" && badge.score !== \"NA\" && badge.score !== 0)\n                    ? `${badge.score}`\n                    : (badge.score === \"N/A\" || badge.score === \"NA\")\n                    ? \"N/A\"\n                    : \"Same\"}\n                </Box>\n              )}\n            </Box>\n\n            {(badge.side === \"left\" || badge.isOrphan) && (\n              <Box\n                onClick={(e) => {\n                  e.stopPropagation();\n                  if (badge.onClick) badge.onClick(e);\n                }}\n                sx={{\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  px: 0.5,\n                  borderLeft: `1px solid ${badge.style?.badgeBorder || \"#C7D2FE\"}`,\n                  cursor: \"pointer\",\n                  \"&:hover\": { bgcolor: \"rgba(0,0,0,0.06)\" },\n                }}\n              >\n                <EllipsisVertical size={12} color={badge.style?.badgeText || \"#3730A3\"} />\n              </Box>\n            )}\n          </Box>\n          {children}\n        </Box>\n      );\n    },\n    table: ({ children }: any) => (\n      <Box\n        sx={{\n          display: \"block\",\n          width: \"100%\",\n          maxWidth: \"100%\",\n          minWidth: 0,\n          boxSizing: \"border-box\",\n          contain: \"inline-size\",\n          overflowX: \"auto\",\n          overflowY: \"hidden\",\n          overscrollBehaviorX: \"contain\",\n          WebkitOverflowScrolling: \"touch\",\n          my: 1,\n        }}\n      >\n        <Box\n          component=\"table\"\n          sx={{\n            width: \"600px\",\n            minWidth: \"600px\",\n            tableLayout: \"fixed\",\n            borderCollapse: \"collapse\",\n            fontSize: \"inherit\",\n          }}\n        >\n          {children}\n        </Box>\n      </Box>\n    ),\n        thead: ({ children }: any) => <Box component=\"thead\">{children}</Box>,\n        tbody: ({ children }: any) => <Box component=\"tbody\">{children}</Box>,\n        tr: ({ children }: any) => <Box component=\"tr\" sx={{ borderBottom: \"1px solid #E5E7EB\" }}>{children}</Box>,\n        th: ({ children }: any) => <Box component=\"th\" sx={{ border: \"1px solid #E5E7EB\", padding: \"8px\", textAlign: \"left\", verticalAlign: \"top\", fontWeight: 600, backgroundColor: \"#F9FAFB\", whiteSpace: \"normal\", wordBreak: \"break-word\", overflowWrap: \"anywhere\" }}>{children}</Box>,\n        td: ({ children }: any) => <Box component=\"td\" sx={{ border: \"1px solid #E5E7EB\", padding: \"8px\", verticalAlign: \"top\", whiteSpace: \"normal\", wordBreak: \"break-word\", overflowWrap: \"anywhere\" }}>{children}</Box>,\n        code: ({ children }: any) => <span style={{ fontFamily: \"inherit\", fontSize: \"inherit\" }}>{children}</span>,\n        pre: ({ children }: any) => <span style={{ fontFamily: \"inherit\", fontSize: \"inherit\", display: \"block\", whiteSpace: \"pre-wrap\" }}>{children}</span>,\n        updated: ({ children }: any) => <>{children}</>,\n\n        deleted: ({ children }: any) => {\n          const updatedChildren = mapChildrenDeep(children, (el) => React.cloneElement(el, { \"data-is-suggested-deviation-fix\": \"true\" }));\n          return <span style={{ boxShadow: \"inset 0 1px 0 #EF4444, inset 0 -1px 0 #EF4444\", backgroundColor: \"#FCCCCC\", textDecoration: \"line-through\" }}>{updatedChildren}</span>;\n        },\n\n        changed: ({ children }: any) => {\n          const updatedChildren = mapChildrenDeep(children, (el) => React.cloneElement(el, { \"data-is-suggested-deviation-fix\": \"true\" }));\n          return <span style={{ boxShadow: \"inset 0 1px 0 #2F59FF, inset 0 -1px 0 #2F59FF\", backgroundColor: \"#D5E8FF\" }}>{updatedChildren}</span>;\n        },\n\n        ul: ({ children, ...props }: any) => <Box component=\"ul\" sx={{ mt: 1, mb: 1, pl: 3, listStyleType: \"disc\" }} {...props}>{children}</Box>,\n        ol: ({ children, ...props }: any) => <Box component=\"ol\" sx={{ mt: 1, mb: 1, pl: 3, listStyleType: \"decimal\" }} {...props}>{children}</Box>,\n        li: ({ children, ...props }: any) => <Box component=\"li\" sx={{ mb: 0.5, display: \"list-item\" }} {...props}>{children}</Box>,\n      }),\n      []\n    );\n\n    const normalizeMarkdownText = (rawText: string): string => {\n      if (!rawText || typeof rawText !== \"string\") return \"\";\n\n      let text = normalizeCompactedGfmTables(rawText);\n\n      text = text.replace(\n        /((?:<\\/?(?:updated|changed|deleted|manual)\\b[^>]*>\\s*)+)([*+\\-] |\\d+\\. )/gi,\n        \"$2$1\",\n      );\n      text = text\n        .replace(/\\\\(['\"])/g, \"$1\")\n        .replace(/\\\\n/g, \"\\n\")\n        .replace(/\\\\\\./g, \".\") \n        .replace(/\\r\\n/g, \"\\n\");\n      \n      // Redline wrapper removal can leave boundary indentation before a\n      // numbered clause (` <deleted>4. ...`). Preserve that indentation while\n      // escaping the marker so content and backend highlights normalize to\n      // the same string before the final trim.\n      text = text.replace(\n        /^([ \\t]*)(\\d+\\.)(\\s{2,})/gm,\n        (_, indent, num, spaces) =>\n          `${indent}${num.slice(0, -1)}\\\\.${spaces}`,\n      );\n      text = text.replace(/^(\\d+\\.)\\s*\\n+(\\s+)(\\S)/gm, (_, marker, _indent, firstChar) => `${marker} ${firstChar}`);\n      text = text.replace(/([^\\n])\\n(#{1,6} )/g, \"$1\\n\\n$2\");\n      \n      // Check for blank line before assign bullets\n      text = text.replace(/([^\\n])\\n([ \\t]*(?:[#*+\\-] |\\d+\\. ))/g, \"$1\\n\\n$2\");\n\n      text = text.replace(/\\n{3,}/g, \"\\n\\n\");\n\n      // This protects the indentation required for markdown lists.\n      text = text.replace(/^[ \\t]+(?![ \\t]*([\\*\\-\\+] |\\d+\\. ))/gm, (match) => {\n        return match.replace(/ /g, \"\\u00A0\").replace(/\\t/g, \"\\u00A0\\u00A0\\u00A0\\u00A0\");\n      });\n\n      const parts = text.split(/(\\n{2,})/);\n      text = parts.map((chunk) => {\n        if (/^\\n+$/.test(chunk)) return chunk;\n        if (/\\|.*\\|/.test(chunk) && /\\|[\\s:|-]+\\|/.test(chunk)) return chunk;\n        if (/^#{1,6} /.test(chunk.trimStart())) return chunk;\n        \n        return chunk.replace(/\\n(?=[^\\n])/g, (_, offset) => {\n          const remainingLine = chunk.slice(offset + 1);\n          // If it is a bullet/number/table/heading, DO NOT collapse the newline\n          const isStructural = /^[ \\t]*([#>|\\-*+]|\\d+\\.)/.test(remainingLine);\n          return isStructural ? \"\\n\" : \" \";\n        });\n      }).join(\"\");\n\n      // CRITICAL: Removed the duplicate `text = text.replace(/^[ \\t]+/gm...)` block from here!\n\n      return text.trim();\n    };\n\n    const collisionDependency = useMemo(() => deviationBadges.map((badge) => ({\n      id: badge.id,\n      connected: badge.isConnected,\n      stackIndex: badge.stackIndex,\n      size: badge.size,\n    })), [deviationBadges]);\n\n    const buildMarkOpen = (badgeId: string = \"\", color?: string) => {\n      const colorAttr = color ? ` data-highlight-color=\"${color}\"` : \"\";\n      const badgeAttr = badgeId ? ` data-badge-id=\"${badgeId}\"` : \"\";\n      return `<mark${badgeAttr}${colorAttr}>`;\n    };\n    \n    const buildMarkClose = () => `</mark>`;\n    const buildSpanOpen = (badgeId: string) => `<span data-badge-id=\"${badgeId}\">`;\n    const buildSpanClose = () => `</span>`;\n\n    const wrapWithMark = (value: string, badgeId: string = \"\", highlightColor?: string) => {\n      const match = value.match(/^(\\s*)([\\s\\S]*?)(\\s*)$/);\n      if (!match) return value;\n      const leading = match[1] ?? \"\";\n      const body = match[2] ?? \"\";\n      const trailing = match[3] ?? \"\";\n      if (!body) return value;\n      return leading + buildMarkOpen(badgeId, highlightColor) + body + buildMarkClose() + trailing;\n    };\n\n    const normalizeHighlightText = (value: string): string =>\n      normalizeMarkdownText(normalizeRedlineMarkdown(value || \"\"));\n\n    const contentToRender = useMemo(() => {\n      // 2. CRITICAL: Removed safeStringify here. Pure strings only to prevent encoded brackets.\n      let normalizedContent = normalizeMarkdownText(\n        normalizeRedlineMarkdown(content || \"\"),\n      );\n      const normalizedFallbackContent = fallbackContent\n        ? normalizeMarkdownText(normalizeRedlineMarkdown(fallbackContent))\n        : \"\";\n\n      const badgeEntries = (deviationBadges || [])\n        .map((badge: any) => ({\n          id: badge?.id,\n          // Content passes through table reconciliation before matching, so\n          // highlights must use the same pipeline. This is especially\n          // important for redlines whose deleted text ends in a GFM table.\n          highlight: normalizeHighlightText(badge?.highlight || \"\"),\n          highlightColor: badge?.style?.highlightBg || badge?.style?.badgeBg || highlightBg,\n        }))\n        .filter((entry: any) => entry.id && entry.highlight);\n\n      // Fixed/redlined clauses can no longer contain the original deviation\n      // text contiguously. Prefer the current content, but when at least one\n      // badge cannot anchor there and every badge can anchor in change_history,\n      // use that history as the invisible badge-positioning layer.\n      if (normalizedFallbackContent && badgeEntries.length > 0) {\n        const findAnchor = (anchorContent: string, highlight: string) =>\n          suppressHighlightBg\n            ? findRedlineTextAnchorRange(anchorContent, highlight)\n            : findTextMatchRange(anchorContent, highlight, false);\n        const hasPrimaryMiss = badgeEntries.some(\n          ({ highlight }: any) => !findAnchor(normalizedContent, highlight),\n        );\n        const allMatchFallback = badgeEntries.every(\n          ({ highlight }: any) => !!findAnchor(normalizedFallbackContent, highlight),\n        );\n\n        if (hasPrimaryMiss && allMatchFallback) {\n          normalizedContent = normalizedFallbackContent;\n        }\n      }\n\n      const groupedBadges: Record<string, any[]> = {};\n      badgeEntries.forEach((entry) => {\n        if (!groupedBadges[entry.highlight]) groupedBadges[entry.highlight] = [];\n        groupedBadges[entry.highlight].push(entry);\n      });\n\n      const createMarkedHighlight = (text: string, badgeId: string = \"\", highlightColor?: string, badges: any[] = []) => {\n        let spanEmitted = false;\n\n        const wrapSegment = (segment: string): string => {\n          const mark = wrapWithMark(segment, badgeId, highlightColor);\n          let wrapped = mark;\n          \n          if (!spanEmitted && badges.length > 0) {\n            spanEmitted = true;\n            let spansOpen = \"\";\n            let spansClose = \"\";\n            \n            // Emit spans for ALL badges in the group, not just badges[0]\n            badges.forEach((b) => {\n              spansOpen += buildSpanOpen(b.id);\n              spansClose = buildSpanClose() + spansClose;\n            });\n            \n            wrapped = spansOpen + mark + spansClose;\n          }\n          \n          return \"\\u200B\" + wrapped;\n        };\n\n        return text\n          .split(/(\\n+)/)\n          .map((part) => {\n            if (/^\\n+$/.test(part)) return part;\n            if (!part.trim()) return part;\n            const strippedForSeparatorCheck = part.replace(/[|:\\-\\s]/g, \"\");\n            if (strippedForSeparatorCheck === \"\" && part.includes(\"-\")) return part;\n            if (part.includes(\"|\")) {\n              return part.split(/(\\|)/).map((cell) => {\n                if (cell === \"|\" || !cell.trim()) return cell;\n                return wrapSegment(cell);\n              }).join(\"\");\n            }\n            return wrapSegment(part);\n          })\n          .join(\"\");\n      };\n\n      const allMatches: HighlightMatch[] = [];\n\n      Object.entries(groupedBadges).forEach(([highlight, badges]) => {\n        let range = suppressHighlightBg\n          ? findRedlineTextAnchorRange(normalizedContent, highlight)\n          : findTextMatchRange(normalizedContent, highlight, false);\n        \n        if (!range && !suppressHighlightBg) {\n          range = findTextRangeWithFormatting(normalizedContent, highlight);\n        }\n        if (!range) return;\n        const usedLooseMatch =\n          normalizedContent.slice(range.start, range.end) !== highlight;\n\n        let color = badges[0].highlightColor;\n        for (let i = 1; i < badges.length; i++) {\n          color = mixHexColors(color, badges[i].highlightColor || \"\");\n        }\n\n        allMatches.push({\n          highlight,\n          start: range.start,\n          end: range.end,\n          badges,\n          color,\n          usedLooseMatch,\n        });\n      });\n\n      const badgeHighlightSet = new Set(Object.keys(groupedBadges));\n\n      (highlights || []).forEach((highlight) => {\n        if (!highlight) return;\n        const cleanHighlight = normalizeHighlightText(highlight);\n        if (!cleanHighlight || badgeHighlightSet.has(cleanHighlight)) return;\n\n        const range = suppressHighlightBg\n          ? findRedlineTextAnchorRange(normalizedContent, cleanHighlight)\n          : findTextMatchRange(normalizedContent, cleanHighlight, false);\n        if (!range) return;\n        const usedLooseMatch =\n          normalizedContent.slice(range.start, range.end) !== cleanHighlight;\n\n        const before = normalizedContent.slice(0, range.start);\n        const openTags = (before.match(/</g) || []).length;\n        const closeTags = (before.match(/>/g) || []).length;\n        \n        if (openTags === closeTags) {\n          allMatches.push({\n            highlight: cleanHighlight,\n            start: range.start,\n            end: range.end,\n            badges: [],\n            color: highlightBg || \"\",\n            usedLooseMatch,\n          } as unknown as HighlightMatch);\n        }\n      });\n\n      allMatches.sort((a, b) => a.start - b.start || b.end - a.end);\n\n      const claimedRanges: Array<{ start: number; end: number; matchIdx: number }> = [];\n      const containedBy: Record<number, number> = {};\n\n      allMatches.forEach((match, i) => {\n        let start = match.start;\n        let end = match.end;\n\n        for (const claimed of claimedRanges) {\n          const cStart = claimed.start;\n          const cEnd = claimed.end;\n          const fullyContained = start >= cStart && end <= cEnd;\n          const partialOverlapRight = start < cEnd && end > cEnd && start >= cStart;\n          const partialOverlapLeft = start < cStart && end > cStart && end <= cEnd;\n\n          if (fullyContained) {\n            match.orphaned = true;\n            containedBy[i] = claimed.matchIdx;\n            break;\n          }\n          if (partialOverlapRight) start = cEnd;\n          if (partialOverlapLeft) end = cStart;\n        }\n\n        match.trimmedStart = start;\n        match.trimmedEnd = end;\n\n        if (!match.orphaned && start < end) {\n          claimedRanges.push({ start, end, matchIdx: i });\n        }\n      });\n\n      const childrenOf: Record<number, number[]> = {};\n      Object.entries(containedBy).forEach(([childIdxStr, parentIdx]) => {\n        const childIdx = Number(childIdxStr);\n        if (!childrenOf[parentIdx]) childrenOf[parentIdx] = [];\n        childrenOf[parentIdx].push(childIdx);\n      });\n\n      const injectChildren = (highlightText: string, parentAbsStart: number, childIndices: number[], parentColor: string) => {\n        if (!childIndices.length) return highlightText;\n        const children = childIndices.map((ci) => allMatches[ci]).sort((a, b) => a.start - b.start);\n        let result = \"\";\n        let cursor = 0;\n\n        children.forEach((child) => {\n          const relStart = Math.max(cursor, child.start - parentAbsStart);\n          const relEnd = Math.max(relStart, child.end - parentAbsStart);\n          if (relStart >= relEnd) return;\n\n          const mixedColor = mixHexColors(parentColor, child.color || \"\");\n          result += highlightText.slice(cursor, relStart);\n\n          // Removed the redundant wrapperStart/wrapperEnd logic.\n          // createMarkedHighlight now handles the spans natively and cleanly.\n          result += createMarkedHighlight(\n            highlightText.slice(relStart, relEnd), \n            child.badges?.[0]?.id || \"\", \n            mixedColor, \n            child.badges || []\n          );\n          \n          cursor = relEnd;\n        });\n\n        result += highlightText.slice(cursor);\n        return result;\n      };\n\n      const finalMatches = allMatches.map((m, i) => ({ ...m, idx: i })).filter((m) => !m.orphaned).sort((a, b) => (b.trimmedStart ?? b.start) - (a.trimmedStart ?? a.start));\n\n      finalMatches.forEach((match) => {\n        const tStart = match.trimmedStart ?? match.start;\n        const tEnd = match.trimmedEnd ?? match.end;\n        if (tStart >= tEnd) return;\n\n        const rawSlice = normalizedContent.slice(tStart, tEnd);\n        const effectiveHighlight = match.usedLooseMatch || tStart !== match.start || tEnd !== match.end ? rawSlice : match.highlight;\n        const withChildren = injectChildren(effectiveHighlight, match.start, childrenOf[match.idx!] || [], match.color);\n        const markedText = createMarkedHighlight(withChildren, match.badges?.[0]?.id || \"\", match.color, match.badges || []);\n\n        normalizedContent = normalizedContent.slice(0, tStart) + markedText + normalizedContent.slice(tEnd);\n      });\n\n      return normalizedContent;\n    }, [content, fallbackContent, deviationBadges, highlights, highlightBg, suppressHighlightBg]);\n\n    const overlayContentToRender = useMemo(() => {\n      if (!overlayContent) return \"\";\n      return normalizeMarkdownText(\n        normalizeRedlineMarkdown(overlayContent || \"\"),\n      );\n    }, [overlayContent]);\n\n    const hasOverlay = !!overlayContent;\n\n    const sharedContentSx = {\n      \"& *\": { fontFamily: \"inherit\" },\n      \"& code, & pre, & kbd, & samp\": {\n        fontFamily: \"inherit !important\",\n        fontSize: \"inherit\",\n        background: \"none\",\n        padding: 0,\n        border: \"none\",\n        whiteSpace: \"pre-wrap\",\n      },\n      \"& p, & li, & ul, & ol\": { \n        position: \"static\", \n        overflow: \"visible\", \n        whiteSpace: \"pre-wrap\",\n        lineHeight: \"1.5\"\n      },\n    };\n\n    const layerSx = {\n      ...sxStyles,\n      ...sharedContentSx,\n      position: \"relative\",\n      fontFamily: \"system-ui, -apple-system, sans-serif\",\n      fontSize: \"inherit\",\n      fontWeight: \"400\",\n      lineHeight: \"1.5\",\n      width: \"100%\",\n      maxWidth: \"100%\",\n      minWidth: 0,\n      boxSizing: \"border-box\",\n      overflow: \"visible\",\n      whiteSpace: \"normal\",\n      gridArea: \"1 / 1\",\n      padding: \"3px\",\n    };\n\n    const baseSx = { ...layerSx, zIndex: 2, ...(hasOverlay ? {\n        color: \"transparent\",\n        userSelect: \"none\", \n        pointerEvents: \"none\", \n        \"& .deviation-badge\": { pointerEvents: \"auto\", visibility: \"visible\" },\n        \"& table\": { visibility: \"hidden\" },\n        } : {})\n      };\n\n    const overlaySx = { ...layerSx, zIndex: 1, pointerEvents: \"auto\" };\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) return;\n\n    const resolveCollisions = () => {\n      const badges = Array.from(\n        containerRef.current!.querySelectorAll(\".deviation-badge\")\n      ) as HTMLElement[];\n      \n      if (badges.length === 0) return;\n\n      badges.forEach((b) => { b.style.setProperty(\"--badge-nudge\", \"0px\"); });\n\n      const containerRect = containerRef.current!.getBoundingClientRect();\n      const maxBottom = containerRect.bottom - 4;\n      const minTop = containerRect.top + 4;\n\n      // Separate badges by layer to ensure collision detection respects layer boundaries\n      const baseLayer = containerRef.current!.querySelector('div[data-layer=\"base\"]') || containerRef.current!.querySelector('div')?.firstElementChild;\n      const overlayLayer = hasOverlay ? containerRef.current!.querySelector('div[data-layer=\"overlay\"]') || containerRef.current!.querySelector('div')?.lastElementChild : null;\n      \n      const baseLayerBadges = baseLayer ? Array.from(baseLayer.querySelectorAll(\".deviation-badge\")) as HTMLElement[] : [];\n      const overlayLayerBadges = overlayLayer ? Array.from(overlayLayer.querySelectorAll(\".deviation-badge\")) as HTMLElement[] : [];\n      \n      // If layer separation fails, fall back to side-based separation for backward compatibility\n      const leftBadges = badges.length > 0 ? badges.filter((b) => b.dataset.side === \"left\") : baseLayerBadges.filter((b) => b.dataset.side === \"left\");\n      const rightBadges = badges.length > 0 ? badges.filter((b) => b.dataset.side !== \"left\") : baseLayerBadges.filter((b) => b.dataset.side !== \"left\");\n\n      const applyPushDownAndClamp = (sideBadges: HTMLElement[]) => {\n        if (sideBadges.length === 0) return;\n\n        const metrics = sideBadges.map((el) => {\n          const rect = el.getBoundingClientRect();\n          return { \n            el, \n            naturalTop: rect.top, \n            height: rect.height,\n            currentTop: rect.top\n          };\n        });\n\n        metrics.sort((a, b) => a.naturalTop - b.naturalTop);\n\n        const MIN_GAP = 8;\n        const clusters: typeof metrics[] = [];\n        let currentCluster: typeof metrics = [];\n\n        metrics.forEach((item) => {\n          if (currentCluster.length === 0) {\n            currentCluster.push(item);\n          } else {\n            const prev = currentCluster[currentCluster.length - 1];\n            const prevBottom = prev.currentTop + prev.height;\n\n            if (item.naturalTop < prevBottom + MIN_GAP) {\n              item.currentTop = prevBottom + MIN_GAP;\n              currentCluster.push(item);\n            } else {\n              clusters.push(currentCluster);\n              currentCluster = [item];\n            }\n          }\n        });\n        if (currentCluster.length > 0) clusters.push(currentCluster);\n\n        clusters.forEach((cluster) => {\n          const lastItem = cluster[cluster.length - 1];\n          const clusterBottom = lastItem.currentTop + lastItem.height;\n\n          if (clusterBottom > maxBottom) {\n            const overflowAmount = clusterBottom - maxBottom;\n\n            const firstItem = cluster[0];\n            const availableTopSpace = firstItem.currentTop - minTop;\n            \n            const actualShiftUp = Math.max(0, Math.min(overflowAmount, availableTopSpace));\n\n            cluster.forEach((item) => {\n              item.currentTop -= actualShiftUp;\n            });\n          }\n        });\n\n        clusters.flat().forEach((item) => {\n          const nudge = item.currentTop - item.naturalTop;\n          item.el.style.setProperty(\"--badge-nudge\", `${nudge}px`);\n        });\n      };\n\n      // Apply collision resolution separately for each layer when overlay exists\n      if (hasOverlay && (baseLayerBadges.length > 0 || overlayLayerBadges.length > 0)) {\n        const baseLeftBadges = baseLayerBadges.filter((b) => b.dataset.side === \"left\");\n        const baseRightBadges = baseLayerBadges.filter((b) => b.dataset.side !== \"left\");\n        const overlayLeftBadges = overlayLayerBadges.filter((b) => b.dataset.side === \"left\");\n        const overlayRightBadges = overlayLayerBadges.filter((b) => b.dataset.side !== \"left\");\n        \n        applyPushDownAndClamp(baseLeftBadges);\n        applyPushDownAndClamp(baseRightBadges);\n        applyPushDownAndClamp(overlayLeftBadges);\n        applyPushDownAndClamp(overlayRightBadges);\n      } else {\n        // Single layer or backward compatibility mode\n        applyPushDownAndClamp(leftBadges);\n        applyPushDownAndClamp(rightBadges);\n      }\n    };\n\n    const raf1 = requestAnimationFrame(()=>{\n      requestAnimationFrame(()=>{\n        resolveCollisions();\n      })\n    });\n\n    const resizeObserver = new ResizeObserver(() => {\n      requestAnimationFrame(resolveCollisions);\n    });\n    resizeObserver.observe(containerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n      cancelAnimationFrame(raf1);\n    }\n  }, [contentToRender, collisionKey, collisionDependency]);\n\n    return (\n      <Box\n        ref={containerRef}\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          gridTemplateColumns: \"minmax(0, 1fr)\",\n          width: \"100%\",\n          maxWidth: \"100%\",\n          minWidth: 0,\n        }}\n      >\n        <Typography component=\"div\" sx={baseSx}>\n          <ReactMarkdown\n            components={components}\n            remarkPlugins={remarkPlugins}\n            rehypePlugins={rehypePlugins}\n          >\n            {/* 4. Removed safeStringify wrapper! It encodes < to &lt; */}\n            {contentToRender.replace(/#{3}/g, \"\")}\n          </ReactMarkdown>\n        </Typography>\n\n        {hasOverlay && (\n          <Typography component=\"div\" sx={overlaySx}>\n            <ReactMarkdown\n              components={components}\n              remarkPlugins={remarkPlugins}\n              rehypePlugins={rehypePlugins}\n            >\n              {overlayContentToRender}\n            </ReactMarkdown>\n          </Typography>\n        )}\n      </Box>\n    );\n  },\n  areMarkdownPropsEqual\n);\n"],"names":["resolvePlugin","plugin","default","remarkPlugins","rehypePlugins","rehypeRaw","MemoizedMarkdown","React","memo","content","overlayContent","fallbackContent","sxStyles","deviationBadges","highlights","maintainRelativeOrder","highlightBg","suppressHighlightBg","collisionKey","containerRef","useRef","hideHighlightBg","badgeMap","useMemo","reduce","acc","badge","id","dynamicPropsRef","current","mapChildrenDeep","children","transform","Children","map","child","isValidElement","newChildren","props","cloned","cloneElement","components","mark","badgeId","bg","style","badgeBg","shouldHideBg","jsx","backgroundColor","borderRadius","display","boxDecorationBreak","WebkitBoxDecorationBreak","backgroundClip","padding","color","br","span","stackIndex","translateY","jsxs","Box","component","sx","position","ref","badgeRef","className","side","fontStyle","zIndex","alignItems","fontSize","bgcolor","badgeText","DEFAULT_DEVIAION_COLOR","border","badgeBorder","fontWeight","whiteSpace","boxShadow","overflow","transition","right","left","isConnected","outline","outlineOffset","onClick","e","stopPropagation","onSummaryClick","px","py","cursor","label","isOrphan","pl","ml","borderLeft","score","EllipsisVertical","size","table","width","maxWidth","minWidth","boxSizing","contain","overflowX","overflowY","overscrollBehaviorX","WebkitOverflowScrolling","my","tableLayout","borderCollapse","thead","tbody","tr","borderBottom","th","textAlign","verticalAlign","wordBreak","overflowWrap","td","code","fontFamily","pre","updated","deleted","updatedChildren","el","textDecoration","changed","ul","mt","mb","listStyleType","ol","li","normalizeMarkdownText","rawText","text","normalizeCompactedGfmTables","replace","_","indent","num","spaces","slice","marker","_indent","firstChar","match","parts","split","chunk","test","trimStart","offset","remainingLine","join","trim","collisionDependency","connected","normalizeHighlightText","value","normalizeRedlineMarkdown","contentToRender","normalizedContent","normalizedFallbackContent","badgeEntries","highlight","highlightColor","filter","entry","length","findAnchor","anchorContent","findRedlineTextAnchorRange","findTextMatchRange","hasPrimaryMiss","some","allMatchFallback","every","groupedBadges","forEach","push","createMarkedHighlight","badges","spanEmitted","wrapSegment","segment","leading","body","trailing","buildMarkOpen","wrapWithMark","wrapped","spansOpen","spansClose","b","buildSpanOpen","part","includes","cell","allMatches","Object","entries","range","findTextRangeWithFormatting","usedLooseMatch","start","end","i","mixHexColors","badgeHighlightSet","Set","keys","cleanHighlight","has","before","sort","a","claimedRanges","containedBy","claimed","cStart","cEnd","partialOverlapRight","partialOverlapLeft","orphaned","matchIdx","trimmedStart","trimmedEnd","childrenOf","childIdxStr","parentIdx","childIdx","Number","m","idx","tStart","tEnd","rawSlice","withChildren","highlightText","parentAbsStart","childIndices","parentColor","ci","result","relStart","Math","max","relEnd","mixedColor","injectChildren","markedText","overlayContentToRender","hasOverlay","layerSx","background","lineHeight","gridArea","baseSx","userSelect","pointerEvents","visibility","overlaySx","useLayoutEffect","resolveCollisions","Array","from","querySelectorAll","setProperty","containerRect","getBoundingClientRect","maxBottom","bottom","minTop","top","baseLayer","querySelector","firstElementChild","overlayLayer","lastElementChild","baseLayerBadges","overlayLayerBadges","leftBadges","dataset","rightBadges","applyPushDownAndClamp","sideBadges","metrics","rect","naturalTop","height","currentTop","clusters","currentCluster","item","prev","prevBottom","cluster","lastItem","clusterBottom","overflowAmount","availableTopSpace","actualShiftUp","min","flat","nudge","baseLeftBadges","baseRightBadges","overlayLeftBadges","overlayRightBadges","raf1","requestAnimationFrame","resizeObserver","ResizeObserver","observe","disconnect","cancelAnimationFrame","gridTemplateColumns","Typography","ReactMarkdown","areMarkdownPropsEqual"],"mappings":"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"}
+{"version":3,"file":"memoizedMarkdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/CognitiveCompare/hooks/useAccordionState.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../CognitiveComparehelpers.js");exports.useAccordionState=({maintainRelativeOrder:n,proposedSections:r,existingSections:s,activeSideBySideSection:i,connectedSections:c,resetSideBySide:o,setConnectedSections:u,setConnectedLines:f,cachedConnectedPositions:l,svgContainerRef:d,isAnimatingRef:a,animationTimerRef:S,calculateLinesRef:p,sectionLeftRefs:g,sectionRightRefs:x,subSectionLeftRefs:h,subSectionRightRefs:A})=>{const[E,R]=e.useState({}),[I,m]=e.useState({}),y=e=>{a.current=!0,S.current&&clearTimeout(S.current),d.current&&(d.current.style.opacity="0"),S.current=setTimeout(()=>{a.current=!1,p.current(),d.current&&(d.current.style.opacity="1")},e)},T=e.useCallback(e=>{if(!e||"string"!=typeof e||!e.includes(t.DEVIATION_BADGE_SEPARATOR))return;const r=e.split(t.DEVIATION_BADGE_SEPARATOR),s=r[2],i=r[3],c=s?Number(s.split("-")[0]):-1,o=i?Number(i.split("-")[0]):-1;R(e=>{const t={...e};let r=!1;if(-1!==c){const e=n?`left-${c}`:String(c);t[e]||(t[e]=!0,r=!0)}if(-1!==o){const e=n?`right-${o}`:String(o);t[e]||(t[e]=!0,r=!0)}return r?t:e}),m(e=>{const t={...e};let n=!1;const r=e=>{if(!e)return;const r=e.split("-");let s=r[0];for(let e=1;e<r.length;e++)s+=`-${r[e]}`,t[s]||(t[s]=!0,n=!0)};return r(s),r(i),n?t:e})},[n,R,m]);return{expandedSections:E,setExpandedSections:R,expandedSubSections:I,setExpandedSubSections:m,handleSubSectionToggle:e=>{const t=h.current[e]?.current,n=A.current[e]?.current;t&&(t.style.minHeight="0px"),n&&(n.style.minHeight="0px"),y(450),m(t=>({...t,[e]:!t[e]}))},toggleSection:(e,d)=>{const a=g.current[e]?.current,S=x.current[e]?.current;a&&(a.style.minHeight="0px"),S&&(S.style.minHeight="0px"),y(650);const p=n?`${d}-${e}`:String(e);if(!!E[p]){const a=new Set([String(e)]);if(n)if("left"===d){const t=r[e];(t?.refIndexes||[]).forEach(e=>{const t=s.findIndex(t=>t.selfIndex===e);-1!==t&&a.add(String(t))})}else{const t=s[e];r.forEach((e,n)=>{e.refIndexes?.includes(t?.selfIndex)&&a.add(String(n))})}const S=e=>{if(null===e)return!1;const n=String(e),r=n.split("-")[0];if(a.has(r))return!0;if(n.includes(t.DEVIATION_BADGE_SEPARATOR)){const e=n.split(t.DEVIATION_BADGE_SEPARATOR),r=e[2]?.split("-")[0],s=e[3]?.split("-")[0];if(r&&a.has(r))return!0;if(s&&a.has(s))return!0}return!1},p=S(i),g=Array.from(c).some(e=>S(e));(p||g)&&(o(),u(new Set),f([]),l.current=[])}R(t=>{const i={...t},c=!t[p];if(!n)return i[String(e)]=c,i;if(i[p]=c,"left"===d){const t=r[e];(t?.refIndexes||[]).forEach(e=>{const t=s.findIndex(t=>t.selfIndex===e);-1!==t&&(i[`right-${t}`]=c)})}else{const t=s[e],n=t?.selfIndex;r.forEach((e,t)=>{e.refIndexes?.includes(n)&&(i[`left-${t}`]=c)})}return i})},forceExpandCrossWiredSections:T}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react"),t=require("../CognitiveComparehelpers.js");exports.useAccordionState=function(i){var r=i.maintainRelativeOrder,c=i.proposedSections,o=i.existingSections,u=i.activeSideBySideSection,s=i.connectedSections,a=i.resetSideBySide,l=i.setConnectedSections,d=i.setConnectedLines,f=i.cachedConnectedPositions,v=i.svgContainerRef,S=i.isAnimatingRef,g=i.animationTimerRef,p=i.calculateLinesRef,x=i.sectionLeftRefs,_=i.sectionRightRefs,h=i.subSectionLeftRefs,A=i.subSectionRightRefs,E=n.useState({}),R=E[0],I=E[1],m=n.useState({}),y=m[0],T=m[1],b=function(e){S.current=!0,g.current&&clearTimeout(g.current),v.current&&(v.current.style.opacity="0"),g.current=setTimeout(function(){S.current=!1,p.current(),v.current&&(v.current.style.opacity="1")},e)},O=n.useCallback(function(n){if(n&&"string"==typeof n&&n.includes(t.DEVIATION_BADGE_SEPARATOR)){var i=n.split(t.DEVIATION_BADGE_SEPARATOR),c=i[2],o=i[3],u=c?Number(c.split("-")[0]):-1,s=o?Number(o.split("-")[0]):-1;I(function(n){var t,i=e.__assign({},n),c=!1;-1!==u&&(i[t=r?"left-".concat(u):String(u)]||(i[t]=!0,c=!0));-1!==s&&(i[t=r?"right-".concat(s):String(s)]||(i[t]=!0,c=!0));return c?i:n}),T(function(n){var t=e.__assign({},n),i=!1,r=function(e){if(e)for(var n=e.split("-"),r=n[0],c=1;c<n.length;c++)r+="-".concat(n[c]),t[r]||(t[r]=!0,i=!0)};return r(c),r(o),i?t:n})}},[r,I,T]);return{expandedSections:R,setExpandedSections:I,expandedSubSections:y,setExpandedSubSections:T,handleSubSectionToggle:function(n){var t,i,r=null===(t=h.current[n])||void 0===t?void 0:t.current,c=null===(i=A.current[n])||void 0===i?void 0:i.current;r&&(r.style.minHeight="0px"),c&&(c.style.minHeight="0px"),b(450),T(function(t){var i;return e.__assign(e.__assign({},t),((i={})[n]=!t[n],i))})},toggleSection:function(n,i){var v,S,g=null===(v=x.current[n])||void 0===v?void 0:v.current,p=null===(S=_.current[n])||void 0===S?void 0:S.current;g&&(g.style.minHeight="0px"),p&&(p.style.minHeight="0px"),b(650);var h=r?"".concat(i,"-").concat(n):String(n);if(!!R[h]){var A=new Set([String(n)]);if(r)if("left"===i){var E=c[n];((null==E?void 0:E.refIndexes)||[]).forEach(function(e){var n=o.findIndex(function(n){return n.selfIndex===e});-1!==n&&A.add(String(n))})}else{var m=o[n];c.forEach(function(e,n){var t;(null===(t=e.refIndexes)||void 0===t?void 0:t.includes(null==m?void 0:m.selfIndex))&&A.add(String(n))})}var y=function(e){var n,i;if(null===e)return!1;var r=String(e),c=r.split("-")[0];if(A.has(c))return!0;if(r.includes(t.DEVIATION_BADGE_SEPARATOR)){var o=r.split(t.DEVIATION_BADGE_SEPARATOR),u=null===(n=o[2])||void 0===n?void 0:n.split("-")[0],s=null===(i=o[3])||void 0===i?void 0:i.split("-")[0];if(u&&A.has(u))return!0;if(s&&A.has(s))return!0}return!1},T=y(u),O=Array.from(s).some(function(e){return y(e)});(T||O)&&(a(),l(new Set),d([]),f.current=[])}I(function(t){var u=e.__assign({},t),s=!t[h];if(!r)return u[String(n)]=s,u;if(u[h]=s,"left"===i){((null==(a=c[n])?void 0:a.refIndexes)||[]).forEach(function(e){var n=o.findIndex(function(n){return n.selfIndex===e});-1!==n&&(u["right-".concat(n)]=s)})}else{var a,l=null==(a=o[n])?void 0:a.selfIndex;c.forEach(function(e,n){var t;(null===(t=e.refIndexes)||void 0===t?void 0:t.includes(l))&&(u["left-".concat(n)]=s)})}return u})},forceExpandCrossWiredSections:O}};
 //# sourceMappingURL=useAccordionState.js.map