| /** | |
| * | |
| * CONTENT RENDERING | |
| * | |
| * Components for rendering rich content: markdown, code, and previews. | |
| * | |
| */ | |
| /** | |
| * **MarkdownContent** - Rich markdown renderer | |
| * | |
| * Renders markdown content with syntax highlighting, LaTeX math, | |
| * tables, links, and code blocks. Optimized for streaming with | |
| * incremental block-based rendering. | |
| * | |
| * **Features:** | |
| * - GFM (GitHub Flavored Markdown): tables, task lists, strikethrough | |
| * - LaTeX math via KaTeX (`$inline$` and `$$block$$`) | |
| * - Syntax highlighting (highlight.js) with language detection | |
| * - Code copy buttons with click feedback | |
| * - External links open in new tab with security attrs | |
| * - Image attachment resolution from message extras | |
| * - Dark/light theme support (auto-switching) | |
| * - Streaming-optimized incremental rendering | |
| * - Code preview dialog for large blocks | |
| * | |
| * @example | |
| * ```svelte | |
| * <MarkdownContent content={message.content} attachments={message.extra} /> | |
| * ``` | |
| */ | |
| export { default as MarkdownContent } from './MarkdownContent/MarkdownContent.svelte'; | |
| /** | |
| * **MentionText** - Plain text with file mention badges | |
| * | |
| * Renders a message verbatim, turning only `[name](file://path)` links | |
| * into the same badge chips the markdown path draws. Nothing else is | |
| * interpreted, so pasted code keeps its `#` comments and underscores. | |
| * | |
| * @example | |
| * ```svelte | |
| * <span class="whitespace-pre-wrap"><MentionText content={message.content} /></span> | |
| * ``` | |
| */ | |
| export { default as MentionText } from './MentionText.svelte'; | |
| /** | |
| * **SyntaxHighlightedCode** - Code syntax highlighting | |
| * | |
| * Renders code with syntax highlighting using highlight.js. | |
| * Supports theme switching and scrollable containers. | |
| * | |
| * **Features:** | |
| * - Auto language detection with fallback | |
| * - Dark/light theme auto-switching | |
| * - Scrollable container with configurable max dimensions | |
| * - Monospace font styling | |
| * - Preserves whitespace and formatting | |
| * | |
| * @example | |
| * ```svelte | |
| * <SyntaxHighlightedCode code={jsonString} language="json" /> | |
| * ``` | |
| */ | |
| export { default as SyntaxHighlightedCode } from './SyntaxHighlightedCode.svelte'; | |
| /** | |
| * **CollapsibleContentBlock** - Expandable content card | |
| * | |
| * Reusable collapsible card with header, icon, and auto-scroll. | |
| * Used for tool calls and reasoning blocks in chat messages. | |
| * | |
| * **Features:** | |
| * - Collapsible content with smooth animation | |
| * - Custom icon and title display | |
| * - Optional subtitle/status text | |
| * - Auto-scroll during streaming (pauses on user scroll) | |
| * - Configurable max height with overflow scroll | |
| * | |
| * @example | |
| * ```svelte | |
| * <CollapsibleContentBlock | |
| * bind:open | |
| * title="Thinking..." | |
| * isStreaming | |
| * > | |
| * {reasoningContent} | |
| * </CollapsibleContentBlock> | |
| * ``` | |
| */ | |
| export { default as CollapsibleContentBlock } from './CollapsibleContentBlock.svelte'; | |
| /** | |
| * **CollapsibleTerminalBlock** - Expandable content card with a terminal-style frame | |
| * | |
| * Same shape as CollapsibleContentBlock, but with a `code-background` | |
| * fill, subtle border, and tightened padding suited for shell command | |
| * output and similar dense / monospace content. | |
| * | |
| * @example | |
| * ```svelte | |
| * <CollapsibleTerminalBlock bind:open title="Run command"> | |
| * <pre>{output}</pre> | |
| * </CollapsibleTerminalBlock> | |
| * ``` | |
| */ | |
| export { default as CollapsibleTerminalBlock } from './CollapsibleTerminalBlock.svelte'; | |
| /** | |
| * **MermaidPreview** - Interactive Mermaid diagram viewer | |
| * | |
| * Renders Mermaid-generated SVG diagrams with zoom, pan, and fit-to-view controls. | |
| * | |
| * **Features:** | |
| * - Mouse wheel zoom in/out | |
| * - Click-drag panning with pointer capture | |
| * - Fit to view and reset view controls | |
| * - Download as SVG | |
| * - Responsive scaling with viewBox detection | |
| * | |
| * @example | |
| * ```svelte | |
| * <MermaidPreview svgHtml={diagramSvg} /> | |
| * ``` | |
| */ | |
| export { default as MermaidPreview } from './MermaidPreview.svelte'; | |