diff --git a/CHANGELOG.md b/CHANGELOG.md index 7c75db3a7..28d1011a5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +### Added +- Added inline mermaid diagram rendering in chat answers, with a "Visualize" button to redraw an answer as a diagram and a fullscreen pan/zoom modal. [#1241](https://github.com/sourcebot-dev/sourcebot/pull/1241) + ### Changed - Documented session lifetime, repository visibility refresh behavior, and how permission sync handles transient code-host errors. [#1218](https://github.com/sourcebot-dev/sourcebot/pull/1218) diff --git a/packages/web/package.json b/packages/web/package.json index ab4274153..af0393f81 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -153,6 +153,7 @@ "langfuse-vercel": "^3.38.4", "linguist-languages": "^9.3.1", "lucide-react": "^0.517.0", + "mermaid": "^11.15.0", "micromatch": "^4.0.8", "minidenticons": "^4.2.1", "next": "^16.2.6", @@ -176,6 +177,7 @@ "react-icons": "^5.3.0", "react-markdown": "^10.1.0", "react-resizable-panels": "^2.1.1", + "react-zoom-pan-pinch": "^4.0.3", "recharts": "^2.15.3", "rehype-raw": "^7.0.0", "rehype-sanitize": "^6.0.0", diff --git a/packages/web/src/features/chat/agent.ts b/packages/web/src/features/chat/agent.ts index 0efb706fc..f056912ba 100644 --- a/packages/web/src/features/chat/agent.ts +++ b/packages/web/src/features/chat/agent.ts @@ -317,6 +317,79 @@ const createPrompt = ({ Authentication in Sourcebot is built on NextAuth.js with a session-based approach using JWT tokens and Prisma as the database adapter ${fileReferenceToString({ repo: 'github.com/sourcebot-dev/sourcebot', path: 'auth.ts', range: { startLine: 135, endLine: 140 } })}. The system supports multiple authentication providers and implements organization-based authorization with role-defined permissions. \`\`\` + + + When the user asks for a diagram, visual, workflow, architecture, sequence, flow, "show me a visual", "draw", or similar visual request, you MUST include a \`mermaid\` fenced code block in your answer. You may also include a diagram on your own initiative when the answer involves a multi-step workflow, a request/response sequence, or relationships between services or modules that are clearer visually than in prose. + + **Diagram type selection** — pick the one that best fits the question: + - \`sequenceDiagram\` — request flows, API call chains, message passing between services or actors + - \`flowchart TD\` or \`flowchart LR\` — pipelines, conditional logic, decision trees, build / deploy flows + - \`graph TD\` — service topology, architecture overviews, component dependencies + - \`classDiagram\` — model / class relationships, inheritance hierarchies + - \`erDiagram\` — database schemas and entity relationships + - \`stateDiagram-v2\` — state machines and lifecycle transitions + + **Diagram authoring rules:** + - ONLY include nodes and edges that are supported by code you have actually read via tool calls. Do NOT invent components, services, or relationships. If you are uncertain about a connection, omit it and say so in the surrounding prose. + - Keep diagrams focused. Prefer two small diagrams (e.g. "high level" + "request flow detail") over one giant one with twenty nodes. + - For every meaningful node in the diagram, cite its source location in the surrounding prose using the existing \`${FILE_REFERENCE_PREFIX}\` format, e.g. "The \`AuthService\` node is implemented in ${fileReferenceToString({ repo: 'repository', path: 'services/auth.ts', range: { startLine: 1, endLine: 30 } })}". + - Use short, descriptive labels for nodes — function names, service names, or short phrases. Avoid full sentences inside nodes. + - Make sure the mermaid syntax parses. If unsure about a particular feature, use the simplest form (e.g. \`A --> B\` rather than complex edge styling). + + **Label hygiene — CRITICAL for mermaid to parse correctly:** + Mermaid's tokenizer is fragile. If a label contains anything other than letters, digits, underscores, hyphens, and single spaces, follow these rules — otherwise the diagram will fail to render and the user will see a parse error. + + 1. **For flowchart, graph, classDiagram, erDiagram, and stateDiagram-v2 NODE LABELS**: ALWAYS wrap the label in double quotes when it contains ANY of these characters: parentheses, commas, angle brackets, ampersands, slashes, colons, semicolons, pipes, braces, brackets, backticks, periods, dollar signs, hashes. The quotes make the content opaque to the parser. Examples: + - WRONG: \`A[Workflows (part_question, part_answer)]\` + - RIGHT: \`A["Workflows (part_question, part_answer)"]\` + - WRONG: \`B[ChatSvc.GetStreamingMessages]\` + - RIGHT: \`B["ChatSvc.GetStreamingMessages"]\` + - OK without quotes: \`C[ProcessRequest]\`, \`D[handle response]\` + + 2. **For sequenceDiagram MESSAGE LABELS** (the text after \`:\`): keep them plain English. The message text is freeform but MUST NOT contain double quotes, and should avoid parentheses with arguments. Describe the call instead of writing its signature: + - WRONG: \`A->>B: StreamProgressMessageAsync("Semantic Kernel engaged...", "streamStart")\` + - RIGHT: \`A->>B: emit streamStart progress message\` + - WRONG: \`A->>B: IAsyncEnumerable\` + - RIGHT: \`A->>B: streamed ChatMessageContent\` + - WRONG: \`A->>B: CreateKernel(builder, options)\` + - RIGHT: \`A->>B: CreateKernel\` + + 3. **Universal restrictions** (apply to ALL diagram types): + - Avoid ellipses (\`...\`) in labels — they can confuse the tokenizer. Use the word \`etc\` if you need to abbreviate. + - In sequenceDiagram **message text** (the text after the \`:\`), do not start the text with \`+\` or \`-\`. These characters are valid when attached to the arrow as participant activation modifiers (e.g. \`A->>+B: msg\`, \`A->>-B: msg\`), but at the start of the message text itself they confuse the parser. + - Drop generic type parameters: write \`ChatMessageContent stream\` not \`IAsyncEnumerable\`. + - Prefer short verb phrases over literal code: \`build kernel and register chat service\` rather than mirroring a code snippet. + + 4. **When in doubt, quote it.** For node labels, an unnecessary pair of double quotes is harmless. A missing pair is fatal. + + Code references for the underlying implementation belong in the surrounding prose (using \`${FILE_REFERENCE_PREFIX}\`), NOT inside the diagram labels. + + **Example of a workflow visualization:** + \`\`\`markdown + ${ANSWER_TAG} + The GlennBot service handles incoming chat requests in three stages. Here's the request flow: + + \\\`\\\`\\\`mermaid + sequenceDiagram + participant Client + participant Router as Express Router + participant Auth as Auth Middleware + participant Service as GlennBot Service + participant LLM + Client->>Router: POST /chat + Router->>Auth: validate session + Auth-->>Router: ok + Router->>Service: handleMessage() + Service->>LLM: generate response + LLM-->>Service: streamed reply + Service-->>Client: SSE stream + \\\`\\\`\\\` + + - The router is defined in ${fileReferenceToString({ repo: 'repository', path: 'src/router.ts', range: { startLine: 12, endLine: 40 } })} + - Auth validation lives in ${fileReferenceToString({ repo: 'repository', path: 'src/middleware/auth.ts', range: { startLine: 1, endLine: 25 } })} + - The core handler is ${fileReferenceToString({ repo: 'repository', path: 'src/services/glennBot.ts', range: { startLine: 50, endLine: 120 } })} + \`\`\` + ` } diff --git a/packages/web/src/features/chat/components/chatThread/answerCard.tsx b/packages/web/src/features/chat/components/chatThread/answerCard.tsx index 8775c69be..bbdab696c 100644 --- a/packages/web/src/features/chat/components/chatThread/answerCard.tsx +++ b/packages/web/src/features/chat/components/chatThread/answerCard.tsx @@ -3,10 +3,10 @@ import { useExtractTOCItems } from "../../useTOCItems"; import { TableOfContents } from "./tableOfContents"; import { Button } from "@/components/ui/button"; -import { TableOfContentsIcon, ThumbsDown, ThumbsUp } from "lucide-react"; +import { Sparkles, TableOfContentsIcon, ThumbsDown, ThumbsUp } from "lucide-react"; import { Separator } from "@/components/ui/separator"; import { MarkdownRenderer } from "./markdownRenderer"; -import { forwardRef, memo, useCallback, useImperativeHandle, useRef, useState } from "react"; +import { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react"; import { Toggle } from "@/components/ui/toggle"; import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"; import { CopyIconButton } from "@/app/(app)/components/copyIconButton"; @@ -19,6 +19,7 @@ import { LangfuseWeb } from "langfuse"; import { env } from "@sourcebot/shared/client"; import isEqual from "fast-deep-equal/react"; import { FileSource } from "../../types"; +import { SUPPORTED_DIAGRAM_LANGUAGES } from "./diagramRenderer"; interface AnswerCardProps { answerText: string; @@ -26,8 +27,25 @@ interface AnswerCardProps { chatId: string; traceId?: string; sources: FileSource[]; + /** + * When provided, a "Visualize" button is shown in the answer header. Clicking + * it sends a follow-up message asking the agent to render the answer as a + * diagram. If the answer already contains a diagram block, the button is + * relabeled to "New diagram" rather than hidden. The button is disabled + * while a stream is in flight. + */ + onVisualize?: () => void; + isVisualizeDisabled?: boolean; } +const diagramFenceRegexes = SUPPORTED_DIAGRAM_LANGUAGES.map( + (lang) => new RegExp(`\`\`\`\\s*${lang}\\b`, 'i'), +); + +const answerContainsDiagram = (text: string): boolean => { + return diagramFenceRegexes.some((re) => re.test(text)); +}; + const langfuseWeb = env.NEXT_PUBLIC_LANGFUSE_PUBLIC_KEY ? new LangfuseWeb({ publicKey: env.NEXT_PUBLIC_LANGFUSE_PUBLIC_KEY, baseUrl: env.NEXT_PUBLIC_LANGFUSE_BASE_URL, @@ -39,6 +57,8 @@ const AnswerCardComponent = forwardRef(({ chatId, traceId, sources, + onVisualize, + isVisualizeDisabled = false, }, forwardedRef) => { const markdownRendererRef = useRef(null); // eslint-disable-next-line react-hooks/refs -- ref.current is passed to a custom hook, not used directly in render output @@ -65,6 +85,26 @@ const AnswerCardComponent = forwardRef(({ return true; }, [answerText, sources, chatId, captureEvent, toast]); + // Always show the Visualize button when the callback is wired up. The earlier + // "hide when a diagram is already present" heuristic was too aggressive — users + // often want a different angle on the same answer (e.g. a higher-level overview, + // or a sequence diagram instead of an architecture graph), and discoverability + // suffered when the button silently disappeared mid-answer. + const hasDiagram = useMemo(() => answerContainsDiagram(answerText), [answerText]); + const isVisualizeButtonVisible = !!onVisualize; + const visualizeButtonLabel = hasDiagram ? 'New diagram' : 'Visualize'; + const visualizeTooltip = hasDiagram + ? 'Generate another diagram (different angle or detail level)' + : 'Generate a diagram from this answer'; + + const onVisualizeClick = useCallback(() => { + if (!onVisualize) { + return; + } + captureEvent('wa_chat_visualize_answer_pressed', { chatId, messageId }); + onVisualize(); + }, [onVisualize, captureEvent, chatId, messageId]); + const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => { setIsSubmittingFeedback(true); @@ -114,6 +154,25 @@ const AnswerCardComponent = forwardRef(({

