52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T38e7,"use client"; import { renderMermaidSVG } from "beautiful-mermaid"; import { Maximize2, Minus, Plus, RotateCcw, X } from "lucide-react"; import { type FC, type ReactNode, memo, type ComponentProps, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore, } from "react"; import { createPortal } from "react-dom"; import { cn } from "@/lib/utils"; export type MermaidDiagramProps = { code: string; className?: string; /** Renders a skeleton instead of the diagram while `true`. */ streaming?: boolean; }; const MIN_SCALE = 0.5; const MAX_SCALE = 4; const DANGLING_LINK = /(?:--|==|-\.|~~)[-.=~]*[>ox]?\s*(?:\|[^|]*\|)?$/; const isIncompleteDiagram = (code: string, svg: string) => { if (/^]*\swidth="0"/.test(svg)) return true; const lines = code .split("\n") .map((line) => line.trim()) .filter((line) => line && !line.startsWith("%%")); return ( /^(?:graph|flowchart)\b/i.test(lines[0] ?? "") && lines.slice(1).some((line) => DANGLING_LINK.test(line)) ); }; const CSS_IMPORT = /@import\s*(?:url$\s*(?:"[^"]*"|'[^']*'|[^)]*)\s*$|"[^"]*"|'[^']*')[^;]*(?:;|$)/g; const SVG_STYLE = /]*>([\s\S]*?)<\/style>/; const splitSvgStyles = (svg: string) => { let css = ""; let markup = svg; // Removing one