npm - claude-code-workflow - Versions diffs - 7.2.27 → 7.2.28 - Mend

claude-code-workflow 7.2.27 → 7.2.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (382) hide show

package/ccw/frontend/dist/assets/{index-CxzXz6o1.js.map → index-B9A3Hnrk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-CxzXz6o1.js","sources":["../../src/components/shared/LogBlock/jsonUtils.ts","../../src/components/shared/LogBlock/JsonFormatter.tsx","../../src/components/shared/CliStreamMonitor/MessageRenderer/index.tsx"],"sourcesContent":["// ========================================\r\n// LogBlock JSON Utilities\r\n// ========================================\r\n// JSON content detection and formatting utilities\r\n\r\n/*\r\n JSON content type detection result\r\n /\r\nexport interface JsonDetectionResult {\r\n isJson: boolean;\r\n parsed?: unknown;\r\n error?: string;\r\n format: 'object' \| 'array' \| 'primitive' \| 'invalid';\r\n}\r\n\r\n/\r\n Display mode for JSON content\r\n /\r\nexport type JsonDisplayMode = 'text' \| 'card' \| 'inline';\r\n\r\n/\r\n Detect if content is valid JSON\r\n \r\n @param content - Content string to check\r\n * @returns Detection result with parsed data if valid\r\n /\r\nexport function detectJson(content: string): JsonDetectionResult {\r\n const trimmed = content.trim();\r\n\r\n // Quick check for JSON patterns\r\n if (!trimmed.startsWith('{') && !trimmed.startsWith('[')) {\r\n return { isJson: false, format: 'invalid' };\r\n }\r\n\r\n try {\r\n const parsed = JSON.parse(trimmed);\r\n\r\n // Determine format type\r\n let format: JsonDetectionResult['format'] = 'primitive';\r\n if (Array.isArray(parsed)) {\r\n format = 'array';\r\n } else if (parsed !== null && typeof parsed === 'object') {\r\n format = 'object';\r\n }\r\n\r\n return { isJson: true, parsed, format };\r\n } catch (error) {\r\n return {\r\n isJson: false,\r\n format: 'invalid',\r\n error: error instanceof Error ? error.message : 'Unknown parse error'\r\n };\r\n }\r\n}\r\n\r\n/\r\n Extract JSON from mixed content\r\n * Handles cases where JSON is embedded in text output\r\n \r\n @param content - Content that may contain JSON\r\n * @returns Extracted JSON string or null if not found\r\n /\r\nexport function extractJson(content: string): string \| null {\r\n const trimmed = content.trim();\r\n\r\n // Direct JSON\r\n if (trimmed.startsWith('{') \|\| trimmed.startsWith('[')) {\r\n // Find the matching bracket\r\n let depth = 0;\r\n let inString = false;\r\n let escape = false;\r\n let end = -1;\r\n\r\n for (let i = 0; i < trimmed.length; i++) {\r\n const char = trimmed[i];\r\n\r\n if (escape) {\r\n escape = false;\r\n continue;\r\n }\r\n\r\n if (char === '\\\\') {\r\n escape = true;\r\n continue;\r\n }\r\n\r\n if (char === '\"') {\r\n inString = !inString;\r\n continue;\r\n }\r\n\r\n if (!inString) {\r\n if (char === '{' \|\| char === '[') {\r\n depth++;\r\n } else if (char === '}' \|\| char === ']') {\r\n depth--;\r\n if (depth === 0) {\r\n end = i + 1;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (end > 0) {\r\n return trimmed.substring(0, end);\r\n }\r\n }\r\n\r\n // Try to find JSON in code blocks\r\n const codeBlockMatch = content.match(/```(?:json)?\\s\\n([\\s\\S]?)\\n```/);\r\n if (codeBlockMatch) {\r\n return codeBlockMatch[1].trim();\r\n }\r\n\r\n return null;\r\n}\r\n\r\n/\r\n Detect if content should be displayed as JSON\r\n * Combines extraction and validation\r\n \r\n @param content - Content to check\r\n * @returns Detection result\r\n /\r\nexport function detectJsonContent(content: string): JsonDetectionResult & { extracted: string \| null } {\r\n const extracted = extractJson(content);\r\n\r\n if (!extracted) {\r\n return { isJson: false, format: 'invalid', extracted: null };\r\n }\r\n\r\n const result = detectJson(extracted);\r\n return { ...result, extracted };\r\n}\r\n\r\n/\r\n Format JSON for display\r\n \r\n @param data - Parsed JSON data\r\n * @param indent - Indentation spaces (default: 2)\r\n * @returns Formatted JSON string\r\n /\r\nexport function formatJson(data: unknown, indent: number = 2): string {\r\n return JSON.stringify(data, null, indent);\r\n}\r\n\r\n/\r\n Get a summary string for JSON data\r\n \r\n @param data - Parsed JSON data\r\n * @returns Summary description\r\n /\r\nexport function getJsonSummary(data: unknown): string {\r\n if (data === null) return 'null';\r\n if (typeof data === 'boolean') return data ? 'true' : 'false';\r\n if (typeof data === 'number') return String(data);\r\n if (typeof data === 'string') return `\"${data.length > 30 ? data.substring(0, 30) + '...' : data}\"`;\r\n\r\n if (Array.isArray(data)) {\r\n const length = data.length;\r\n return `Array[${length}]${length > 0 ? ` (${getJsonSummary(data[0])}, ...)` : ''}`;\r\n }\r\n\r\n if (typeof data === 'object') {\r\n const keys = Object.keys(data);\r\n return `Object{${keys.length}}${keys.length > 0 ? ` (${keys.slice(0, 3).join(', ')}${keys.length > 3 ? ', ...' : ''})` : ''}`;\r\n }\r\n\r\n return String(data);\r\n}\r\n\r\n/\r\n Get color class for JSON value type\r\n \r\n @param value - JSON value\r\n * @returns Tailwind color class\r\n /\r\nexport function getJsonValueTypeColor(value: unknown): string {\r\n if (value === null) return 'text-muted-foreground';\r\n if (typeof value === 'boolean') return 'text-purple-400';\r\n if (typeof value === 'number') return 'text-orange-400';\r\n if (typeof value === 'string') return 'text-green-400';\r\n if (Array.isArray(value)) return 'text-blue-400';\r\n if (typeof value === 'object') return 'text-yellow-400';\r\n return 'text-foreground';\r\n}\r\n","// ========================================\r\n// JsonFormatter Component\r\n// ========================================\r\n// Displays JSON content in formatted text or card view\r\n\r\nimport { useState, useCallback, useMemo } from 'react';\r\nimport { ChevronDown, ChevronRight, Copy, Check, Braces } from 'lucide-react';\r\nimport { cn } from '@/lib/utils';\r\nimport { Button } from '@/components/ui/Button';\r\nimport {\r\n detectJsonContent,\r\n formatJson,\r\n getJsonSummary,\r\n getJsonValueTypeColor,\r\n type JsonDisplayMode,\r\n} from './jsonUtils';\r\n\r\n// ========== Types ==========\r\n\r\nexport interface JsonFormatterProps {\r\n /* Content to format /\r\n content: string;\r\n /* Display mode /\r\n displayMode?: JsonDisplayMode;\r\n /* CSS className /\r\n className?: string;\r\n /* Maximum lines for text mode (default: 20) /\r\n maxLines?: number;\r\n /* Whether to show type labels in card mode (default: true) /\r\n showTypeLabels?: boolean;\r\n}\r\n\r\n// ========== Helper Components ==========\r\n\r\n/\r\n Copy button with feedback\r\n /\r\nfunction CopyButton({ text }: { text: string }) {\r\n const [copied, setCopied] = useState(false);\r\n\r\n const handleCopy = useCallback(async () => {\r\n try {\r\n await navigator.clipboard.writeText(text);\r\n setCopied(true);\r\n setTimeout(() => setCopied(false), 2000);\r\n } catch (err) {\r\n console.error('Failed to copy:', err);\r\n }\r\n }, [text]);\r\n\r\n return (\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n onClick={handleCopy}\r\n className=\"h-6 px-2 text-xs opacity-0 group-hover:opacity-100 transition-opacity\"\r\n >\r\n {copied ? (\r\n <>\r\n <Check className=\"h-3 w-3 mr-1\" />\r\n Copied\r\n </>\r\n ) : (\r\n <>\r\n <Copy className=\"h-3 w-3 mr-1\" />\r\n Copy\r\n </>\r\n )}\r\n </Button>\r\n );\r\n}\r\n\r\n/\r\n JSON value renderer with syntax highlighting\r\n /\r\nfunction JsonValue({ value, depth = 0 }: { value: unknown; depth?: number }) {\r\n const indent = ' '.repeat(depth);\r\n const colorClass = getJsonValueTypeColor(value);\r\n\r\n if (value === null) {\r\n return <span className={colorClass}>null</span>;\r\n }\r\n\r\n if (typeof value === 'boolean') {\r\n return <span className={colorClass}>{String(value)}</span>;\r\n }\r\n\r\n if (typeof value === 'number') {\r\n return <span className={colorClass}>{String(value)}</span>;\r\n }\r\n\r\n if (typeof value === 'string') {\r\n return <span className={colorClass}>\"{value}\"</span>;\r\n }\r\n\r\n if (Array.isArray(value)) {\r\n if (value.length === 0) {\r\n return <span className=\"text-blue-400\">[]</span>;\r\n }\r\n\r\n return (\r\n <div className=\"text-blue-400\">\r\n <span>[</span>\r\n <div className=\"pl-4\">\r\n {value.map((item, index) => (\r\n <div key={index} className=\"hover:bg-muted/50 rounded px-1\">\r\n <JsonValue value={item} depth={depth + 1} />\r\n {index < value.length - 1 && <span className=\"text-foreground\">,</span>}\r\n </div>\r\n ))}\r\n </div>\r\n <span>{indent}]</span>\r\n </div>\r\n );\r\n }\r\n\r\n if (typeof value === 'object') {\r\n const entries = Object.entries(value as Record<string, unknown>);\r\n if (entries.length === 0) {\r\n return <span className=\"text-yellow-400\">{`{}`}</span>;\r\n }\r\n\r\n return (\r\n <div className=\"text-yellow-400\">\r\n <span>{`{`}</span>\r\n <div className=\"pl-4\">\r\n {entries.map(([key, val], index) => (\r\n <div key={key} className=\"hover:bg-muted/50 rounded px-1\">\r\n <span className=\"text-cyan-400\">\"{key}\"</span>\r\n <span className=\"text-foreground\">: </span>\r\n <JsonValue value={val} depth={depth + 1} />\r\n {index < entries.length - 1 && <span className=\"text-foreground\">,</span>}\r\n </div>\r\n ))}\r\n </div>\r\n <span>{indent}{`}`}</span>\r\n </div>\r\n );\r\n }\r\n\r\n return <span>{String(value)}</span>;\r\n}\r\n\r\n/\r\n Compact JSON view for inline display\r\n /\r\nfunction JsonCompact({ data }: { data: unknown }) {\r\n return (\r\n <code className=\"text-xs font-mono\">\r\n <JsonValue value={data} />\r\n </code>\r\n );\r\n}\r\n\r\n/\r\n Card view for structured JSON display\r\n /\r\nfunction JsonCard({ data, showTypeLabels = true }: { data: unknown; showTypeLabels?: boolean }) {\r\n const [expandedKeys, setExpandedKeys] = useState<Set<string>>(new Set());\r\n\r\n const toggleKey = useCallback((key: string) => {\r\n setExpandedKeys((prev) => {\r\n const next = new Set(prev);\r\n if (next.has(key)) {\r\n next.delete(key);\r\n } else {\r\n next.add(key);\r\n }\r\n return next;\r\n });\r\n }, []);\r\n\r\n if (typeof data !== 'object' \|\| data === null \|\| Array.isArray(data)) {\r\n // Primitive or array - use inline view\r\n return (\r\n <div className=\"p-3 bg-muted/30 rounded border border-border\">\r\n <JsonCompact data={data} />\r\n </div>\r\n );\r\n }\r\n\r\n const entries = Object.entries(data as Record<string, unknown>);\r\n\r\n return (\r\n <div className=\"border border-border rounded-lg overflow-hidden bg-card\">\r\n {/ Header /}\r\n <div className=\"flex items-center gap-2 px-3 py-2 bg-muted/50 border-b border-border\">\r\n <Braces className=\"h-4 w-4 text-muted-foreground\" />\r\n <span className=\"text-sm font-medium\">JSON Data</span>\r\n <span className=\"text-xs text-muted-foreground\">\r\n ({entries.length} {entries.length === 1 ? 'property' : 'properties'})\r\n </span>\r\n </div>\r\n\r\n {/ Properties /}\r\n <div className=\"divide-y divide-border\">\r\n {entries.map(([key, value]) => {\r\n const isObject = value !== null && typeof value === 'object';\r\n const isExpanded = expandedKeys.has(key);\r\n const isArray = Array.isArray(value);\r\n const summary = getJsonSummary(value);\r\n\r\n return (\r\n <div key={key} className=\"group\">\r\n <div\r\n className={cn(\r\n 'flex items-start gap-2 px-3 py-2 hover:bg-muted/30 transition-colors',\r\n isObject && 'cursor-pointer'\r\n )}\r\n onClick={() => isObject && toggleKey(key)}\r\n >\r\n {/ Expand/collapse icon /}\r\n {isObject && (\r\n <div className=\"shrink-0 mt-0.5\">\r\n {isExpanded ? (\r\n <ChevronDown className=\"h-3.5 w-3.5 text-muted-foreground\" />\r\n ) : (\r\n <ChevronRight className=\"h-3.5 w-3.5 text-muted-foreground\" />\r\n )}\r\n </div>\r\n )}\r\n\r\n {/ Key /}\r\n <span className=\"font-mono text-sm text-cyan-400 shrink-0\">\"{key}\"</span>\r\n <span className=\"text-muted-foreground shrink-0\">:</span>\r\n\r\n {/ Value summary or full value /}\r\n <div className={cn('flex-1 min-w-0', getJsonValueTypeColor(value))}>\r\n {showTypeLabels && (\r\n <span className=\"text-xs text-muted-foreground mr-1\">\r\n {isArray ? 'array' : isObject ? 'object' : typeof value}\r\n </span>\r\n )}\r\n {!isObject ? (\r\n <span className=\"text-sm font-mono break-all\">{summary}</span>\r\n ) : (\r\n <span className=\"text-sm\">{summary}</span>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {/ Expanded nested object /}\r\n {isObject && isExpanded && (\r\n <div className=\"pl-8 pr-3 pb-2\">\r\n <div className=\"p-3 bg-muted/30 rounded border border-border\">\r\n <JsonCard data={value} showTypeLabels={showTypeLabels} />\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n/\r\n Text view for formatted JSON\r\n /\r\nfunction JsonText({ data, maxLines = 20 }: { data: unknown; maxLines?: number }) {\r\n const formatted = useMemo(() => formatJson(data), [data]);\r\n const lines = formatted.split('\\n');\r\n\r\n const showTruncated = maxLines && lines.length > maxLines;\r\n const displayLines = showTruncated ? lines.slice(0, maxLines) : lines;\r\n\r\n return (\r\n <div className=\"relative group\">\r\n <pre className=\"text-xs font-mono bg-muted/30 p-3 rounded border border-border overflow-x-auto\">\r\n <code className=\"text-foreground\">\r\n {displayLines.map((line, i) => (\r\n <div key={i} className=\"hover:bg-muted/50 px-1 -mx-1\">\r\n {line}\r\n </div>\r\n ))}\r\n {showTruncated && (\r\n <div className=\"text-muted-foreground italic\">\r\n // ... {lines.length - maxLines} more lines\r\n </div>\r\n )}\r\n </code>\r\n </pre>\r\n\r\n {/ Copy button /}\r\n <div className=\"absolute top-2 right-2\">\r\n <CopyButton text={formatted} />\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n// ========== Main Component ==========\r\n\r\n/\r\n JsonFormatter Component\r\n \r\n Displays JSON content in various formats:\r\n * - `text`: Formatted JSON text with syntax highlighting\r\n * - `card`: Structured card view with collapsible properties\r\n * - `inline`: Compact inline display\r\n \r\n Auto-detects JSON from mixed content and validates it.\r\n /\r\nexport function JsonFormatter({\r\n content,\r\n displayMode = 'text',\r\n className,\r\n maxLines = 20,\r\n showTypeLabels = true,\r\n}: JsonFormatterProps) {\r\n // Detect JSON content\r\n const detection = useMemo(() => detectJsonContent(content), [content]);\r\n\r\n // Not JSON or invalid - show as plain text\r\n if (!detection.isJson) {\r\n return (\r\n <div className={cn('text-xs font-mono text-foreground', className)}>\r\n {content}\r\n </div>\r\n );\r\n }\r\n\r\n // Valid JSON - render based on display mode\r\n switch (displayMode) {\r\n case 'card':\r\n return (\r\n <div className={className}>\r\n <JsonCard data={detection.parsed} showTypeLabels={showTypeLabels} />\r\n </div>\r\n );\r\n\r\n case 'inline':\r\n return (\r\n <div className={cn('inline-flex items-center gap-1 px-2 py-1 bg-muted/50 rounded border border-border', className)}>\r\n <Braces className=\"h-3 w-3 text-muted-foreground shrink-0\" />\r\n <span className=\"text-xs font-mono\">\r\n <JsonCompact data={detection.parsed} />\r\n </span>\r\n </div>\r\n );\r\n\r\n case 'text':\r\n default:\r\n return (\r\n <div className={className}>\r\n <JsonText data={detection.parsed} maxLines={maxLines} />\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default JsonFormatter;\r\n","// ========================================\r\n// MessageRenderer Component\r\n// ========================================\r\n// Renders message content with Markdown support, JSON formatting,\r\n// and escape sequence handling\r\n\r\nimport { useMemo } from 'react';\r\nimport ReactMarkdown from 'react-markdown';\r\nimport remarkGfm from 'remark-gfm';\r\nimport rehypeHighlight from 'rehype-highlight';\r\nimport { cn } from '@/lib/utils';\r\nimport { JsonFormatter } from '../../LogBlock/JsonFormatter';\r\nimport { detectJsonContent } from '../../LogBlock/jsonUtils';\r\n\r\n// Import highlight.js styles for code syntax highlighting\r\n// Using a base style that works with both light and dark themes\r\nimport 'highlight.js/styles/base16/atelier-forest.css';\r\n\r\n// ========== Types ==========\r\n\r\nexport interface MessageRendererProps {\r\n /* Content to render /\r\n content: string;\r\n /* Additional CSS className /\r\n className?: string;\r\n /* Format hint (auto-detect if not specified) /\r\n format?: 'markdown' \| 'text' \| 'json';\r\n /* Maximum lines to display (for text mode) /\r\n maxLines?: number;\r\n}\r\n\r\n// ========== Markdown Component Styles ==========\r\n\r\nconst markdownComponents: Record<string, string> = {\r\n h1: 'text-xl font-bold mt-4 mb-2 text-foreground',\r\n h2: 'text-lg font-semibold mt-3 mb-2 text-foreground',\r\n h3: 'text-base font-semibold mt-2 mb-1 text-foreground',\r\n p: 'text-sm leading-relaxed mb-2 text-foreground',\r\n ul: 'list-disc list-inside mb-2 text-sm space-y-1',\r\n ol: 'list-decimal list-inside mb-2 text-sm space-y-1',\r\n li: 'text-sm text-foreground',\r\n code: 'font-mono text-xs bg-muted px-1.5 py-0.5 rounded text-amber-600 dark:text-amber-400',\r\n pre: 'bg-muted/80 dark:bg-muted/30 p-3 rounded-lg overflow-x-auto my-2 border border-border/50',\r\n blockquote: 'border-l-4 border-muted-foreground pl-4 italic text-muted-foreground my-2',\r\n strong: 'font-semibold text-foreground',\r\n a: 'text-blue-600 dark:text-blue-400 hover:underline',\r\n};\r\n\r\n// ========== Helper Components ==========\r\n\r\n/\r\n Inline code renderer for Markdown\r\n /\r\nfunction MarkdownCode({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {\r\n return (\r\n <code\r\n className={cn(markdownComponents.code, className)}\r\n {...props}\r\n >\r\n {children}\r\n </code>\r\n );\r\n}\r\n\r\n/\r\n Code block renderer for Markdown with syntax highlighting\r\n /\r\nfunction MarkdownPre({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {\r\n return (\r\n <pre\r\n className={cn(markdownComponents.pre, className)}\r\n {...props}\r\n >\r\n {children}\r\n </pre>\r\n );\r\n}\r\n\r\n/\r\n Paragraph renderer for Markdown\r\n /\r\nfunction MarkdownParagraph({ className, children, ...props }: React.HTMLAttributes<HTMLParagraphElement>) {\r\n return (\r\n <p\r\n className={cn(markdownComponents.p, className)}\r\n {...props}\r\n >\r\n {children}\r\n </p>\r\n );\r\n}\r\n\r\n/\r\n Heading renderers for Markdown\r\n /\r\nfunction MarkdownH1({ className, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {\r\n return (\r\n <h1\r\n className={cn(markdownComponents.h1, className)}\r\n {...props}\r\n >\r\n {children}\r\n </h1>\r\n );\r\n}\r\n\r\nfunction MarkdownH2({ className, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {\r\n return (\r\n <h2\r\n className={cn(markdownComponents.h2, className)}\r\n {...props}\r\n >\r\n {children}\r\n </h2>\r\n );\r\n}\r\n\r\nfunction MarkdownH3({ className, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {\r\n return (\r\n <h3\r\n className={cn(markdownComponents.h3, className)}\r\n {...props}\r\n >\r\n {children}\r\n </h3>\r\n );\r\n}\r\n\r\n/\r\n List renderers for Markdown\r\n /\r\nfunction MarkdownUl({ className, children, ...props }: React.HTMLAttributes<HTMLUListElement>) {\r\n return (\r\n <ul\r\n className={cn(markdownComponents.ul, className)}\r\n {...props}\r\n >\r\n {children}\r\n </ul>\r\n );\r\n}\r\n\r\nfunction MarkdownOl({ className, children, ...props }: React.HTMLAttributes<HTMLOListElement>) {\r\n return (\r\n <ol\r\n className={cn(markdownComponents.ol, className)}\r\n {...props}\r\n >\r\n {children}\r\n </ol>\r\n );\r\n}\r\n\r\nfunction MarkdownLi({ className, children, ...props }: React.HTMLAttributes<HTMLLIElement>) {\r\n return (\r\n <li\r\n className={cn(markdownComponents.li, className)}\r\n {...props}\r\n >\r\n {children}\r\n </li>\r\n );\r\n}\r\n\r\n/\r\n Blockquote renderer for Markdown\r\n /\r\nfunction MarkdownBlockquote({ className, children, ...props }: React.HTMLAttributes<HTMLQuoteElement>) {\r\n return (\r\n <blockquote\r\n className={cn(markdownComponents.blockquote, className)}\r\n {...props}\r\n >\r\n {children}\r\n </blockquote>\r\n );\r\n}\r\n\r\n/\r\n Anchor renderer for Markdown\r\n /\r\nfunction MarkdownA({ className, children, href, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) {\r\n return (\r\n <a\r\n className={cn(markdownComponents.a, className)}\r\n href={href}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n}\r\n\r\n/\r\n Strong/Bold renderer for Markdown\r\n /\r\nfunction MarkdownStrong({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {\r\n return (\r\n <strong\r\n className={cn(markdownComponents.strong, className)}\r\n {...props}\r\n >\r\n {children}\r\n </strong>\r\n );\r\n}\r\n\r\n// ========== Markdown Renderer ==========\r\n\r\n/\r\n Markdown content renderer with syntax highlighting\r\n /\r\nfunction MarkdownRenderer({ content, className }: { content: string; className?: string }) {\r\n return (\r\n <div className={cn('prose prose-sm dark:prose-invert max-w-none', className)}>\r\n <ReactMarkdown\r\n remarkPlugins={[remarkGfm]}\r\n rehypePlugins={[rehypeHighlight]}\r\n components={{\r\n h1: MarkdownH1,\r\n h2: MarkdownH2,\r\n h3: MarkdownH3,\r\n p: MarkdownParagraph,\r\n ul: MarkdownUl,\r\n ol: MarkdownOl,\r\n li: MarkdownLi,\r\n code: MarkdownCode,\r\n pre: MarkdownPre,\r\n blockquote: MarkdownBlockquote,\r\n a: MarkdownA,\r\n strong: MarkdownStrong,\r\n }}\r\n >\r\n {content}\r\n </ReactMarkdown>\r\n </div>\r\n );\r\n}\r\n\r\n// ========== Text Renderer ==========\r\n\r\n/\r\n Plain text renderer with escape sequence handling\r\n /\r\nfunction TextRenderer({ content, maxLines }: { content: string; maxLines?: number }) {\r\n const lines = useMemo(() => {\r\n return content.split('\\n');\r\n }, [content]);\r\n\r\n const displayLines = useMemo(() => {\r\n if (maxLines && lines.length > maxLines) {\r\n return lines.slice(0, maxLines);\r\n }\r\n return lines;\r\n }, [lines, maxLines]);\r\n\r\n const showTruncated = maxLines && lines.length > maxLines;\r\n\r\n return (\r\n <div className=\"text-sm text-foreground whitespace-pre-wrap break-words font-mono\">\r\n {displayLines.map((line, index) => (\r\n <div key={index}>{line \|\| '\\u00A0'}</div>\r\n ))}\r\n {showTruncated && (\r\n <div className=\"text-muted-foreground italic text-xs mt-2\">\r\n // ... {lines.length - maxLines} more lines\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\n// ========== Content Detection ==========\r\n\r\n/\r\n Auto-detect content format\r\n /\r\nfunction detectContentFormat(content: string): 'markdown' \| 'json' \| 'text' {\r\n const trimmed = content.trim();\r\n\r\n // Check for JSON first\r\n const jsonDetection = detectJsonContent(trimmed);\r\n if (jsonDetection.isJson) {\r\n return 'json';\r\n }\r\n\r\n // Check for Markdown patterns\r\n const markdownPatterns = [\r\n /^#{1,6}\\s+/m, // Headings\r\n /^\\{3,}$/m, // Horizontal rule\r\n /^\\s[-+]\\s+/m, // Unordered lists\r\n /^\\s\\d+\\.\\s+/m, // Ordered lists\r\n /\\[.?\\]\$.?\$/, // Links\r\n /`{3,}[\\s\\S]?`{3,}/, // Code blocks\r\n /\\\\.?\\\\/, // Bold\r\n /_.?_/, // Italic\r\n /^\\s>\\s+/m, // Blockquotes\r\n ];\r\n\r\n for (const pattern of markdownPatterns) {\r\n if (pattern.test(trimmed)) {\r\n return 'markdown';\r\n }\r\n }\r\n\r\n // Default to text\r\n return 'text';\r\n}\r\n\r\n// ========== Main Component ==========\r\n\r\n/\r\n MessageRenderer Component\r\n \r\n Renders message content with automatic format detection:\r\n * - JSON: Structured display with JsonFormatter\r\n * - Markdown: Rich text with syntax highlighting\r\n * - Text: Plain text with escape sequence handling\r\n \r\n Supports escape sequence handling (e.g., \\n → newline)\r\n */\r\nexport function MessageRenderer({\r\n content,\r\n className,\r\n format,\r\n maxLines,\r\n}: MessageRendererProps) {\r\n // Process escape sequences\r\n const processedContent = useMemo(() => {\r\n // Replace common escape sequences\r\n return content\r\n .replace(/\\\\n/g, '\\n')\r\n .replace(/\\\\t/g, ' ')\r\n .replace(/\\\\\"/g, '\"')\r\n .replace(/\\\\'/g, \"'\")\r\n .replace(/\\\\\\\\/g, '\\\\');\r\n }, [content]);\r\n\r\n // Auto-detect format if not specified\r\n const detectedFormat = useMemo(() => {\r\n if (format) {\r\n return format;\r\n }\r\n return detectContentFormat(processedContent);\r\n }, [processedContent, format]);\r\n\r\n // Render based on format\r\n switch (detectedFormat) {\r\n case 'json':\r\n return (\r\n <div className={className}>\r\n <JsonFormatter\r\n content={processedContent}\r\n displayMode=\"text\"\r\n maxLines={maxLines}\r\n />\r\n </div>\r\n );\r\n\r\n case 'markdown':\r\n return (\r\n <MarkdownRenderer\r\n content={processedContent}\r\n className={className}\r\n />\r\n );\r\n\r\n case 'text':\r\n default:\r\n return (\r\n <div className={className}>\r\n <TextRenderer\r\n content={processedContent}\r\n maxLines={maxLines}\r\n />\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default MessageRenderer;\r\n"],"names":["detectJson","content","trimmed","parsed","format","error","extractJson","depth","inString","escape","end","i","char","codeBlockMatch","detectJsonContent","extracted","formatJson","data","indent","getJsonSummary","length","keys","getJsonValueTypeColor","value","CopyButton","text","copied","setCopied","useState","handleCopy","useCallback","err","jsx","Button","jsxs","Fragment","Check","Copy","JsonValue","colorClass","item","index","entries","key","val","JsonCompact","JsonCard","showTypeLabels","expandedKeys","setExpandedKeys","toggleKey","prev","next","Braces","isObject","isExpanded","isArray","summary","cn","ChevronDown","ChevronRight","JsonText","maxLines","formatted","useMemo","lines","showTruncated","displayLines","line","JsonFormatter","displayMode","className","detection","markdownComponents","MarkdownCode","children","props","MarkdownPre","MarkdownParagraph","MarkdownH1","MarkdownH2","MarkdownH3","MarkdownUl","MarkdownOl","MarkdownLi","MarkdownBlockquote","MarkdownA","href","MarkdownStrong","MarkdownRenderer","ReactMarkdown","remarkGfm","rehypeHighlight","TextRenderer","detectContentFormat","markdownPatterns","pattern","MessageRenderer","processedContent"],"mappings":"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"}
1	+ {"version":3,"file":"index-B9A3Hnrk.js","sources":["../../src/components/shared/LogBlock/jsonUtils.ts","../../src/components/shared/LogBlock/JsonFormatter.tsx","../../src/components/shared/CliStreamMonitor/MessageRenderer/index.tsx"],"sourcesContent":["// ========================================\r\n// LogBlock JSON Utilities\r\n// ========================================\r\n// JSON content detection and formatting utilities\r\n\r\n/*\r\n JSON content type detection result\r\n /\r\nexport interface JsonDetectionResult {\r\n isJson: boolean;\r\n parsed?: unknown;\r\n error?: string;\r\n format: 'object' \| 'array' \| 'primitive' \| 'invalid';\r\n}\r\n\r\n/\r\n Display mode for JSON content\r\n /\r\nexport type JsonDisplayMode = 'text' \| 'card' \| 'inline';\r\n\r\n/\r\n Detect if content is valid JSON\r\n \r\n @param content - Content string to check\r\n * @returns Detection result with parsed data if valid\r\n /\r\nexport function detectJson(content: string): JsonDetectionResult {\r\n const trimmed = content.trim();\r\n\r\n // Quick check for JSON patterns\r\n if (!trimmed.startsWith('{') && !trimmed.startsWith('[')) {\r\n return { isJson: false, format: 'invalid' };\r\n }\r\n\r\n try {\r\n const parsed = JSON.parse(trimmed);\r\n\r\n // Determine format type\r\n let format: JsonDetectionResult['format'] = 'primitive';\r\n if (Array.isArray(parsed)) {\r\n format = 'array';\r\n } else if (parsed !== null && typeof parsed === 'object') {\r\n format = 'object';\r\n }\r\n\r\n return { isJson: true, parsed, format };\r\n } catch (error) {\r\n return {\r\n isJson: false,\r\n format: 'invalid',\r\n error: error instanceof Error ? error.message : 'Unknown parse error'\r\n };\r\n }\r\n}\r\n\r\n/\r\n Extract JSON from mixed content\r\n * Handles cases where JSON is embedded in text output\r\n \r\n @param content - Content that may contain JSON\r\n * @returns Extracted JSON string or null if not found\r\n /\r\nexport function extractJson(content: string): string \| null {\r\n const trimmed = content.trim();\r\n\r\n // Direct JSON\r\n if (trimmed.startsWith('{') \|\| trimmed.startsWith('[')) {\r\n // Find the matching bracket\r\n let depth = 0;\r\n let inString = false;\r\n let escape = false;\r\n let end = -1;\r\n\r\n for (let i = 0; i < trimmed.length; i++) {\r\n const char = trimmed[i];\r\n\r\n if (escape) {\r\n escape = false;\r\n continue;\r\n }\r\n\r\n if (char === '\\\\') {\r\n escape = true;\r\n continue;\r\n }\r\n\r\n if (char === '\"') {\r\n inString = !inString;\r\n continue;\r\n }\r\n\r\n if (!inString) {\r\n if (char === '{' \|\| char === '[') {\r\n depth++;\r\n } else if (char === '}' \|\| char === ']') {\r\n depth--;\r\n if (depth === 0) {\r\n end = i + 1;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (end > 0) {\r\n return trimmed.substring(0, end);\r\n }\r\n }\r\n\r\n // Try to find JSON in code blocks\r\n const codeBlockMatch = content.match(/```(?:json)?\\s\\n([\\s\\S]?)\\n```/);\r\n if (codeBlockMatch) {\r\n return codeBlockMatch[1].trim();\r\n }\r\n\r\n return null;\r\n}\r\n\r\n/\r\n Detect if content should be displayed as JSON\r\n * Combines extraction and validation\r\n \r\n @param content - Content to check\r\n * @returns Detection result\r\n /\r\nexport function detectJsonContent(content: string): JsonDetectionResult & { extracted: string \| null } {\r\n const extracted = extractJson(content);\r\n\r\n if (!extracted) {\r\n return { isJson: false, format: 'invalid', extracted: null };\r\n }\r\n\r\n const result = detectJson(extracted);\r\n return { ...result, extracted };\r\n}\r\n\r\n/\r\n Format JSON for display\r\n \r\n @param data - Parsed JSON data\r\n * @param indent - Indentation spaces (default: 2)\r\n * @returns Formatted JSON string\r\n /\r\nexport function formatJson(data: unknown, indent: number = 2): string {\r\n return JSON.stringify(data, null, indent);\r\n}\r\n\r\n/\r\n Get a summary string for JSON data\r\n \r\n @param data - Parsed JSON data\r\n * @returns Summary description\r\n /\r\nexport function getJsonSummary(data: unknown): string {\r\n if (data === null) return 'null';\r\n if (typeof data === 'boolean') return data ? 'true' : 'false';\r\n if (typeof data === 'number') return String(data);\r\n if (typeof data === 'string') return `\"${data.length > 30 ? data.substring(0, 30) + '...' : data}\"`;\r\n\r\n if (Array.isArray(data)) {\r\n const length = data.length;\r\n return `Array[${length}]${length > 0 ? ` (${getJsonSummary(data[0])}, ...)` : ''}`;\r\n }\r\n\r\n if (typeof data === 'object') {\r\n const keys = Object.keys(data);\r\n return `Object{${keys.length}}${keys.length > 0 ? ` (${keys.slice(0, 3).join(', ')}${keys.length > 3 ? ', ...' : ''})` : ''}`;\r\n }\r\n\r\n return String(data);\r\n}\r\n\r\n/\r\n Get color class for JSON value type\r\n \r\n @param value - JSON value\r\n * @returns Tailwind color class\r\n /\r\nexport function getJsonValueTypeColor(value: unknown): string {\r\n if (value === null) return 'text-muted-foreground';\r\n if (typeof value === 'boolean') return 'text-purple-400';\r\n if (typeof value === 'number') return 'text-orange-400';\r\n if (typeof value === 'string') return 'text-green-400';\r\n if (Array.isArray(value)) return 'text-blue-400';\r\n if (typeof value === 'object') return 'text-yellow-400';\r\n return 'text-foreground';\r\n}\r\n","// ========================================\r\n// JsonFormatter Component\r\n// ========================================\r\n// Displays JSON content in formatted text or card view\r\n\r\nimport { useState, useCallback, useMemo } from 'react';\r\nimport { ChevronDown, ChevronRight, Copy, Check, Braces } from 'lucide-react';\r\nimport { cn } from '@/lib/utils';\r\nimport { Button } from '@/components/ui/Button';\r\nimport {\r\n detectJsonContent,\r\n formatJson,\r\n getJsonSummary,\r\n getJsonValueTypeColor,\r\n type JsonDisplayMode,\r\n} from './jsonUtils';\r\n\r\n// ========== Types ==========\r\n\r\nexport interface JsonFormatterProps {\r\n /* Content to format /\r\n content: string;\r\n /* Display mode /\r\n displayMode?: JsonDisplayMode;\r\n /* CSS className /\r\n className?: string;\r\n /* Maximum lines for text mode (default: 20) /\r\n maxLines?: number;\r\n /* Whether to show type labels in card mode (default: true) /\r\n showTypeLabels?: boolean;\r\n}\r\n\r\n// ========== Helper Components ==========\r\n\r\n/\r\n Copy button with feedback\r\n /\r\nfunction CopyButton({ text }: { text: string }) {\r\n const [copied, setCopied] = useState(false);\r\n\r\n const handleCopy = useCallback(async () => {\r\n try {\r\n await navigator.clipboard.writeText(text);\r\n setCopied(true);\r\n setTimeout(() => setCopied(false), 2000);\r\n } catch (err) {\r\n console.error('Failed to copy:', err);\r\n }\r\n }, [text]);\r\n\r\n return (\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n onClick={handleCopy}\r\n className=\"h-6 px-2 text-xs opacity-0 group-hover:opacity-100 transition-opacity\"\r\n >\r\n {copied ? (\r\n <>\r\n <Check className=\"h-3 w-3 mr-1\" />\r\n Copied\r\n </>\r\n ) : (\r\n <>\r\n <Copy className=\"h-3 w-3 mr-1\" />\r\n Copy\r\n </>\r\n )}\r\n </Button>\r\n );\r\n}\r\n\r\n/\r\n JSON value renderer with syntax highlighting\r\n /\r\nfunction JsonValue({ value, depth = 0 }: { value: unknown; depth?: number }) {\r\n const indent = ' '.repeat(depth);\r\n const colorClass = getJsonValueTypeColor(value);\r\n\r\n if (value === null) {\r\n return <span className={colorClass}>null</span>;\r\n }\r\n\r\n if (typeof value === 'boolean') {\r\n return <span className={colorClass}>{String(value)}</span>;\r\n }\r\n\r\n if (typeof value === 'number') {\r\n return <span className={colorClass}>{String(value)}</span>;\r\n }\r\n\r\n if (typeof value === 'string') {\r\n return <span className={colorClass}>\"{value}\"</span>;\r\n }\r\n\r\n if (Array.isArray(value)) {\r\n if (value.length === 0) {\r\n return <span className=\"text-blue-400\">[]</span>;\r\n }\r\n\r\n return (\r\n <div className=\"text-blue-400\">\r\n <span>[</span>\r\n <div className=\"pl-4\">\r\n {value.map((item, index) => (\r\n <div key={index} className=\"hover:bg-muted/50 rounded px-1\">\r\n <JsonValue value={item} depth={depth + 1} />\r\n {index < value.length - 1 && <span className=\"text-foreground\">,</span>}\r\n </div>\r\n ))}\r\n </div>\r\n <span>{indent}]</span>\r\n </div>\r\n );\r\n }\r\n\r\n if (typeof value === 'object') {\r\n const entries = Object.entries(value as Record<string, unknown>);\r\n if (entries.length === 0) {\r\n return <span className=\"text-yellow-400\">{`{}`}</span>;\r\n }\r\n\r\n return (\r\n <div className=\"text-yellow-400\">\r\n <span>{`{`}</span>\r\n <div className=\"pl-4\">\r\n {entries.map(([key, val], index) => (\r\n <div key={key} className=\"hover:bg-muted/50 rounded px-1\">\r\n <span className=\"text-cyan-400\">\"{key}\"</span>\r\n <span className=\"text-foreground\">: </span>\r\n <JsonValue value={val} depth={depth + 1} />\r\n {index < entries.length - 1 && <span className=\"text-foreground\">,</span>}\r\n </div>\r\n ))}\r\n </div>\r\n <span>{indent}{`}`}</span>\r\n </div>\r\n );\r\n }\r\n\r\n return <span>{String(value)}</span>;\r\n}\r\n\r\n/\r\n Compact JSON view for inline display\r\n /\r\nfunction JsonCompact({ data }: { data: unknown }) {\r\n return (\r\n <code className=\"text-xs font-mono\">\r\n <JsonValue value={data} />\r\n </code>\r\n );\r\n}\r\n\r\n/\r\n Card view for structured JSON display\r\n /\r\nfunction JsonCard({ data, showTypeLabels = true }: { data: unknown; showTypeLabels?: boolean }) {\r\n const [expandedKeys, setExpandedKeys] = useState<Set<string>>(new Set());\r\n\r\n const toggleKey = useCallback((key: string) => {\r\n setExpandedKeys((prev) => {\r\n const next = new Set(prev);\r\n if (next.has(key)) {\r\n next.delete(key);\r\n } else {\r\n next.add(key);\r\n }\r\n return next;\r\n });\r\n }, []);\r\n\r\n if (typeof data !== 'object' \|\| data === null \|\| Array.isArray(data)) {\r\n // Primitive or array - use inline view\r\n return (\r\n <div className=\"p-3 bg-muted/30 rounded border border-border\">\r\n <JsonCompact data={data} />\r\n </div>\r\n );\r\n }\r\n\r\n const entries = Object.entries(data as Record<string, unknown>);\r\n\r\n return (\r\n <div className=\"border border-border rounded-lg overflow-hidden bg-card\">\r\n {/ Header /}\r\n <div className=\"flex items-center gap-2 px-3 py-2 bg-muted/50 border-b border-border\">\r\n <Braces className=\"h-4 w-4 text-muted-foreground\" />\r\n <span className=\"text-sm font-medium\">JSON Data</span>\r\n <span className=\"text-xs text-muted-foreground\">\r\n ({entries.length} {entries.length === 1 ? 'property' : 'properties'})\r\n </span>\r\n </div>\r\n\r\n {/ Properties /}\r\n <div className=\"divide-y divide-border\">\r\n {entries.map(([key, value]) => {\r\n const isObject = value !== null && typeof value === 'object';\r\n const isExpanded = expandedKeys.has(key);\r\n const isArray = Array.isArray(value);\r\n const summary = getJsonSummary(value);\r\n\r\n return (\r\n <div key={key} className=\"group\">\r\n <div\r\n className={cn(\r\n 'flex items-start gap-2 px-3 py-2 hover:bg-muted/30 transition-colors',\r\n isObject && 'cursor-pointer'\r\n )}\r\n onClick={() => isObject && toggleKey(key)}\r\n >\r\n {/ Expand/collapse icon /}\r\n {isObject && (\r\n <div className=\"shrink-0 mt-0.5\">\r\n {isExpanded ? (\r\n <ChevronDown className=\"h-3.5 w-3.5 text-muted-foreground\" />\r\n ) : (\r\n <ChevronRight className=\"h-3.5 w-3.5 text-muted-foreground\" />\r\n )}\r\n </div>\r\n )}\r\n\r\n {/ Key /}\r\n <span className=\"font-mono text-sm text-cyan-400 shrink-0\">\"{key}\"</span>\r\n <span className=\"text-muted-foreground shrink-0\">:</span>\r\n\r\n {/ Value summary or full value /}\r\n <div className={cn('flex-1 min-w-0', getJsonValueTypeColor(value))}>\r\n {showTypeLabels && (\r\n <span className=\"text-xs text-muted-foreground mr-1\">\r\n {isArray ? 'array' : isObject ? 'object' : typeof value}\r\n </span>\r\n )}\r\n {!isObject ? (\r\n <span className=\"text-sm font-mono break-all\">{summary}</span>\r\n ) : (\r\n <span className=\"text-sm\">{summary}</span>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {/ Expanded nested object /}\r\n {isObject && isExpanded && (\r\n <div className=\"pl-8 pr-3 pb-2\">\r\n <div className=\"p-3 bg-muted/30 rounded border border-border\">\r\n <JsonCard data={value} showTypeLabels={showTypeLabels} />\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n/\r\n Text view for formatted JSON\r\n /\r\nfunction JsonText({ data, maxLines = 20 }: { data: unknown; maxLines?: number }) {\r\n const formatted = useMemo(() => formatJson(data), [data]);\r\n const lines = formatted.split('\\n');\r\n\r\n const showTruncated = maxLines && lines.length > maxLines;\r\n const displayLines = showTruncated ? lines.slice(0, maxLines) : lines;\r\n\r\n return (\r\n <div className=\"relative group\">\r\n <pre className=\"text-xs font-mono bg-muted/30 p-3 rounded border border-border overflow-x-auto\">\r\n <code className=\"text-foreground\">\r\n {displayLines.map((line, i) => (\r\n <div key={i} className=\"hover:bg-muted/50 px-1 -mx-1\">\r\n {line}\r\n </div>\r\n ))}\r\n {showTruncated && (\r\n <div className=\"text-muted-foreground italic\">\r\n // ... {lines.length - maxLines} more lines\r\n </div>\r\n )}\r\n </code>\r\n </pre>\r\n\r\n {/ Copy button /}\r\n <div className=\"absolute top-2 right-2\">\r\n <CopyButton text={formatted} />\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n// ========== Main Component ==========\r\n\r\n/\r\n JsonFormatter Component\r\n \r\n Displays JSON content in various formats:\r\n * - `text`: Formatted JSON text with syntax highlighting\r\n * - `card`: Structured card view with collapsible properties\r\n * - `inline`: Compact inline display\r\n \r\n Auto-detects JSON from mixed content and validates it.\r\n /\r\nexport function JsonFormatter({\r\n content,\r\n displayMode = 'text',\r\n className,\r\n maxLines = 20,\r\n showTypeLabels = true,\r\n}: JsonFormatterProps) {\r\n // Detect JSON content\r\n const detection = useMemo(() => detectJsonContent(content), [content]);\r\n\r\n // Not JSON or invalid - show as plain text\r\n if (!detection.isJson) {\r\n return (\r\n <div className={cn('text-xs font-mono text-foreground', className)}>\r\n {content}\r\n </div>\r\n );\r\n }\r\n\r\n // Valid JSON - render based on display mode\r\n switch (displayMode) {\r\n case 'card':\r\n return (\r\n <div className={className}>\r\n <JsonCard data={detection.parsed} showTypeLabels={showTypeLabels} />\r\n </div>\r\n );\r\n\r\n case 'inline':\r\n return (\r\n <div className={cn('inline-flex items-center gap-1 px-2 py-1 bg-muted/50 rounded border border-border', className)}>\r\n <Braces className=\"h-3 w-3 text-muted-foreground shrink-0\" />\r\n <span className=\"text-xs font-mono\">\r\n <JsonCompact data={detection.parsed} />\r\n </span>\r\n </div>\r\n );\r\n\r\n case 'text':\r\n default:\r\n return (\r\n <div className={className}>\r\n <JsonText data={detection.parsed} maxLines={maxLines} />\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default JsonFormatter;\r\n","// ========================================\r\n// MessageRenderer Component\r\n// ========================================\r\n// Renders message content with Markdown support, JSON formatting,\r\n// and escape sequence handling\r\n\r\nimport { useMemo } from 'react';\r\nimport ReactMarkdown from 'react-markdown';\r\nimport remarkGfm from 'remark-gfm';\r\nimport rehypeHighlight from 'rehype-highlight';\r\nimport { cn } from '@/lib/utils';\r\nimport { JsonFormatter } from '../../LogBlock/JsonFormatter';\r\nimport { detectJsonContent } from '../../LogBlock/jsonUtils';\r\n\r\n// Import highlight.js styles for code syntax highlighting\r\n// Using a base style that works with both light and dark themes\r\nimport 'highlight.js/styles/base16/atelier-forest.css';\r\n\r\n// ========== Types ==========\r\n\r\nexport interface MessageRendererProps {\r\n /* Content to render /\r\n content: string;\r\n /* Additional CSS className /\r\n className?: string;\r\n /* Format hint (auto-detect if not specified) /\r\n format?: 'markdown' \| 'text' \| 'json';\r\n /* Maximum lines to display (for text mode) /\r\n maxLines?: number;\r\n}\r\n\r\n// ========== Markdown Component Styles ==========\r\n\r\nconst markdownComponents: Record<string, string> = {\r\n h1: 'text-xl font-bold mt-4 mb-2 text-foreground',\r\n h2: 'text-lg font-semibold mt-3 mb-2 text-foreground',\r\n h3: 'text-base font-semibold mt-2 mb-1 text-foreground',\r\n p: 'text-sm leading-relaxed mb-2 text-foreground',\r\n ul: 'list-disc list-inside mb-2 text-sm space-y-1',\r\n ol: 'list-decimal list-inside mb-2 text-sm space-y-1',\r\n li: 'text-sm text-foreground',\r\n code: 'font-mono text-xs bg-muted px-1.5 py-0.5 rounded text-amber-600 dark:text-amber-400',\r\n pre: 'bg-muted/80 dark:bg-muted/30 p-3 rounded-lg overflow-x-auto my-2 border border-border/50',\r\n blockquote: 'border-l-4 border-muted-foreground pl-4 italic text-muted-foreground my-2',\r\n strong: 'font-semibold text-foreground',\r\n a: 'text-blue-600 dark:text-blue-400 hover:underline',\r\n};\r\n\r\n// ========== Helper Components ==========\r\n\r\n/\r\n Inline code renderer for Markdown\r\n /\r\nfunction MarkdownCode({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {\r\n return (\r\n <code\r\n className={cn(markdownComponents.code, className)}\r\n {...props}\r\n >\r\n {children}\r\n </code>\r\n );\r\n}\r\n\r\n/\r\n Code block renderer for Markdown with syntax highlighting\r\n /\r\nfunction MarkdownPre({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {\r\n return (\r\n <pre\r\n className={cn(markdownComponents.pre, className)}\r\n {...props}\r\n >\r\n {children}\r\n </pre>\r\n );\r\n}\r\n\r\n/\r\n Paragraph renderer for Markdown\r\n /\r\nfunction MarkdownParagraph({ className, children, ...props }: React.HTMLAttributes<HTMLParagraphElement>) {\r\n return (\r\n <p\r\n className={cn(markdownComponents.p, className)}\r\n {...props}\r\n >\r\n {children}\r\n </p>\r\n );\r\n}\r\n\r\n/\r\n Heading renderers for Markdown\r\n /\r\nfunction MarkdownH1({ className, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {\r\n return (\r\n <h1\r\n className={cn(markdownComponents.h1, className)}\r\n {...props}\r\n >\r\n {children}\r\n </h1>\r\n );\r\n}\r\n\r\nfunction MarkdownH2({ className, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {\r\n return (\r\n <h2\r\n className={cn(markdownComponents.h2, className)}\r\n {...props}\r\n >\r\n {children}\r\n </h2>\r\n );\r\n}\r\n\r\nfunction MarkdownH3({ className, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {\r\n return (\r\n <h3\r\n className={cn(markdownComponents.h3, className)}\r\n {...props}\r\n >\r\n {children}\r\n </h3>\r\n );\r\n}\r\n\r\n/\r\n List renderers for Markdown\r\n /\r\nfunction MarkdownUl({ className, children, ...props }: React.HTMLAttributes<HTMLUListElement>) {\r\n return (\r\n <ul\r\n className={cn(markdownComponents.ul, className)}\r\n {...props}\r\n >\r\n {children}\r\n </ul>\r\n );\r\n}\r\n\r\nfunction MarkdownOl({ className, children, ...props }: React.HTMLAttributes<HTMLOListElement>) {\r\n return (\r\n <ol\r\n className={cn(markdownComponents.ol, className)}\r\n {...props}\r\n >\r\n {children}\r\n </ol>\r\n );\r\n}\r\n\r\nfunction MarkdownLi({ className, children, ...props }: React.HTMLAttributes<HTMLLIElement>) {\r\n return (\r\n <li\r\n className={cn(markdownComponents.li, className)}\r\n {...props}\r\n >\r\n {children}\r\n </li>\r\n );\r\n}\r\n\r\n/\r\n Blockquote renderer for Markdown\r\n /\r\nfunction MarkdownBlockquote({ className, children, ...props }: React.HTMLAttributes<HTMLQuoteElement>) {\r\n return (\r\n <blockquote\r\n className={cn(markdownComponents.blockquote, className)}\r\n {...props}\r\n >\r\n {children}\r\n </blockquote>\r\n );\r\n}\r\n\r\n/\r\n Anchor renderer for Markdown\r\n /\r\nfunction MarkdownA({ className, children, href, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) {\r\n return (\r\n <a\r\n className={cn(markdownComponents.a, className)}\r\n href={href}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n}\r\n\r\n/\r\n Strong/Bold renderer for Markdown\r\n /\r\nfunction MarkdownStrong({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {\r\n return (\r\n <strong\r\n className={cn(markdownComponents.strong, className)}\r\n {...props}\r\n >\r\n {children}\r\n </strong>\r\n );\r\n}\r\n\r\n// ========== Markdown Renderer ==========\r\n\r\n/\r\n Markdown content renderer with syntax highlighting\r\n /\r\nfunction MarkdownRenderer({ content, className }: { content: string; className?: string }) {\r\n return (\r\n <div className={cn('prose prose-sm dark:prose-invert max-w-none', className)}>\r\n <ReactMarkdown\r\n remarkPlugins={[remarkGfm]}\r\n rehypePlugins={[rehypeHighlight]}\r\n components={{\r\n h1: MarkdownH1,\r\n h2: MarkdownH2,\r\n h3: MarkdownH3,\r\n p: MarkdownParagraph,\r\n ul: MarkdownUl,\r\n ol: MarkdownOl,\r\n li: MarkdownLi,\r\n code: MarkdownCode,\r\n pre: MarkdownPre,\r\n blockquote: MarkdownBlockquote,\r\n a: MarkdownA,\r\n strong: MarkdownStrong,\r\n }}\r\n >\r\n {content}\r\n </ReactMarkdown>\r\n </div>\r\n );\r\n}\r\n\r\n// ========== Text Renderer ==========\r\n\r\n/\r\n Plain text renderer with escape sequence handling\r\n /\r\nfunction TextRenderer({ content, maxLines }: { content: string; maxLines?: number }) {\r\n const lines = useMemo(() => {\r\n return content.split('\\n');\r\n }, [content]);\r\n\r\n const displayLines = useMemo(() => {\r\n if (maxLines && lines.length > maxLines) {\r\n return lines.slice(0, maxLines);\r\n }\r\n return lines;\r\n }, [lines, maxLines]);\r\n\r\n const showTruncated = maxLines && lines.length > maxLines;\r\n\r\n return (\r\n <div className=\"text-sm text-foreground whitespace-pre-wrap break-words font-mono\">\r\n {displayLines.map((line, index) => (\r\n <div key={index}>{line \|\| '\\u00A0'}</div>\r\n ))}\r\n {showTruncated && (\r\n <div className=\"text-muted-foreground italic text-xs mt-2\">\r\n // ... {lines.length - maxLines} more lines\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\n// ========== Content Detection ==========\r\n\r\n/\r\n Auto-detect content format\r\n /\r\nfunction detectContentFormat(content: string): 'markdown' \| 'json' \| 'text' {\r\n const trimmed = content.trim();\r\n\r\n // Check for JSON first\r\n const jsonDetection = detectJsonContent(trimmed);\r\n if (jsonDetection.isJson) {\r\n return 'json';\r\n }\r\n\r\n // Check for Markdown patterns\r\n const markdownPatterns = [\r\n /^#{1,6}\\s+/m, // Headings\r\n /^\\{3,}$/m, // Horizontal rule\r\n /^\\s[-+]\\s+/m, // Unordered lists\r\n /^\\s\\d+\\.\\s+/m, // Ordered lists\r\n /\\[.?\\]\$.?\$/, // Links\r\n /`{3,}[\\s\\S]?`{3,}/, // Code blocks\r\n /\\\\.?\\\\/, // Bold\r\n /_.?_/, // Italic\r\n /^\\s>\\s+/m, // Blockquotes\r\n ];\r\n\r\n for (const pattern of markdownPatterns) {\r\n if (pattern.test(trimmed)) {\r\n return 'markdown';\r\n }\r\n }\r\n\r\n // Default to text\r\n return 'text';\r\n}\r\n\r\n// ========== Main Component ==========\r\n\r\n/\r\n MessageRenderer Component\r\n \r\n Renders message content with automatic format detection:\r\n * - JSON: Structured display with JsonFormatter\r\n * - Markdown: Rich text with syntax highlighting\r\n * - Text: Plain text with escape sequence handling\r\n \r\n Supports escape sequence handling (e.g., \\n → newline)\r\n */\r\nexport function MessageRenderer({\r\n content,\r\n className,\r\n format,\r\n maxLines,\r\n}: MessageRendererProps) {\r\n // Process escape sequences\r\n const processedContent = useMemo(() => {\r\n // Replace common escape sequences\r\n return content\r\n .replace(/\\\\n/g, '\\n')\r\n .replace(/\\\\t/g, ' ')\r\n .replace(/\\\\\"/g, '\"')\r\n .replace(/\\\\'/g, \"'\")\r\n .replace(/\\\\\\\\/g, '\\\\');\r\n }, [content]);\r\n\r\n // Auto-detect format if not specified\r\n const detectedFormat = useMemo(() => {\r\n if (format) {\r\n return format;\r\n }\r\n return detectContentFormat(processedContent);\r\n }, [processedContent, format]);\r\n\r\n // Render based on format\r\n switch (detectedFormat) {\r\n case 'json':\r\n return (\r\n <div className={className}>\r\n <JsonFormatter\r\n content={processedContent}\r\n displayMode=\"text\"\r\n maxLines={maxLines}\r\n />\r\n </div>\r\n );\r\n\r\n case 'markdown':\r\n return (\r\n <MarkdownRenderer\r\n content={processedContent}\r\n className={className}\r\n />\r\n );\r\n\r\n case 'text':\r\n default:\r\n return (\r\n <div className={className}>\r\n <TextRenderer\r\n content={processedContent}\r\n maxLines={maxLines}\r\n />\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default MessageRenderer;\r\n"],"names":["detectJson","content","trimmed","parsed","format","error","extractJson","depth","inString","escape","end","i","char","codeBlockMatch","detectJsonContent","extracted","formatJson","data","indent","getJsonSummary","length","keys","getJsonValueTypeColor","value","CopyButton","text","copied","setCopied","useState","handleCopy","useCallback","err","jsx","Button","jsxs","Fragment","Check","Copy","JsonValue","colorClass","item","index","entries","key","val","JsonCompact","JsonCard","showTypeLabels","expandedKeys","setExpandedKeys","toggleKey","prev","next","Braces","isObject","isExpanded","isArray","summary","cn","ChevronDown","ChevronRight","JsonText","maxLines","formatted","useMemo","lines","showTruncated","displayLines","line","JsonFormatter","displayMode","className","detection","markdownComponents","MarkdownCode","children","props","MarkdownPre","MarkdownParagraph","MarkdownH1","MarkdownH2","MarkdownH3","MarkdownUl","MarkdownOl","MarkdownLi","MarkdownBlockquote","MarkdownA","href","MarkdownStrong","MarkdownRenderer","ReactMarkdown","remarkGfm","rehypeHighlight","TextRenderer","detectContentFormat","markdownPatterns","pattern","MessageRenderer","processedContent"],"mappings":"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"}