Answer

+ {isVisualizeButtonVisible && ( + + + + + + {visualizeTooltip} + + + )} (({ { + // Reuse the user's currently selected search scopes so the re-prompt has + // access to the same repos the original answer was generated against. + const message = createUIMessage(VISUALIZE_ANSWER_PROMPT, [], selectedSearchScopes); + sendMessage(message); + scrollToBottom(); + }, [sendMessage, selectedSearchScopes, scrollToBottom]); + const onDuplicate = useCallback(async (newName: string): Promise => { if (!defaultChatId) { return null; @@ -372,6 +381,7 @@ export const ChatThread = ({ {messagePairs.map(([userMessage, assistantMessage], index) => { const isLastPair = index === messagePairs.length - 1; const isStreaming = isLastPair && (status === "streaming" || status === "submitted"); + const isAnyMessageStreaming = status === "streaming" || status === "submitted"; // Use a stable key based on user message ID const key = userMessage.id; @@ -384,6 +394,8 @@ export const ChatThread = ({ assistantMessage={assistantMessage} isStreaming={isStreaming} sources={sources} + onVisualize={isLastPair ? onVisualizeAnswer : undefined} + isAnotherMessageStreaming={isAnyMessageStreaming} /> {index !== messagePairs.length - 1 && ( diff --git a/packages/web/src/features/chat/components/chatThread/chatThreadListItem.tsx b/packages/web/src/features/chat/components/chatThread/chatThreadListItem.tsx index 0cbd4b264..64c9e7179 100644 --- a/packages/web/src/features/chat/components/chatThread/chatThreadListItem.tsx +++ b/packages/web/src/features/chat/components/chatThread/chatThreadListItem.tsx @@ -23,6 +23,13 @@ interface ChatThreadListItemProps { sources: Source[]; chatId: string; index: number; + /** + * Only provided for the most recent message pair. Sending a follow-up message + * from an older turn would be confusing in the UI, so we deliberately omit + * the visualize action for non-latest turns. + */ + onVisualize?: () => void; + isAnotherMessageStreaming?: boolean; } const ChatThreadListItemComponent = forwardRef(({ @@ -32,6 +39,8 @@ const ChatThreadListItemComponent = forwardRef { const leftPanelRef = useRef(null); const [leftPanelHeight, setLeftPanelHeight] = useState(null); @@ -372,6 +381,8 @@ const ChatThreadListItemComponent = forwardRef ) : !isStreaming && (

Error: No answer response was provided

diff --git a/packages/web/src/features/chat/components/chatThread/diagramRenderer.tsx b/packages/web/src/features/chat/components/chatThread/diagramRenderer.tsx new file mode 100644 index 000000000..5546dbc3e --- /dev/null +++ b/packages/web/src/features/chat/components/chatThread/diagramRenderer.tsx @@ -0,0 +1,140 @@ +'use client'; + +import { Button } from '@/components/ui/button'; +import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'; +import useCaptureEvent from '@/hooks/useCaptureEvent'; +import { Code2, Expand, RefreshCw } from 'lucide-react'; +import { useCallback, useMemo, useState } from 'react'; +import { CodeBlock } from './codeBlock'; +import { FullscreenDiagramDialog } from './fullscreenDiagramDialog'; +import { MermaidDiagram } from './mermaidDiagram'; + +export type DiagramLanguage = 'mermaid'; + +// Languages this renderer supports. Adding a new engine (e.g. react-flow) means: +// 1) Add it to `DiagramLanguage`, +// 2) Add a renderer to `DIAGRAM_RENDERERS`, +// 3) Add the language tag to `SUPPORTED_DIAGRAM_LANGUAGES`. +const DIAGRAM_RENDERERS: Record void; +}>> = { + mermaid: MermaidDiagram, +}; + +export const SUPPORTED_DIAGRAM_LANGUAGES: DiagramLanguage[] = ['mermaid']; + +export const isDiagramLanguage = (language: string | undefined): language is DiagramLanguage => { + return language !== undefined && (SUPPORTED_DIAGRAM_LANGUAGES as string[]).includes(language); +}; + +interface DiagramRendererProps { + language: DiagramLanguage; + code: string; + chatId?: string; +} + +// Markdown sanitization (rehype-raw + rehype-sanitize) encodes angle brackets and +// other characters as HTML entities by the time a code block reaches us. Diagram +// engines like mermaid expect raw text, so we decode the common entities here +// before handing off. We deliberately do this inline rather than via DOMParser so +// the same path works during SSR. +const ENTITY_DECODE_MAP: Record = { + '<': '<', + '>': '>', + '&': '&', + '"': '"', + ''': "'", + ''': "'", + ' ': ' ', +}; + +const decodeHtmlEntities = (text: string): string => { + return text.replace(/&(?:lt|gt|amp|quot|#39|apos|nbsp);/g, (m) => ENTITY_DECODE_MAP[m] ?? m); +}; + +export const DiagramRenderer = ({ language, code: rawCode, chatId }: DiagramRendererProps) => { + const code = useMemo(() => decodeHtmlEntities(rawCode), [rawCode]); + const Renderer = DIAGRAM_RENDERERS[language]; + const captureEvent = useCaptureEvent(); + const [isFullscreenOpen, setIsFullscreenOpen] = useState(false); + const [isSourceMode, setIsSourceMode] = useState(false); + const [renderError, setRenderError] = useState(undefined); + const [hasRenderedOnce, setHasRenderedOnce] = useState(false); + + const onRenderStateChange = useCallback((state: { isRendered: boolean; svg?: string; error?: string }) => { + setRenderError(state.error); + if (state.isRendered && !hasRenderedOnce) { + setHasRenderedOnce(true); + captureEvent('wa_chat_diagram_rendered', { + chatId: chatId ?? 'unknown', + language, + }); + } + }, [hasRenderedOnce, captureEvent, chatId, language]); + + const onOpenFullscreen = useCallback(() => { + setIsFullscreenOpen(true); + captureEvent('wa_chat_diagram_fullscreen_opened', { + chatId: chatId ?? 'unknown', + language, + }); + }, [captureEvent, chatId, language]); + + const toolbar = useMemo(() => ( +
+ + + + + {isSourceMode ? 'Show diagram' : 'Show source'} + + + + + + Open fullscreen + +
+ ), [isSourceMode, onOpenFullscreen, renderError]); + + return ( + <> +
+ {toolbar} + {isSourceMode ? ( + + ) : ( + + )} + {renderError && !isSourceMode && ( +
+ + Streaming or invalid syntax. The diagram will appear once it's complete. +
+ )} +
+ + + ); +}; diff --git a/packages/web/src/features/chat/components/chatThread/fullscreenDiagramDialog.tsx b/packages/web/src/features/chat/components/chatThread/fullscreenDiagramDialog.tsx new file mode 100644 index 000000000..8a3ce46b6 --- /dev/null +++ b/packages/web/src/features/chat/components/chatThread/fullscreenDiagramDialog.tsx @@ -0,0 +1,248 @@ +'use client'; + +import { Button } from '@/components/ui/button'; +import { + Dialog, + DialogContent, + DialogDescription, + DialogHeader, + DialogTitle, +} from '@/components/ui/dialog'; +import { useToast } from '@/components/hooks/use-toast'; +import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; +import { Copy, Download, Maximize, Maximize2, Minimize2, RotateCcw } from 'lucide-react'; +import { useCallback, useEffect, useRef, useState } from 'react'; +import { TransformComponent, TransformWrapper, type ReactZoomPanPinchRef } from 'react-zoom-pan-pinch'; +import { CodeBlock } from './codeBlock'; +import { MermaidDiagram } from './mermaidDiagram'; + +// Padding around the diagram when auto-fitting. Higher values give the diagram +// more breathing room from the dialog edges; lower values fill more aggressively. +const FIT_PADDING_PX = 40; + +interface FullscreenDiagramDialogProps { + isOpen: boolean; + onOpenChange: (open: boolean) => void; + code: string; + language: string; +} + +export const FullscreenDiagramDialog = ({ + isOpen, + onOpenChange, + code, + language, +}: FullscreenDiagramDialogProps) => { + const transformRef = useRef(null); + const wrapperRef = useRef(null); + const [renderedSvg, setRenderedSvg] = useState(undefined); + const { toast } = useToast(); + + // Clear the cached SVG whenever the dialog opens or the input changes, so + // a download triggered before the next render completes can't return the + // previous diagram's SVG. + useEffect(() => { + setRenderedSvg(undefined); + }, [isOpen, code, language]); + + // Auto-fit the diagram to the available space whenever the SVG (re)renders. + // Mermaid's `useMaxWidth: true` makes the SVG cap at its natural width, which + // looks tiny inside a 95vw dialog. zoomToElement computes the scale needed + // to fit the element with our chosen padding, so the diagram opens at a + // sensible size regardless of its natural dimensions. + const fitDiagramToView = useCallback(() => { + const wrapper = wrapperRef.current; + const api = transformRef.current; + if (!wrapper || !api) { + return; + } + const svg = wrapper.querySelector('svg'); + if (!svg) { + return; + } + try { + // `zoomToElement(element, scale, animationTime, animationType)`. + // Passing `undefined` for scale lets the library compute the best-fit scale. + api.zoomToElement(svg as unknown as HTMLElement, undefined, 200); + } catch { + // No-op: if the library API changes or the element disappears mid-call, + // we silently fall back to the default scale rather than crashing. + } + }, []); + + const onMermaidStateChange = useCallback((state: { isRendered: boolean; svg?: string }) => { + setRenderedSvg(state.svg); + if (state.isRendered) { + // Wait a frame so the freshly-injected SVG has been laid out before we measure. + requestAnimationFrame(() => { + fitDiagramToView(); + }); + } + }, [fitDiagramToView]); + + const onFitToView = useCallback(() => { + fitDiagramToView(); + }, [fitDiagramToView]); + + const onCopySource = useCallback(async () => { + try { + await navigator.clipboard.writeText(code); + toast({ description: 'Diagram source copied to clipboard' }); + } catch { + toast({ description: 'Failed to copy diagram source', variant: 'destructive' }); + } + }, [code, toast]); + + const onDownloadSvg = useCallback(() => { + if (!renderedSvg) { + toast({ description: 'Diagram not ready to download yet', variant: 'destructive' }); + return; + } + + try { + const blob = new Blob([renderedSvg], { type: 'image/svg+xml;charset=utf-8' }); + const url = URL.createObjectURL(blob); + const a = document.createElement('a'); + a.href = url; + a.download = `diagram-${Date.now()}.svg`; + document.body.appendChild(a); + a.click(); + document.body.removeChild(a); + URL.revokeObjectURL(url); + } catch { + toast({ description: 'Failed to download SVG', variant: 'destructive' }); + } + }, [renderedSvg, toast]); + + const onResetView = useCallback(() => { + transformRef.current?.resetTransform(); + }, []); + + const onZoomIn = useCallback(() => { + transformRef.current?.zoomIn(); + }, []); + + const onZoomOut = useCallback(() => { + transformRef.current?.zoomOut(); + }, []); + + return ( + + + + Diagram + + Fullscreen diagram viewer with pan, zoom, copy, and download controls. + + + +
+ + Diagram + Source + +
+ + + + + + +
+
+ +
+ + + {/* + Reuse MermaidDiagram so the same renderer handles both inline and fullscreen views. + When react-flow is added, this can be replaced with a routing component that + switches on `language`. + */} + {language === 'mermaid' ? ( + + ) : ( + + )} + + +
+ + + + + + + + ); +}; diff --git a/packages/web/src/features/chat/components/chatThread/markdownRenderer.tsx b/packages/web/src/features/chat/components/chatThread/markdownRenderer.tsx index 5ef177dc1..245b3d9d3 100644 --- a/packages/web/src/features/chat/components/chatThread/markdownRenderer.tsx +++ b/packages/web/src/features/chat/components/chatThread/markdownRenderer.tsx @@ -17,6 +17,7 @@ import remarkGfm from 'remark-gfm'; import type { PluggableList, Plugin } from "unified"; import { visit } from 'unist-util-visit'; import { CodeBlock } from './codeBlock'; +import { DiagramRenderer, isDiagramLanguage } from './diagramRenderer'; import { LinearIssueCard } from './linearIssueCard'; import { FILE_REFERENCE_REGEX } from '@/features/chat/constants'; import { createFileReference } from '@/features/chat/utils'; @@ -129,9 +130,14 @@ interface MarkdownRendererProps { * instead of being parsed as HTML. File references (@file:{...}) are unaffected. */ escapeHtml?: boolean; + /** + * Forwarded to embedded diagram renderers (mermaid, etc.) for telemetry. + * Optional so the renderer can also be used outside of the chat surface. + */ + chatId?: string; } -const MarkdownRendererComponent = forwardRef(({ content, className, escapeHtml = false }, ref) => { +const MarkdownRendererComponent = forwardRef(({ content, className, escapeHtml = false, chatId }, ref) => { const router = useRouter(); const remarkPlugins = useMemo((): PluggableList => { @@ -204,6 +210,16 @@ const MarkdownRendererComponent = forwardRef + ); + } + return ( ) - }, [router]); + }, [router, chatId]); return (
{ + if (typeof document === 'undefined') { + return undefined; + } + return document.documentElement.classList.contains('dark') ? 'dark' : 'light'; +}; + +interface MermaidDiagramProps { + code: string; + className?: string; + onRenderStateChange?: (state: { isRendered: boolean; svg?: string; error?: string }) => void; +} + +const RENDER_DEBOUNCE_MS = 250; + +// Hard guards to keep the main thread responsive. Mermaid is synchronous and +// can block for many seconds on large or pathological diagrams. Anything above +// these limits is gated behind an explicit user click ("Render diagram") so the +// page never freezes on its own. +const AUTO_RENDER_MAX_LINES = 60; +const AUTO_RENDER_MAX_CHARS = 4000; + +// Initialize mermaid once per page load, not per render. Calling initialize on +// every render was harmless functionally but wasteful and made debugging slower. +// eslint-disable-next-line @typescript-eslint/no-explicit-any -- mermaid types live behind a dynamic import +let mermaidModule: any | undefined; +let mermaidInitializedTheme: 'dark' | 'default' | undefined; + +const loadMermaid = async () => { + if (mermaidModule) { + return mermaidModule; + } + const mod = await import('mermaid'); + mermaidModule = mod.default; + return mermaidModule; +}; + +// eslint-disable-next-line @typescript-eslint/no-explicit-any +const initializeMermaidIfNeeded = (mermaid: any, theme: 'dark' | 'default') => { + if (mermaidInitializedTheme === theme) { + return; + } + mermaid.initialize({ + startOnLoad: false, + theme, + securityLevel: 'strict', + fontFamily: 'var(--font-sans, system-ui, sans-serif)', + flowchart: { htmlLabels: true, useMaxWidth: true }, + sequence: { useMaxWidth: true }, + gantt: { useMaxWidth: true }, + er: { useMaxWidth: true }, + class: { useMaxWidth: true }, + }); + mermaidInitializedTheme = theme; +}; + +export const MermaidDiagram = ({ code, className, onRenderStateChange }: MermaidDiagramProps) => { + const reactId = useId(); + const renderTokenRef = useRef(0); + const containerRef = useRef(null); + // Pull from next-themes for theme-change reactivity (e.g. user toggles dark mode), + // but fall back to a DOM read so the very first render gets the correct theme + // even before next-themes has finished hydrating. + const { resolvedTheme: hookResolvedTheme } = useTheme(); + const resolvedTheme = hookResolvedTheme ?? readResolvedTheme(); + const isDarkMode = resolvedTheme === 'dark'; + const [svg, setSvg] = useState(undefined); + const [error, setError] = useState(undefined); + const [isRendering, setIsRendering] = useState(false); + const [isInViewport, setIsInViewport] = useState(false); + const [hasUserOptedIn, setHasUserOptedIn] = useState(false); + + const sanitizedCode = useMemo(() => code.trim(), [code]); + + const renderId = useMemo(() => { + return `mermaid-${reactId.replace(/:/g, '')}`; + }, [reactId]); + + const complexity = useMemo(() => { + const lines = sanitizedCode.split('\n').length; + const chars = sanitizedCode.length; + const isLarge = lines > AUTO_RENDER_MAX_LINES || chars > AUTO_RENDER_MAX_CHARS; + return { lines, chars, isLarge }; + }, [sanitizedCode]); + + // Whether we should attempt an auto-render. We require: (1) the diagram is + // small enough that it won't freeze the browser, and (2) the diagram has + // scrolled into (or near) the viewport. Large diagrams require an explicit + // click. This is the single most important guard against page-unresponsive + // dialogs on chats with many failed diagrams stacked up. + const shouldRender = useMemo(() => { + if (hasUserOptedIn) { + return true; + } + if (complexity.isLarge) { + return false; + } + return isInViewport; + }, [hasUserOptedIn, complexity.isLarge, isInViewport]); + + const render = useCallback(async (input: string, theme: 'dark' | 'default') => { + const token = ++renderTokenRef.current; + setIsRendering(true); + + try { + const mermaid = await loadMermaid(); + initializeMermaidIfNeeded(mermaid, theme); + + await mermaid.parse(input); + const { svg: rendered } = await mermaid.render(renderId, input); + + if (token !== renderTokenRef.current) { + return; + } + + setSvg(rendered); + setError(undefined); + onRenderStateChange?.({ isRendered: true, svg: rendered }); + } catch (err) { + if (token !== renderTokenRef.current) { + return; + } + const message = err instanceof Error ? err.message : String(err); + setError(message); + setSvg(undefined); + onRenderStateChange?.({ isRendered: false, error: message }); + } finally { + if (token === renderTokenRef.current) { + setIsRendering(false); + } + } + }, [renderId, onRenderStateChange]); + + // Observe when the diagram scrolls into view. We use a generous rootMargin + // so rendering kicks off slightly before the user actually sees the slot, + // which feels instant in practice. + useEffect(() => { + const node = containerRef.current; + if (!node || typeof IntersectionObserver === 'undefined') { + setIsInViewport(true); + return; + } + + const observer = new IntersectionObserver( + (entries) => { + for (const entry of entries) { + if (entry.isIntersecting) { + setIsInViewport(true); + observer.disconnect(); + return; + } + } + }, + { rootMargin: '200px 0px' }, + ); + + observer.observe(node); + return () => observer.disconnect(); + }, []); + + useEffect(() => { + if (!sanitizedCode || !shouldRender) { + return; + } + + const theme = isDarkMode ? 'dark' : 'default'; + const timeout = setTimeout(() => { + void render(sanitizedCode, theme); + }, RENDER_DEBOUNCE_MS); + + return () => { + clearTimeout(timeout); + }; + }, [sanitizedCode, isDarkMode, render, shouldRender]); + + // Large diagram gated behind a click — never auto-renders. + if (complexity.isLarge && !hasUserOptedIn) { + return ( +
+

+ Large diagram ({complexity.lines} lines, {complexity.chars.toLocaleString()} chars). Auto-rendering is disabled to keep the page responsive. +

+ +
+ + Show source instead + +
+ +
+
+
+ ); + } + + if (error && !isRendering) { + return ( +
+
+ Diagram could not be rendered. Showing source. +
+
+ + Mermaid error details + + 
+                        {error}
+
+
+ +
+ ); + } + + if (!svg) { + return ( +
+ + {shouldRender ? 'Rendering diagram...' : 'Diagram queued (scroll to render)'} + +
+ ); + } + + return ( +
+ ); +}; diff --git a/packages/web/src/features/chat/constants.ts b/packages/web/src/features/chat/constants.ts index b84e9d922..39e618828 100644 --- a/packages/web/src/features/chat/constants.ts +++ b/packages/web/src/features/chat/constants.ts @@ -9,3 +9,8 @@ export const ANSWER_TAG = ''; export const SELECTED_SEARCH_SCOPES_LOCAL_STORAGE_KEY = 'selectedSearchScopes'; export const SET_CHAT_STATE_SESSION_STORAGE_KEY = 'setChatState'; + +// Prompt sent when the user clicks "Visualize this" on an answer. The agent has +// the prior assistant answer in its message history, so it can produce a diagram +// from existing context without re-running every research step. +export const VISUALIZE_ANSWER_PROMPT = 'Visualize the previous answer as a diagram. Include a `mermaid` fenced code block using the most appropriate diagram type (sequenceDiagram, flowchart, graph, classDiagram, or erDiagram). Cite each node back to its source file using the @file:{...} format. Keep the diagram focused and readable.'; diff --git a/packages/web/src/lib/posthogEvents.ts b/packages/web/src/lib/posthogEvents.ts index 94d3d9b88..61c21e71c 100644 --- a/packages/web/src/lib/posthogEvents.ts +++ b/packages/web/src/lib/posthogEvents.ts @@ -239,6 +239,18 @@ export type PosthogEventMap = { chatId: string, isExpanded: boolean, }, + wa_chat_diagram_rendered: { + chatId: string, + language: string, + }, + wa_chat_diagram_fullscreen_opened: { + chatId: string, + language: string, + }, + wa_chat_visualize_answer_pressed: { + chatId: string, + messageId: string, + }, wa_user_created: { userId: string, }, diff --git a/yarn.lock b/yarn.lock index b074eb2f1..53b5e3217 100644 --- a/yarn.lock +++ b/yarn.lock @@ -201,6 +201,16 @@ __metadata: languageName: node linkType: hard +"@antfu/install-pkg@npm:^1.1.0": + version: 1.1.0 + resolution: "@antfu/install-pkg@npm:1.1.0" + dependencies: + package-manager-detector: "npm:^1.3.0" + tinyexec: "npm:^1.0.1" + checksum: 10c0/140d5994c76fd3d0e824c88f1ce91b3370e8066a8bc2f5729ae133bf768caa239f7915e29c78f239b7ead253113ace51293e95127fafe2b786b88eb615b3be47 + languageName: node + linkType: hard + "@antfu/ni@npm:^0.23.0": version: 0.23.2 resolution: "@antfu/ni@npm:0.23.2" @@ -1328,6 +1338,13 @@ __metadata: languageName: node linkType: hard +"@braintree/sanitize-url@npm:^7.1.1": + version: 7.1.2 + resolution: "@braintree/sanitize-url@npm:7.1.2" + checksum: 10c0/62f2aa0cf58626e3880b2dc1025c42064b4639abd157ae4e1c35f4c2f5031e9273772046a423979845069c814e27ff818e8e669280dc53585e6f033d5b7a59cb + languageName: node + linkType: hard + "@cfworker/json-schema@npm:^4.0.2": version: 4.1.1 resolution: "@cfworker/json-schema@npm:4.1.1" @@ -1335,6 +1352,13 @@ __metadata: languageName: node linkType: hard +"@chevrotain/types@npm:~11.1.1": + version: 11.1.2 + resolution: "@chevrotain/types@npm:11.1.2" + checksum: 10c0/c0c4679a3d407df34e18d5adfa7ac599b4a2bfddbf68da6e43678b9b3e16ab911de7766b37b9fc466261c3dead3db1b620e2e344f800fa9f0f381720475eda8f + languageName: node + linkType: hard + "@codemirror/autocomplete@npm:^6.0.0, @codemirror/autocomplete@npm:^6.16.2, @codemirror/autocomplete@npm:^6.3.2, @codemirror/autocomplete@npm:^6.7.1": version: 6.18.6 resolution: "@codemirror/autocomplete@npm:6.18.6" @@ -2508,6 +2532,17 @@ __metadata: languageName: node linkType: hard +"@iconify/utils@npm:^3.0.2": + version: 3.1.3 + resolution: "@iconify/utils@npm:3.1.3" + dependencies: + "@antfu/install-pkg": "npm:^1.1.0" + "@iconify/types": "npm:^2.0.0" + import-meta-resolve: "npm:^4.2.0" + checksum: 10c0/6d01196172ef062a9cd0ee299dff3a405221e65057d6cca9ac9fb4bacd7d78168d54b0837b75d5f163038d770a3a7e4449d68ea2fc7a577c01b9ab51bfd53c98 + languageName: node + linkType: hard + "@iizukak/codemirror-lang-wgsl@npm:^0.3.0": version: 0.3.0 resolution: "@iizukak/codemirror-lang-wgsl@npm:0.3.0" @@ -3425,6 +3460,15 @@ __metadata: languageName: node linkType: hard +"@mermaid-js/parser@npm:^1.1.1": + version: 1.1.1 + resolution: "@mermaid-js/parser@npm:1.1.1" + dependencies: + "@chevrotain/types": "npm:~11.1.1" + checksum: 10c0/66414d9d66f3a86a6751427cb8890a00beaaee2b7eba34c21b34b60cdaf9237d21e9b50b9bf1f560a01a600ee332d33b949fd8f12cbda3238aba50edc0dfdf15 + languageName: node + linkType: hard + "@modelcontextprotocol/sdk@npm:^1.25.0": version: 1.27.1 resolution: "@modelcontextprotocol/sdk@npm:1.27.1" @@ -8933,6 +8977,7 @@ __metadata: langfuse-vercel: "npm:^3.38.4" linguist-languages: "npm:^9.3.1" lucide-react: "npm:^0.517.0" + mermaid: "npm:^11.15.0" micromatch: "npm:^4.0.8" minidenticons: "npm:^4.2.1" next: "npm:^16.2.6" @@ -8962,6 +9007,7 @@ __metadata: react-markdown: "npm:^10.1.0" react-resizable-panels: "npm:^2.1.1" react-scan: "npm:^0.5.3" + react-zoom-pan-pinch: "npm:^4.0.3" recharts: "npm:^2.15.3" rehype-raw: "npm:^7.0.0" rehype-sanitize: "npm:^6.0.0" @@ -9248,6 +9294,13 @@ __metadata: languageName: node linkType: hard +"@types/d3-array@npm:*": + version: 3.2.2 + resolution: "@types/d3-array@npm:3.2.2" + checksum: 10c0/6137cb97302f8a4f18ca22c0560c585cfcb823f276b23d89f2c0c005d72697ec13bca671c08e68b4b0cabd622e3f0e91782ee221580d6774074050be96dd7028 + languageName: node + linkType: hard + "@types/d3-array@npm:^3.0.3": version: 3.2.1 resolution: "@types/d3-array@npm:3.2.1" @@ -9255,6 +9308,31 @@ __metadata: languageName: node linkType: hard +"@types/d3-axis@npm:*": + version: 3.0.6 + resolution: "@types/d3-axis@npm:3.0.6" + dependencies: + "@types/d3-selection": "npm:*" + checksum: 10c0/d756d42360261f44d8eefd0950c5bb0a4f67a46dd92069da3f723ac36a1e8cb2b9ce6347d836ef19d5b8aef725dbcf8fdbbd6cfbff676ca4b0642df2f78b599a + languageName: node + linkType: hard + +"@types/d3-brush@npm:*": + version: 3.0.6 + resolution: "@types/d3-brush@npm:3.0.6" + dependencies: + "@types/d3-selection": "npm:*" + checksum: 10c0/fd6e2ac7657a354f269f6b9c58451ffae9d01b89ccb1eb6367fd36d635d2f1990967215ab498e0c0679ff269429c57fad6a2958b68f4d45bc9f81d81672edc01 + languageName: node + linkType: hard + +"@types/d3-chord@npm:*": + version: 3.0.6 + resolution: "@types/d3-chord@npm:3.0.6" + checksum: 10c0/c5a25eb5389db01e63faec0c5c2ec7cc41c494e9b3201630b494c4e862a60f1aa83fabbc33a829e7e1403941e3c30d206c741559b14406ac2a4239cfdf4b4c17 + languageName: node + linkType: hard + "@types/d3-color@npm:*": version: 3.1.3 resolution: "@types/d3-color@npm:3.1.3" @@ -9262,14 +9340,93 @@ __metadata: languageName: node linkType: hard -"@types/d3-ease@npm:^3.0.0": +"@types/d3-contour@npm:*": + version: 3.0.6 + resolution: "@types/d3-contour@npm:3.0.6" + dependencies: + "@types/d3-array": "npm:*" + "@types/geojson": "npm:*" + checksum: 10c0/e7d83e94719af4576ceb5ac7f277c5806f83ba6c3631744ae391cffc3641f09dfa279470b83053cd0b2acd6784e8749c71141d05bdffa63ca58ffb5b31a0f27c + languageName: node + linkType: hard + +"@types/d3-delaunay@npm:*": + version: 6.0.4 + resolution: "@types/d3-delaunay@npm:6.0.4" + checksum: 10c0/d154a8864f08c4ea23ecb9bdabcef1c406a25baa8895f0cb08a0ed2799de0d360e597552532ce7086ff0cdffa8f3563f9109d18f0191459d32bb620a36939123 + languageName: node + linkType: hard + +"@types/d3-dispatch@npm:*": + version: 3.0.7 + resolution: "@types/d3-dispatch@npm:3.0.7" + checksum: 10c0/38c6605ebf0bf0099dfb70eafe0dd4ae8213368b40b8f930b72a909ff2e7259d2bd8a54d100bb5a44eb4b36f4f2a62dcb37f8be59613ca6b507c7a2f910b3145 + languageName: node + linkType: hard + +"@types/d3-drag@npm:*": + version: 3.0.7 + resolution: "@types/d3-drag@npm:3.0.7" + dependencies: + "@types/d3-selection": "npm:*" + checksum: 10c0/65e29fa32a87c72d26c44b5e2df3bf15af21cd128386bcc05bcacca255927c0397d0cd7e6062aed5f0abd623490544a9d061c195f5ed9f018fe0b698d99c079d + languageName: node + linkType: hard + +"@types/d3-dsv@npm:*": + version: 3.0.7 + resolution: "@types/d3-dsv@npm:3.0.7" + checksum: 10c0/c0f01da862465594c8a28278b51c850af3b4239cc22b14fd1a19d7a98f93d94efa477bf59d8071beb285dca45bf614630811451e18e7c52add3a0abfee0a1871 + languageName: node + linkType: hard + +"@types/d3-ease@npm:*, @types/d3-ease@npm:^3.0.0": version: 3.0.2 resolution: "@types/d3-ease@npm:3.0.2" checksum: 10c0/aff5a1e572a937ee9bff6465225d7ba27d5e0c976bd9eacdac2e6f10700a7cb0c9ea2597aff6b43a6ed850a3210030870238894a77ec73e309b4a9d0333f099c languageName: node linkType: hard -"@types/d3-interpolate@npm:^3.0.1": +"@types/d3-fetch@npm:*": + version: 3.0.7 + resolution: "@types/d3-fetch@npm:3.0.7" + dependencies: + "@types/d3-dsv": "npm:*" + checksum: 10c0/3d147efa52a26da1a5d40d4d73e6cebaaa964463c378068062999b93ea3731b27cc429104c21ecbba98c6090e58ef13429db6399238c5e3500162fb3015697a0 + languageName: node + linkType: hard + +"@types/d3-force@npm:*": + version: 3.0.10 + resolution: "@types/d3-force@npm:3.0.10" + checksum: 10c0/c82b459079a106b50e346c9b79b141f599f2fc4f598985a5211e72c7a2e20d35bd5dc6e91f306b323c8bfa325c02c629b1645f5243f1c6a55bd51bc85cccfa92 + languageName: node + linkType: hard + +"@types/d3-format@npm:*": + version: 3.0.4 + resolution: "@types/d3-format@npm:3.0.4" + checksum: 10c0/3ac1600bf9061a59a228998f7cd3f29e85cbf522997671ba18d4d84d10a2a1aff4f95aceb143fa9960501c3ec351e113fc75884e6a504ace44dc1744083035ee + languageName: node + linkType: hard + +"@types/d3-geo@npm:*": + version: 3.1.0 + resolution: "@types/d3-geo@npm:3.1.0" + dependencies: + "@types/geojson": "npm:*" + checksum: 10c0/3745a93439038bb5b0b38facf435f7079812921d46406f5d38deaee59e90084ff742443c7ea0a8446df81a0d81eaf622fe7068cf4117a544bd4aa3b2dc182f88 + languageName: node + linkType: hard + +"@types/d3-hierarchy@npm:*": + version: 3.1.7 + resolution: "@types/d3-hierarchy@npm:3.1.7" + checksum: 10c0/873711737d6b8e7b6f1dda0bcd21294a48f75024909ae510c5d2c21fad2e72032e0958def4d9f68319d3aaac298ad09c49807f8bfc87a145a82693b5208613c7 + languageName: node + linkType: hard + +"@types/d3-interpolate@npm:*, @types/d3-interpolate@npm:^3.0.1": version: 3.0.4 resolution: "@types/d3-interpolate@npm:3.0.4" dependencies: @@ -9285,7 +9442,35 @@ __metadata: languageName: node linkType: hard -"@types/d3-scale@npm:^4.0.2": +"@types/d3-polygon@npm:*": + version: 3.0.2 + resolution: "@types/d3-polygon@npm:3.0.2" + checksum: 10c0/f46307bb32b6c2aef8c7624500e0f9b518de8f227ccc10170b869dc43e4c542560f6c8d62e9f087fac45e198d6e4b623e579c0422e34c85baf56717456d3f439 + languageName: node + linkType: hard + +"@types/d3-quadtree@npm:*": + version: 3.0.6 + resolution: "@types/d3-quadtree@npm:3.0.6" + checksum: 10c0/7eaa0a4d404adc856971c9285e1c4ab17e9135ea669d847d6db7e0066126a28ac751864e7ce99c65d526e130f56754a2e437a1617877098b3bdcc3ef23a23616 + languageName: node + linkType: hard + +"@types/d3-random@npm:*": + version: 3.0.3 + resolution: "@types/d3-random@npm:3.0.3" + checksum: 10c0/5f4fea40080cd6d4adfee05183d00374e73a10c530276a6455348983dda341003a251def28565a27c25d9cf5296a33e870e397c9d91ff83fb7495a21c96b6882 + languageName: node + linkType: hard + +"@types/d3-scale-chromatic@npm:*": + version: 3.1.0 + resolution: "@types/d3-scale-chromatic@npm:3.1.0" + checksum: 10c0/93c564e02d2e97a048e18fe8054e4a935335da6ab75a56c3df197beaa87e69122eef0dfbeb7794d4a444a00e52e3123514ee27cec084bd21f6425b7037828cc2 + languageName: node + linkType: hard + +"@types/d3-scale@npm:*, @types/d3-scale@npm:^4.0.2": version: 4.0.9 resolution: "@types/d3-scale@npm:4.0.9" dependencies: @@ -9294,6 +9479,22 @@ __metadata: languageName: node linkType: hard +"@types/d3-selection@npm:*": + version: 3.0.11 + resolution: "@types/d3-selection@npm:3.0.11" + checksum: 10c0/0c512956c7503ff5def4bb32e0c568cc757b9a2cc400a104fc0f4cfe5e56d83ebde2a97821b6f2cb26a7148079d3b86a2f28e11d68324ed311cf35c2ed980d1d + languageName: node + linkType: hard + +"@types/d3-shape@npm:*": + version: 3.1.8 + resolution: "@types/d3-shape@npm:3.1.8" + dependencies: + "@types/d3-path": "npm:*" + checksum: 10c0/49ec2172b9eb66fc1d036e2a23966216bb972e9af51ddbed134df24bd71aedf207bb1ef81903a119eb4e1f5e927cf44beacaf64c9af86474e5548594b102b574 + languageName: node + linkType: hard + "@types/d3-shape@npm:^3.1.0": version: 3.1.7 resolution: "@types/d3-shape@npm:3.1.7" @@ -9303,6 +9504,13 @@ __metadata: languageName: node linkType: hard +"@types/d3-time-format@npm:*": + version: 4.0.3 + resolution: "@types/d3-time-format@npm:4.0.3" + checksum: 10c0/9ef5e8e2b96b94799b821eed5d61a3d432c7903247966d8ad951b8ce5797fe46554b425cb7888fa5bf604b4663c369d7628c0328ffe80892156671c58d1a7f90 + languageName: node + linkType: hard + "@types/d3-time@npm:*, @types/d3-time@npm:^3.0.0": version: 3.0.4 resolution: "@types/d3-time@npm:3.0.4" @@ -9310,13 +9518,70 @@ __metadata: languageName: node linkType: hard -"@types/d3-timer@npm:^3.0.0": +"@types/d3-timer@npm:*, @types/d3-timer@npm:^3.0.0": version: 3.0.2 resolution: "@types/d3-timer@npm:3.0.2" checksum: 10c0/c644dd9571fcc62b1aa12c03bcad40571553020feeb5811f1d8a937ac1e65b8a04b759b4873aef610e28b8714ac71c9885a4d6c127a048d95118f7e5b506d9e1 languageName: node linkType: hard +"@types/d3-transition@npm:*": + version: 3.0.9 + resolution: "@types/d3-transition@npm:3.0.9" + dependencies: + "@types/d3-selection": "npm:*" + checksum: 10c0/4f68b9df7ac745b3491216c54203cbbfa0f117ae4c60e2609cdef2db963582152035407fdff995b10ee383bae2f05b7743493f48e1b8e46df54faa836a8fb7b5 + languageName: node + linkType: hard + +"@types/d3-zoom@npm:*": + version: 3.0.8 + resolution: "@types/d3-zoom@npm:3.0.8" + dependencies: + "@types/d3-interpolate": "npm:*" + "@types/d3-selection": "npm:*" + checksum: 10c0/1dbdbcafddcae12efb5beb6948546963f29599e18bc7f2a91fb69cc617c2299a65354f2d47e282dfb86fec0968406cd4fb7f76ba2d2fb67baa8e8d146eb4a547 + languageName: node + linkType: hard + +"@types/d3@npm:^7.4.3": + version: 7.4.3 + resolution: "@types/d3@npm:7.4.3" + dependencies: + "@types/d3-array": "npm:*" + "@types/d3-axis": "npm:*" + "@types/d3-brush": "npm:*" + "@types/d3-chord": "npm:*" + "@types/d3-color": "npm:*" + "@types/d3-contour": "npm:*" + "@types/d3-delaunay": "npm:*" + "@types/d3-dispatch": "npm:*" + "@types/d3-drag": "npm:*" + "@types/d3-dsv": "npm:*" + "@types/d3-ease": "npm:*" + "@types/d3-fetch": "npm:*" + "@types/d3-force": "npm:*" + "@types/d3-format": "npm:*" + "@types/d3-geo": "npm:*" + "@types/d3-hierarchy": "npm:*" + "@types/d3-interpolate": "npm:*" + "@types/d3-path": "npm:*" + "@types/d3-polygon": "npm:*" + "@types/d3-quadtree": "npm:*" + "@types/d3-random": "npm:*" + "@types/d3-scale": "npm:*" + "@types/d3-scale-chromatic": "npm:*" + "@types/d3-selection": "npm:*" + "@types/d3-shape": "npm:*" + "@types/d3-time": "npm:*" + "@types/d3-time-format": "npm:*" + "@types/d3-timer": "npm:*" + "@types/d3-transition": "npm:*" + "@types/d3-zoom": "npm:*" + checksum: 10c0/a9c6d65b13ef3b42c87f2a89ea63a6d5640221869f97d0657b0cb2f1dac96a0f164bf5605643c0794e0de3aa2bf05df198519aaf15d24ca135eb0e8bd8a9d879 + languageName: node + linkType: hard + "@types/debug@npm:^4.0.0": version: 4.1.12 resolution: "@types/debug@npm:4.1.12" @@ -9379,6 +9644,13 @@ __metadata: languageName: node linkType: hard +"@types/geojson@npm:*": + version: 7946.0.16 + resolution: "@types/geojson@npm:7946.0.16" + checksum: 10c0/1ff24a288bd5860b766b073ead337d31d73bdc715e5b50a2cee5cb0af57a1ed02cc04ef295f5fa68dc40fe3e4f104dd31282b2b818a5ba3231bc1001ba084e3c + languageName: node + linkType: hard + "@types/glob-to-regexp@npm:^0.4.4": version: 0.4.4 resolution: "@types/glob-to-regexp@npm:0.4.4" @@ -10188,6 +10460,21 @@ __metadata: languageName: node linkType: hard +"@upsetjs/venn.js@npm:^2.0.0": + version: 2.0.0 + resolution: "@upsetjs/venn.js@npm:2.0.0" + dependencies: + d3-selection: "npm:^3.0.0" + d3-transition: "npm:^3.0.1" + dependenciesMeta: + d3-selection: + optional: true + d3-transition: + optional: true + checksum: 10c0/b12014d94708ab4df7f5a4b6205c6f23ff235cca2ffe91df3314862b109b826e52f9020c2a2f7527d3712d21c578d6db9cdb60ce46a528739cc18e58d111f724 + languageName: node + linkType: hard + "@vercel/oidc@npm:3.1.0": version: 3.1.0 resolution: "@vercel/oidc@npm:3.1.0" @@ -11663,6 +11950,13 @@ __metadata: languageName: node linkType: hard +"commander@npm:7": + version: 7.2.0 + resolution: "commander@npm:7.2.0" + checksum: 10c0/8d690ff13b0356df7e0ebbe6c59b4712f754f4b724d4f473d3cc5b3fdcf978e3a5dc3078717858a2ceb50b0f84d0660a7f22a96cdc50fb877d0c9bb31593d23a + languageName: node + linkType: hard + "commander@npm:^13.0.0": version: 13.1.0 resolution: "commander@npm:13.1.0" @@ -11691,6 +11985,13 @@ __metadata: languageName: node linkType: hard +"commander@npm:^8.3.0": + version: 8.3.0 + resolution: "commander@npm:8.3.0" + checksum: 10c0/8b043bb8322ea1c39664a1598a95e0495bfe4ca2fad0d84a92d7d1d8d213e2a155b441d2470c8e08de7c4a28cf2bc6e169211c49e1b21d9f7edc6ae4d9356060 + languageName: node + linkType: hard + "commondir@npm:^1.0.1": version: 1.0.1 resolution: "commondir@npm:1.0.1" @@ -11823,6 +12124,24 @@ __metadata: languageName: node linkType: hard +"cose-base@npm:^1.0.0": + version: 1.0.3 + resolution: "cose-base@npm:1.0.3" + dependencies: + layout-base: "npm:^1.0.0" + checksum: 10c0/a6e400b1d101393d6af0967c1353355777c1106c40417c5acaef6ca8bdda41e2fc9398f466d6c85be30290943ad631f2590569f67b3fd5368a0d8318946bd24f + languageName: node + linkType: hard + +"cose-base@npm:^2.2.0": + version: 2.2.0 + resolution: "cose-base@npm:2.2.0" + dependencies: + layout-base: "npm:^2.0.0" + checksum: 10c0/14b9f8100ac322a00777ffb1daeb3321af368bbc9cabe3103943361273baee2003202ffe38e4ab770960b600214224e9c196195a78d589521540aa694df7cdec + languageName: node + linkType: hard + "crelt@npm:^1.0.5": version: 1.0.6 resolution: "crelt@npm:1.0.6" @@ -11927,7 +12246,45 @@ __metadata: languageName: node linkType: hard -"d3-array@npm:2 - 3, d3-array@npm:2.10.0 - 3, d3-array@npm:^3.1.6": +"cytoscape-cose-bilkent@npm:^4.1.0": + version: 4.1.0 + resolution: "cytoscape-cose-bilkent@npm:4.1.0" + dependencies: + cose-base: "npm:^1.0.0" + peerDependencies: + cytoscape: ^3.2.0 + checksum: 10c0/5e2480ddba9da1a68e700ed2c674cbfd51e9efdbd55788f1971a68de4eb30708e3b3a5e808bf5628f7a258680406bbe6586d87a9133e02a9bdc1ab1a92f512f2 + languageName: node + linkType: hard + +"cytoscape-fcose@npm:^2.2.0": + version: 2.2.0 + resolution: "cytoscape-fcose@npm:2.2.0" + dependencies: + cose-base: "npm:^2.2.0" + peerDependencies: + cytoscape: ^3.2.0 + checksum: 10c0/ce472c9f85b9057e75c5685396f8e1f2468895e71b184913e05ad56dcf3092618fe59a1054f29cb0995051ba8ebe566ad0dd49a58d62845145624bd60cd44917 + languageName: node + linkType: hard + +"cytoscape@npm:^3.33.1": + version: 3.33.4 + resolution: "cytoscape@npm:3.33.4" + checksum: 10c0/a5bd5dfd7c0f0a0e646407a4b0671fdcf45014a637d72f041bc80f51befca49477559f3ad5e4a8cf362196d079c22ae2f890632ecf17ad64f2934ce59848ebe7 + languageName: node + linkType: hard + +"d3-array@npm:1 - 2": + version: 2.12.1 + resolution: "d3-array@npm:2.12.1" + dependencies: + internmap: "npm:^1.0.0" + checksum: 10c0/7eca10427a9f113a4ca6a0f7301127cab26043fd5e362631ef5a0edd1c4b2dd70c56ed317566700c31e4a6d88b55f3951aaba192291817f243b730cb2352882e + languageName: node + linkType: hard + +"d3-array@npm:2 - 3, d3-array@npm:2.10.0 - 3, d3-array@npm:2.5.0 - 3, d3-array@npm:3, d3-array@npm:^3.1.6, d3-array@npm:^3.2.0": version: 3.2.4 resolution: "d3-array@npm:3.2.4" dependencies: @@ -11936,20 +12293,125 @@ __metadata: languageName: node linkType: hard -"d3-color@npm:1 - 3": +"d3-axis@npm:3": + version: 3.0.0 + resolution: "d3-axis@npm:3.0.0" + checksum: 10c0/a271e70ba1966daa5aaf6a7f959ceca3e12997b43297e757c7b945db2e1ead3c6ee226f2abcfa22abbd4e2e28bd2b71a0911794c4e5b911bbba271328a582c78 + languageName: node + linkType: hard + +"d3-brush@npm:3": + version: 3.0.0 + resolution: "d3-brush@npm:3.0.0" + dependencies: + d3-dispatch: "npm:1 - 3" + d3-drag: "npm:2 - 3" + d3-interpolate: "npm:1 - 3" + d3-selection: "npm:3" + d3-transition: "npm:3" + checksum: 10c0/07baf00334c576da2f68a91fc0da5732c3a5fa19bd3d7aed7fd24d1d674a773f71a93e9687c154176f7246946194d77c48c2d8fed757f5dcb1a4740067ec50a8 + languageName: node + linkType: hard + +"d3-chord@npm:3": + version: 3.0.1 + resolution: "d3-chord@npm:3.0.1" + dependencies: + d3-path: "npm:1 - 3" + checksum: 10c0/baa6013914af3f4fe1521f0d16de31a38eb8a71d08ff1dec4741f6f45a828661e5cd3935e39bd14e3032bdc78206c283ca37411da21d46ec3cfc520be6e7a7ce + languageName: node + linkType: hard + +"d3-color@npm:1 - 3, d3-color@npm:3": version: 3.1.0 resolution: "d3-color@npm:3.1.0" checksum: 10c0/a4e20e1115fa696fce041fbe13fbc80dc4c19150fa72027a7c128ade980bc0eeeba4bcf28c9e21f0bce0e0dbfe7ca5869ef67746541dcfda053e4802ad19783c languageName: node linkType: hard -"d3-ease@npm:^3.0.1": +"d3-contour@npm:4": + version: 4.0.2 + resolution: "d3-contour@npm:4.0.2" + dependencies: + d3-array: "npm:^3.2.0" + checksum: 10c0/98bc5fbed6009e08707434a952076f39f1cd6ed8b9288253cc3e6a3286e4e80c63c62d84954b20e64bf6e4ededcc69add54d3db25e990784a59c04edd3449032 + languageName: node + linkType: hard + +"d3-delaunay@npm:6": + version: 6.0.4 + resolution: "d3-delaunay@npm:6.0.4" + dependencies: + delaunator: "npm:5" + checksum: 10c0/57c3aecd2525664b07c4c292aa11cf49b2752c0cf3f5257f752999399fe3c592de2d418644d79df1f255471eec8057a9cc0c3062ed7128cb3348c45f69597754 + languageName: node + linkType: hard + +"d3-dispatch@npm:1 - 3, d3-dispatch@npm:3": + version: 3.0.1 + resolution: "d3-dispatch@npm:3.0.1" + checksum: 10c0/6eca77008ce2dc33380e45d4410c67d150941df7ab45b91d116dbe6d0a3092c0f6ac184dd4602c796dc9e790222bad3ff7142025f5fd22694efe088d1d941753 + languageName: node + linkType: hard + +"d3-drag@npm:2 - 3, d3-drag@npm:3": + version: 3.0.0 + resolution: "d3-drag@npm:3.0.0" + dependencies: + d3-dispatch: "npm:1 - 3" + d3-selection: "npm:3" + checksum: 10c0/d2556e8dc720741a443b595a30af403dd60642dfd938d44d6e9bfc4c71a962142f9a028c56b61f8b4790b65a34acad177d1263d66f103c3c527767b0926ef5aa + languageName: node + linkType: hard + +"d3-dsv@npm:1 - 3, d3-dsv@npm:3": + version: 3.0.1 + resolution: "d3-dsv@npm:3.0.1" + dependencies: + commander: "npm:7" + iconv-lite: "npm:0.6" + rw: "npm:1" + bin: + csv2json: bin/dsv2json.js + csv2tsv: bin/dsv2dsv.js + dsv2dsv: bin/dsv2dsv.js + dsv2json: bin/dsv2json.js + json2csv: bin/json2dsv.js + json2dsv: bin/json2dsv.js + json2tsv: bin/json2dsv.js + tsv2csv: bin/dsv2dsv.js + tsv2json: bin/dsv2json.js + checksum: 10c0/10e6af9e331950ed258f34ab49ac1b7060128ef81dcf32afc790bd1f7e8c3cc2aac7f5f875250a83f21f39bb5925fbd0872bb209f8aca32b3b77d32bab8a65ab + languageName: node + linkType: hard + +"d3-ease@npm:1 - 3, d3-ease@npm:3, d3-ease@npm:^3.0.1": version: 3.0.1 resolution: "d3-ease@npm:3.0.1" checksum: 10c0/fec8ef826c0cc35cda3092c6841e07672868b1839fcaf556e19266a3a37e6bc7977d8298c0fcb9885e7799bfdcef7db1baaba9cd4dcf4bc5e952cf78574a88b0 languageName: node linkType: hard +"d3-fetch@npm:3": + version: 3.0.1 + resolution: "d3-fetch@npm:3.0.1" + dependencies: + d3-dsv: "npm:1 - 3" + checksum: 10c0/4f467a79bf290395ac0cbb5f7562483f6a18668adc4c8eb84c9d3eff048b6f6d3b6f55079ba1ebf1908dabe000c941d46be447f8d78453b2dad5fb59fb6aa93b + languageName: node + linkType: hard + +"d3-force@npm:3": + version: 3.0.0 + resolution: "d3-force@npm:3.0.0" + dependencies: + d3-dispatch: "npm:1 - 3" + d3-quadtree: "npm:1 - 3" + d3-timer: "npm:1 - 3" + checksum: 10c0/220a16a1a1ac62ba56df61028896e4b52be89c81040d20229c876efc8852191482c233f8a52bb5a4e0875c321b8e5cb6413ef3dfa4d8fe79eeb7d52c587f52cf + languageName: node + linkType: hard + "d3-format@npm:1 - 3": version: 3.1.0 resolution: "d3-format@npm:3.1.0" @@ -11957,7 +12419,30 @@ __metadata: languageName: node linkType: hard -"d3-interpolate@npm:1.2.0 - 3, d3-interpolate@npm:^3.0.1": +"d3-format@npm:3": + version: 3.1.2 + resolution: "d3-format@npm:3.1.2" + checksum: 10c0/0de452ae07585238e7f01607a7e0066665c34609652188b6ac7dc9f424f69465a425e07d16d79bd0e5955202ac7f241c66d0c76f68a79fc6f4857c94cf420652 + languageName: node + linkType: hard + +"d3-geo@npm:3": + version: 3.1.1 + resolution: "d3-geo@npm:3.1.1" + dependencies: + d3-array: "npm:2.5.0 - 3" + checksum: 10c0/d32270dd2dc8ac3ea63e8805d63239c4c8ec6c0d339d73b5e5a30a87f8f54db22a78fb434369799465eae169503b25f9a107c642c8a16c32a3285bc0e6d8e8c1 + languageName: node + linkType: hard + +"d3-hierarchy@npm:3": + version: 3.1.2 + resolution: "d3-hierarchy@npm:3.1.2" + checksum: 10c0/6dcdb480539644aa7fc0d72dfc7b03f99dfbcdf02714044e8c708577e0d5981deb9d3e99bbbb2d26422b55bcc342ac89a0fa2ea6c9d7302e2fc0951dd96f89cf + languageName: node + linkType: hard + +"d3-interpolate@npm:1 - 3, d3-interpolate@npm:1.2.0 - 3, d3-interpolate@npm:3, d3-interpolate@npm:^3.0.1": version: 3.0.1 resolution: "d3-interpolate@npm:3.0.1" dependencies: @@ -11966,14 +12451,62 @@ __metadata: languageName: node linkType: hard -"d3-path@npm:^3.1.0": +"d3-path@npm:1": + version: 1.0.9 + resolution: "d3-path@npm:1.0.9" + checksum: 10c0/e35e84df5abc18091f585725b8235e1fa97efc287571585427d3a3597301e6c506dea56b11dfb3c06ca5858b3eb7f02c1bf4f6a716aa9eade01c41b92d497eb5 + languageName: node + linkType: hard + +"d3-path@npm:1 - 3, d3-path@npm:3, d3-path@npm:^3.1.0": version: 3.1.0 resolution: "d3-path@npm:3.1.0" checksum: 10c0/dc1d58ec87fa8319bd240cf7689995111a124b141428354e9637aa83059eb12e681f77187e0ada5dedfce346f7e3d1f903467ceb41b379bfd01cd8e31721f5da languageName: node linkType: hard -"d3-scale@npm:^4.0.2": +"d3-polygon@npm:3": + version: 3.0.1 + resolution: "d3-polygon@npm:3.0.1" + checksum: 10c0/e236aa7f33efa9a4072907af7dc119f85b150a0716759d4fe5f12f62573018264a6cbde8617fbfa6944a7ae48c1c0c8d3f39ae72e11f66dd471e9b5e668385df + languageName: node + linkType: hard + +"d3-quadtree@npm:1 - 3, d3-quadtree@npm:3": + version: 3.0.1 + resolution: "d3-quadtree@npm:3.0.1" + checksum: 10c0/18302d2548bfecaef788152397edec95a76400fd97d9d7f42a089ceb68d910f685c96579d74e3712d57477ed042b056881b47cd836a521de683c66f47ce89090 + languageName: node + linkType: hard + +"d3-random@npm:3": + version: 3.0.1 + resolution: "d3-random@npm:3.0.1" + checksum: 10c0/987a1a1bcbf26e6cf01fd89d5a265b463b2cea93560fc17d9b1c45e8ed6ff2db5924601bcceb808de24c94133f000039eb7fa1c469a7a844ccbf1170cbb25b41 + languageName: node + linkType: hard + +"d3-sankey@npm:^0.12.3": + version: 0.12.3 + resolution: "d3-sankey@npm:0.12.3" + dependencies: + d3-array: "npm:1 - 2" + d3-shape: "npm:^1.2.0" + checksum: 10c0/261debb01a13269f6fc53b9ebaef174a015d5ad646242c23995bf514498829ab8b8f920a7873724a7494288b46bea3ce7ebc5a920b745bc8ae4caa5885cf5204 + languageName: node + linkType: hard + +"d3-scale-chromatic@npm:3": + version: 3.1.0 + resolution: "d3-scale-chromatic@npm:3.1.0" + dependencies: + d3-color: "npm:1 - 3" + d3-interpolate: "npm:1 - 3" + checksum: 10c0/9a3f4671ab0b971f4a411b42180d7cf92bfe8e8584e637ce7e698d705e18d6d38efbd20ec64f60cc0dfe966c20d40fc172565bc28aaa2990c0a006360eed91af + languageName: node + linkType: hard + +"d3-scale@npm:4, d3-scale@npm:^4.0.2": version: 4.0.2 resolution: "d3-scale@npm:4.0.2" dependencies: @@ -11986,7 +12519,14 @@ __metadata: languageName: node linkType: hard -"d3-shape@npm:^3.1.0": +"d3-selection@npm:2 - 3, d3-selection@npm:3, d3-selection@npm:^3.0.0": + version: 3.0.0 + resolution: "d3-selection@npm:3.0.0" + checksum: 10c0/e59096bbe8f0cb0daa1001d9bdd6dbc93a688019abc97d1d8b37f85cd3c286a6875b22adea0931b0c88410d025563e1643019161a883c516acf50c190a11b56b + languageName: node + linkType: hard + +"d3-shape@npm:3, d3-shape@npm:^3.1.0": version: 3.2.0 resolution: "d3-shape@npm:3.2.0" dependencies: @@ -11995,7 +12535,16 @@ __metadata: languageName: node linkType: hard -"d3-time-format@npm:2 - 4": +"d3-shape@npm:^1.2.0": + version: 1.3.7 + resolution: "d3-shape@npm:1.3.7" + dependencies: + d3-path: "npm:1" + checksum: 10c0/548057ce59959815decb449f15632b08e2a1bdce208f9a37b5f98ec7629dda986c2356bc7582308405ce68aedae7d47b324df41507404df42afaf352907577ae + languageName: node + linkType: hard + +"d3-time-format@npm:2 - 4, d3-time-format@npm:4": version: 4.1.0 resolution: "d3-time-format@npm:4.1.0" dependencies: @@ -12004,7 +12553,7 @@ __metadata: languageName: node linkType: hard -"d3-time@npm:1 - 3, d3-time@npm:2.1.1 - 3, d3-time@npm:^3.0.0": +"d3-time@npm:1 - 3, d3-time@npm:2.1.1 - 3, d3-time@npm:3, d3-time@npm:^3.0.0": version: 3.1.0 resolution: "d3-time@npm:3.1.0" dependencies: @@ -12013,13 +12562,89 @@ __metadata: languageName: node linkType: hard -"d3-timer@npm:^3.0.1": +"d3-timer@npm:1 - 3, d3-timer@npm:3, d3-timer@npm:^3.0.1": version: 3.0.1 resolution: "d3-timer@npm:3.0.1" checksum: 10c0/d4c63cb4bb5461d7038aac561b097cd1c5673969b27cbdd0e87fa48d9300a538b9e6f39b4a7f0e3592ef4f963d858c8a9f0e92754db73116770856f2fc04561a languageName: node linkType: hard +"d3-transition@npm:2 - 3, d3-transition@npm:3, d3-transition@npm:^3.0.1": + version: 3.0.1 + resolution: "d3-transition@npm:3.0.1" + dependencies: + d3-color: "npm:1 - 3" + d3-dispatch: "npm:1 - 3" + d3-ease: "npm:1 - 3" + d3-interpolate: "npm:1 - 3" + d3-timer: "npm:1 - 3" + peerDependencies: + d3-selection: 2 - 3 + checksum: 10c0/4e74535dda7024aa43e141635b7522bb70cf9d3dfefed975eb643b36b864762eca67f88fafc2ca798174f83ca7c8a65e892624f824b3f65b8145c6a1a88dbbad + languageName: node + linkType: hard + +"d3-zoom@npm:3": + version: 3.0.0 + resolution: "d3-zoom@npm:3.0.0" + dependencies: + d3-dispatch: "npm:1 - 3" + d3-drag: "npm:2 - 3" + d3-interpolate: "npm:1 - 3" + d3-selection: "npm:2 - 3" + d3-transition: "npm:2 - 3" + checksum: 10c0/ee2036479049e70d8c783d594c444fe00e398246048e3f11a59755cd0e21de62ece3126181b0d7a31bf37bcf32fd726f83ae7dea4495ff86ec7736ce5ad36fd3 + languageName: node + linkType: hard + +"d3@npm:^7.9.0": + version: 7.9.0 + resolution: "d3@npm:7.9.0" + dependencies: + d3-array: "npm:3" + d3-axis: "npm:3" + d3-brush: "npm:3" + d3-chord: "npm:3" + d3-color: "npm:3" + d3-contour: "npm:4" + d3-delaunay: "npm:6" + d3-dispatch: "npm:3" + d3-drag: "npm:3" + d3-dsv: "npm:3" + d3-ease: "npm:3" + d3-fetch: "npm:3" + d3-force: "npm:3" + d3-format: "npm:3" + d3-geo: "npm:3" + d3-hierarchy: "npm:3" + d3-interpolate: "npm:3" + d3-path: "npm:3" + d3-polygon: "npm:3" + d3-quadtree: "npm:3" + d3-random: "npm:3" + d3-scale: "npm:4" + d3-scale-chromatic: "npm:3" + d3-selection: "npm:3" + d3-shape: "npm:3" + d3-time: "npm:3" + d3-time-format: "npm:4" + d3-timer: "npm:3" + d3-transition: "npm:3" + d3-zoom: "npm:3" + checksum: 10c0/3dd9c08c73cfaa69c70c49e603c85e049c3904664d9c79a1a52a0f52795828a1ff23592dc9a7b2257e711d68a615472a13103c212032f38e016d609796e087e8 + languageName: node + linkType: hard + +"dagre-d3-es@npm:7.0.14": + version: 7.0.14 + resolution: "dagre-d3-es@npm:7.0.14" + dependencies: + d3: "npm:^7.9.0" + lodash-es: "npm:^4.17.21" + checksum: 10c0/0dc91fc79300eb0a4eab5a48a76c2baf3ce439c389d19e2f015729bb57dafd75e1e9a4c2880daf016e81ee45caca7b21745c13b23b6cd2a786ce84767e88323e + languageName: node + linkType: hard + "damerau-levenshtein@npm:^1.0.8": version: 1.0.8 resolution: "damerau-levenshtein@npm:1.0.8" @@ -12091,6 +12716,13 @@ __metadata: languageName: node linkType: hard +"dayjs@npm:^1.11.19": + version: 1.11.21 + resolution: "dayjs@npm:1.11.21" + checksum: 10c0/bd97dfdc4bfea3c66268635690313828b386faa040fbc1f829ff42a2bd748b72c9d9b3c8f9616ce9e61fcb78923f1461a462c969c54b1084458ae1b715898fb0 + languageName: node + linkType: hard + "debounce-fn@npm:^6.0.0": version: 6.0.0 resolution: "debounce-fn@npm:6.0.0" @@ -12258,6 +12890,15 @@ __metadata: languageName: node linkType: hard +"delaunator@npm:5": + version: 5.1.0 + resolution: "delaunator@npm:5.1.0" + dependencies: + robust-predicates: "npm:^3.0.2" + checksum: 10c0/6489e3598212ab8759575e30f3ac26063471846e25c779048f441f2ccefd25efb9a52275e7e8e3dcc5bf5bc5c35169cf1de27f985d359fd5a24057be88fd1817 + languageName: node + linkType: hard + "delayed-stream@npm:~1.0.0": version: 1.0.0 resolution: "delayed-stream@npm:1.0.0" @@ -12416,6 +13057,18 @@ __metadata: languageName: node linkType: hard +"dompurify@npm:^3.3.1": + version: 3.4.6 + resolution: "dompurify@npm:3.4.6" + dependencies: + "@types/trusted-types": "npm:^2.0.7" + dependenciesMeta: + "@types/trusted-types": + optional: true + checksum: 10c0/3af8de7c5cec913f08038682982cbcb2bfc33d0d48806d95a23e9f6f6913b74414a8b8a63e2b71de2039af558ccad8208d67d2bb7ab9ec244178340e99cd5ed9 + languageName: node + linkType: hard + "dompurify@npm:^3.3.2": version: 3.4.0 resolution: "dompurify@npm:3.4.0" @@ -12940,6 +13593,20 @@ __metadata: languageName: node linkType: hard +"es-toolkit@npm:^1.45.1": + version: 1.47.0 + resolution: "es-toolkit@npm:1.47.0" + dependenciesMeta: + "@trivago/prettier-plugin-sort-imports@4.3.0": + unplugged: true + prettier-plugin-sort-re-exports@0.0.1: + unplugged: true + vitepress-plugin-sandpack@1.1.4: + unplugged: true + checksum: 10c0/6edc9709fccc409fa4adddd318971d8a18335de9225f2dc99021aacba44fe66a2437a831923589c643865caab261a087bd974338294a60bb5a74932caa102901 + languageName: node + linkType: hard + "esbuild-register@npm:3.6.0": version: 3.6.0 resolution: "esbuild-register@npm:3.6.0" @@ -14409,6 +15076,13 @@ __metadata: languageName: node linkType: hard +"hachure-fill@npm:^0.5.2": + version: 0.5.2 + resolution: "hachure-fill@npm:0.5.2" + checksum: 10c0/307e3b6f9f2d3c11a82099c3f71eecbb9c440c00c1f896ac1732c23e6dbff16a92bb893d222b8b721b89cf11e58649ca60b4c24e5663f705f877cefd40153429 + languageName: node + linkType: hard + "has-bigints@npm:^1.0.2": version: 1.1.0 resolution: "has-bigints@npm:1.1.0" @@ -14789,7 +15463,7 @@ __metadata: languageName: node linkType: hard -"iconv-lite@npm:0.6.3, iconv-lite@npm:^0.6.2": +"iconv-lite@npm:0.6, iconv-lite@npm:0.6.3, iconv-lite@npm:^0.6.2": version: 0.6.3 resolution: "iconv-lite@npm:0.6.3" dependencies: @@ -14869,6 +15543,13 @@ __metadata: languageName: node linkType: hard +"import-meta-resolve@npm:^4.2.0": + version: 4.2.0 + resolution: "import-meta-resolve@npm:4.2.0" + checksum: 10c0/3ee8aeecb61d19b49d2703987f977e9d1c7d4ba47db615a570eaa02fe414f40dfa63f7b953e842cbe8470d26df6371332bfcf21b2fd92b0112f9fea80dde2c4c + languageName: node + linkType: hard + "imurmurhash@npm:^0.1.4": version: 0.1.4 resolution: "imurmurhash@npm:0.1.4" @@ -14925,6 +15606,13 @@ __metadata: languageName: node linkType: hard +"internmap@npm:^1.0.0": + version: 1.0.1 + resolution: "internmap@npm:1.0.1" + checksum: 10c0/60942be815ca19da643b6d4f23bd0bf4e8c97abbd080fb963fe67583b60bdfb3530448ad4486bae40810e92317bded9995cc31411218acc750d72cd4e8646eee + languageName: node + linkType: hard + "ioredis@npm:^5.4.1, ioredis@npm:^5.4.2": version: 5.6.0 resolution: "ioredis@npm:5.6.0" @@ -15681,6 +16369,17 @@ __metadata: languageName: node linkType: hard +"katex@npm:^0.16.25": + version: 0.16.47 + resolution: "katex@npm:0.16.47" + dependencies: + commander: "npm:^8.3.0" + bin: + katex: cli.js + checksum: 10c0/b10f4d0651c60771a48444879e4227255e26e2b2ec061b1ee4b08934863ad2324ba8dbb772455f7768aeb14dfcc13bcd309174a0ddd5ef954a607f644a197710 + languageName: node + linkType: hard + "keyv@npm:^4.5.4": version: 4.5.4 resolution: "keyv@npm:4.5.4" @@ -15690,6 +16389,13 @@ __metadata: languageName: node linkType: hard +"khroma@npm:^2.1.0": + version: 2.1.0 + resolution: "khroma@npm:2.1.0" + checksum: 10c0/634d98753ff5d2540491cafeb708fc98de0d43f4e6795256d5c8f6e3ad77de93049ea41433928fda3697adf7bbe6fe27351858f6d23b78f8b5775ef314c59891 + languageName: node + linkType: hard + "kleur@npm:^3.0.3": version: 3.0.3 resolution: "kleur@npm:3.0.3" @@ -15791,6 +16497,20 @@ __metadata: languageName: node linkType: hard +"layout-base@npm:^1.0.0": + version: 1.0.2 + resolution: "layout-base@npm:1.0.2" + checksum: 10c0/2a55d0460fd9f6ed53d7e301b9eb3dea19bda03815d616a40665ce6dc75c1f4d62e1ca19a897da1cfaf6de1b91de59cd6f2f79ba1258f3d7fccc7d46ca7f3337 + languageName: node + linkType: hard + +"layout-base@npm:^2.0.0": + version: 2.0.1 + resolution: "layout-base@npm:2.0.1" + checksum: 10c0/a44df9ef3cbff9916a10f616635e22b5787c89fa62b2fec6f99e8e6ee512c7cebd22668ce32dab5a83c934ba0a309c51a678aa0b40d70853de6c357893c0a88b + languageName: node + linkType: hard + "leac@npm:^0.6.0": version: 0.6.0 resolution: "leac@npm:0.6.0" @@ -16019,6 +16739,13 @@ __metadata: languageName: node linkType: hard +"lodash-es@npm:^4.17.21": + version: 4.18.1 + resolution: "lodash-es@npm:4.18.1" + checksum: 10c0/35d4dcf87ef07f8d090f409447575800108057e360b445f590d0d25d09e3d1e33a163d2fc100d4d072b0f901d5e2fc533cd7c4bfd8eeb38a06abec693823c8b8 + languageName: node + linkType: hard + "lodash.camelcase@npm:^4.3.0": version: 4.3.0 resolution: "lodash.camelcase@npm:4.3.0" @@ -16274,6 +17001,15 @@ __metadata: languageName: node linkType: hard +"marked@npm:^16.3.0": + version: 16.4.2 + resolution: "marked@npm:16.4.2" + bin: + marked: bin/marked.js + checksum: 10c0/fc6051142172454f2023f3d6b31cca92879ec8e1b96457086a54c70354c74b00e1b6543a76a1fad6d399366f52b90a848f6ffb8e1d65a5baff87f3ba9b8f1847 + languageName: node + linkType: hard + "math-intrinsics@npm:^1.1.0": version: 1.1.0 resolution: "math-intrinsics@npm:1.1.0" @@ -16554,6 +17290,35 @@ __metadata: languageName: node linkType: hard +"mermaid@npm:^11.15.0": + version: 11.15.0 + resolution: "mermaid@npm:11.15.0" + dependencies: + "@braintree/sanitize-url": "npm:^7.1.1" + "@iconify/utils": "npm:^3.0.2" + "@mermaid-js/parser": "npm:^1.1.1" + "@types/d3": "npm:^7.4.3" + "@upsetjs/venn.js": "npm:^2.0.0" + cytoscape: "npm:^3.33.1" + cytoscape-cose-bilkent: "npm:^4.1.0" + cytoscape-fcose: "npm:^2.2.0" + d3: "npm:^7.9.0" + d3-sankey: "npm:^0.12.3" + dagre-d3-es: "npm:7.0.14" + dayjs: "npm:^1.11.19" + dompurify: "npm:^3.3.1" + es-toolkit: "npm:^1.45.1" + katex: "npm:^0.16.25" + khroma: "npm:^2.1.0" + marked: "npm:^16.3.0" + roughjs: "npm:^4.6.6" + stylis: "npm:^4.3.6" + ts-dedent: "npm:^2.2.0" + uuid: "npm:^11.1.0 || ^12 || ^13 || ^14.0.0" + checksum: 10c0/9085b47c30b66a1e94e07c93951d9e53e5c89ec8c9fff8814233bddeecf6b8eaf9036d3168e4d1360c3f5d07cd051c666da96860eb0f22f064bd749499a0c83f + languageName: node + linkType: hard + "methods@npm:~1.1.2": version: 1.1.2 resolution: "methods@npm:1.1.2" @@ -17955,6 +18720,13 @@ __metadata: languageName: node linkType: hard +"package-manager-detector@npm:^1.3.0": + version: 1.6.0 + resolution: "package-manager-detector@npm:1.6.0" + checksum: 10c0/6419d0b840be64fd45bcdcb7a19f09b81b65456d5e7f7a3daac305a4c90643052122f6ac0308afe548ffee75e36148532a2002ea9d292754f1e385aa2e1ea03b + languageName: node + linkType: hard + "parent-module@npm:^1.0.0": version: 1.0.1 resolution: "parent-module@npm:1.0.1" @@ -18050,6 +18822,13 @@ __metadata: languageName: node linkType: hard +"path-data-parser@npm:0.1.0, path-data-parser@npm:^0.1.0": + version: 0.1.0 + resolution: "path-data-parser@npm:0.1.0" + checksum: 10c0/ba22d54669a8bc4a3df27431fe667900685585d1196085b803d0aa4066b83e709bbf2be7c1d2b56e706b49cc698231d55947c22abbfc4843ca424bbf8c985745 + languageName: node + linkType: hard + "path-exists@npm:^4.0.0": version: 4.0.0 resolution: "path-exists@npm:4.0.0" @@ -18298,6 +19077,23 @@ __metadata: languageName: node linkType: hard +"points-on-curve@npm:0.2.0, points-on-curve@npm:^0.2.0": + version: 0.2.0 + resolution: "points-on-curve@npm:0.2.0" + checksum: 10c0/f0d92343fcc2ad1f48334633e580574c1e0e28038a756133e171e537f270d6d64203feada5ee556e36f448a1b46e0306dee07b30f589f4e3ad720f6ee38ef48c + languageName: node + linkType: hard + +"points-on-path@npm:^0.2.1": + version: 0.2.1 + resolution: "points-on-path@npm:0.2.1" + dependencies: + path-data-parser: "npm:0.1.0" + points-on-curve: "npm:0.2.0" + checksum: 10c0/a7010340f9f196976f61838e767bb7b0b7f6273ab4fb9eb37c61001fe26fbfc3fcd63c96d5e85b9a4ab579213ab366f2ddaaf60e2a9253e2b91a62db33f395ba + languageName: node + linkType: hard + "possible-typed-array-names@npm:^1.0.0": version: 1.1.0 resolution: "possible-typed-array-names@npm:1.1.0" @@ -19198,6 +19994,16 @@ __metadata: languageName: node linkType: hard +"react-zoom-pan-pinch@npm:^4.0.3": + version: 4.0.3 + resolution: "react-zoom-pan-pinch@npm:4.0.3" + peerDependencies: + react: "*" + react-dom: "*" + checksum: 10c0/611bc498891550c5e59da5ee94996ff9c31eae533affa10f2fa0b0cb7b5333b51c1e7aa1bb918dcfff2a103c42de0b1963e1fdfe4fa87fcae36b046c37a822b1 + languageName: node + linkType: hard + "react@npm:19.2.4": version: 19.2.4 resolution: "react@npm:19.2.4" @@ -19606,6 +20412,13 @@ __metadata: languageName: node linkType: hard +"robust-predicates@npm:^3.0.2": + version: 3.0.3 + resolution: "robust-predicates@npm:3.0.3" + checksum: 10c0/ae23a0318be809545f091a076818747848f144495491e24e6df5d767f2bad0a1501bbeac34e78b74681d1437ecff0585f593ebfe6c8d49a50e79c5053b962693 + languageName: node + linkType: hard + "rolldown@npm:1.0.0-rc.15": version: 1.0.0-rc.15 resolution: "rolldown@npm:1.0.0-rc.15" @@ -19764,6 +20577,18 @@ __metadata: languageName: unknown linkType: soft +"roughjs@npm:^4.6.6": + version: 4.6.6 + resolution: "roughjs@npm:4.6.6" + dependencies: + hachure-fill: "npm:^0.5.2" + path-data-parser: "npm:^0.1.0" + points-on-curve: "npm:^0.2.0" + points-on-path: "npm:^0.2.1" + checksum: 10c0/68c11bf4516aa014cef2fe52426a9bab237c2f500d13e1a4f13b523cb5723667bf2d92b9619325efdc5bc2a193588ff5af8d51683df17cfb8720e96fe2b92b0c + languageName: node + linkType: hard + "router@npm:^2.2.0": version: 2.2.0 resolution: "router@npm:2.2.0" @@ -19842,6 +20667,13 @@ __metadata: languageName: node linkType: hard +"rw@npm:1": + version: 1.3.3 + resolution: "rw@npm:1.3.3" + checksum: 10c0/b1e1ef37d1e79d9dc7050787866e30b6ddcb2625149276045c262c6b4d53075ddc35f387a856a8e76f0d0df59f4cd58fe24707e40797ebee66e542b840ed6a53 + languageName: node + linkType: hard + "rxjs@npm:7.8.2": version: 7.8.2 resolution: "rxjs@npm:7.8.2" @@ -21046,6 +21878,13 @@ __metadata: languageName: node linkType: hard +"stylis@npm:^4.3.6": + version: 4.4.0 + resolution: "stylis@npm:4.4.0" + checksum: 10c0/259be096d90dfbfe903c8656dcb7591e52a421e577e950ef42ebd9ca02f387623a1165dd08761492fb6e92a7a562d62a53a694a10b0a2f6dcd7a0db107b4bf55 + languageName: node + linkType: hard + "sucrase@npm:^3.35.0": version: 3.35.0 resolution: "sucrase@npm:3.35.0" @@ -21297,6 +22136,13 @@ __metadata: languageName: node linkType: hard +"tinyexec@npm:^1.0.1": + version: 1.2.2 + resolution: "tinyexec@npm:1.2.2" + checksum: 10c0/8bcb4969c572c21d570c033e29cb896e26d96e49e58f4fe07a532d3d65e10bdfae59733bf8a6a0fd9b611543c4ed3b890c939c3234489599296fb92515eb4625 + languageName: node + linkType: hard + "tinyexec@npm:^1.0.2": version: 1.1.1 resolution: "tinyexec@npm:1.1.1" @@ -21468,6 +22314,13 @@ __metadata: languageName: node linkType: hard +"ts-dedent@npm:^2.2.0": + version: 2.2.0 + resolution: "ts-dedent@npm:2.2.0" + checksum: 10c0/175adea838468cc2ff7d5e97f970dcb798bbcb623f29c6088cb21aa2880d207c5784be81ab1741f56b9ac37840cbaba0c0d79f7f8b67ffe61c02634cafa5c303 + languageName: node + linkType: hard + "ts-essentials@npm:>=10.0.0": version: 10.1.1 resolution: "ts-essentials@npm:10.1.1"