npm - @mastra/playground-ui - Versions diffs - 58.1.0-alpha.0 → 59.0.0 - Mend

@mastra/playground-ui 58.1.0-alpha.0 → 59.0.0

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 (594) hide show

package/dist/domains/chat/tools/badges/observation-renderer.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"observation-renderer.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/observation-renderer.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { cn } from '@/utils/cn';\n\n// Priority emoji to color mapping\n// P1 (🔴) = highest priority = purple theme\n// P2 (🟡) = medium priority = blue theme\n// P3 (🟢) = lower priority = green theme\nconst PRIORITY_COLORS = {\n '🔴': 'text-foreground',\n '🟡': 'text-foreground',\n '🟢': 'text-foreground',\n} as const;\n\n// Dark backgrounds for all priorities\nconst PRIORITY_BG = {\n '🔴': 'bg-purple-500/15',\n '🟡': 'bg-blue-500/15',\n '🟢': 'bg-green-500/15',\n} as const;\n\n// Full color left border accent\nconst PRIORITY_BORDER = {\n '🔴': 'border-l-purple-500',\n '🟡': 'border-l-blue-500',\n '🟢': 'border-l-green-500',\n} as const;\n\ntype Priority = keyof typeof PRIORITY_COLORS;\n\ninterface ParsedObservation {\n priority: Priority \| null;\n time: string \| null;\n content: string;\n children: ParsedObservation[];\n isNested: boolean;\n}\n\ninterface ParsedDateBlock {\n date: string;\n relativeTime?: string; // e.g., \"(3 days ago)\"\n observations: ParsedObservation[];\n}\n\ninterface ParsedThread {\n threadId: string;\n dateBlocks: ParsedDateBlock[];\n}\n\ninterface ParsedObservations {\n threads: ParsedThread[];\n currentTask?: string;\n suggestedResponse?: string;\n}\n\n/*\n Parse a single observation line\n /\nfunction parseObservationLine(line: string, isNested: boolean = false): ParsedObservation \| null {\n // Match: 🔴 (14:30) Content or * -> nested content\n const trimmed = line.trim();\n\n if (!trimmed) return null;\n\n // Check for nested arrow format: * -> content\n if (trimmed.startsWith('* ->') \|\| trimmed.startsWith('->')) {\n const content = trimmed.replace(/^\\?\\s->\\s/, '');\n return {\n priority: null,\n time: null,\n content,\n children: [],\n isNested: true,\n };\n }\n\n // Check for indented dash list item: - content (used as sub-items)\n if (isNested && trimmed.startsWith('-')) {\n const content = trimmed.replace(/^-\\s/, '');\n if (!content) return null;\n return {\n priority: null,\n time: null,\n content,\n children: [],\n isNested: true,\n };\n }\n\n // Check for standard format: * 🔴 (14:30) Content\n const match = trimmed.match(/^\\\\s(🔴\|🟡\|🟢)?\\s(?:\$(\\d{1,2}:\\d{2})\$)?\\s(.+)$/);\n\n if (match) {\n const [, priority, time, content] = match;\n return {\n priority: (priority as Priority) \|\| null,\n time: time \|\| null,\n content: (content ?? '').trim(),\n children: [],\n isNested,\n };\n }\n\n // Fallback for lines that don't match the pattern\n if (trimmed.startsWith('')) {\n return {\n priority: null,\n time: null,\n content: trimmed.replace(/^\\\\s/, ''),\n children: [],\n isNested,\n };\n }\n\n return null;\n}\n\n/\n Parse the raw observations string into structured data\n /\nfunction parseObservations(raw: string): ParsedObservations {\n const result: ParsedObservations = {\n threads: [],\n };\n\n // Extract current-task if present\n const currentTaskMatch = raw.match(/<current-task>\\s([\\s\\S]?)\\s<\\/current-task>/);\n if (currentTaskMatch) {\n result.currentTask = (currentTaskMatch[1] ?? '').trim();\n }\n\n // Extract suggested-response if present\n const suggestedMatch = raw.match(/<suggested-response>\\s([\\s\\S]?)\\s<\\/suggested-response>/);\n if (suggestedMatch) {\n result.suggestedResponse = (suggestedMatch[1] ?? '').trim();\n }\n\n // Extract observations content\n const observationsMatch = raw.match(/<observations>\\s([\\s\\S]?)\\s<\\/observations>/);\n const observationsContent = observationsMatch?.[1] ?? raw;\n\n // Split by thread headers if present\n const threadSections = observationsContent.split(/(?=Thread [a-f0-9]+:)/i);\n\n for (const section of threadSections) {\n const trimmedSection = section.trim();\n if (!trimmedSection) continue;\n\n // Check for thread header\n const threadMatch = trimmedSection.match(/^Thread ([a-f0-9]+):/i);\n const threadId = threadMatch?.[1] ?? 'default';\n const content = threadMatch ? trimmedSection.replace(/^Thread [a-f0-9]+:\\s/i, '') : trimmedSection;\n\n const thread: ParsedThread = {\n threadId,\n dateBlocks: [],\n };\n\n // Split by date headers\n const lines = content.split('\\n');\n let currentDateBlock: ParsedDateBlock \| null = null;\n let lastObservation: ParsedObservation \| null = null;\n\n for (const line of lines) {\n const trimmedLine = line.trim();\n\n // Check for date header: \"Date: Dec 4, 2025\" or \"Date: Dec 4, 2025 (3 days ago)\"\n const dateMatch = trimmedLine.match(/^Date:\\s(.+?)(?:\\s\$([^)]+)\$)?$/);\n if (dateMatch) {\n if (currentDateBlock) {\n thread.dateBlocks.push(currentDateBlock);\n }\n currentDateBlock = {\n date: (dateMatch[1] ?? '').trim(),\n relativeTime: dateMatch[2]?.trim(),\n observations: [],\n };\n lastObservation = null;\n continue;\n }\n\n // Check indentation for nested observations\n const indentMatch = line.match(/^(\\s)/);\n const indent = indentMatch?.[1]?.length ?? 0;\n const isNested =\n indent >= 2 && (trimmedLine.startsWith('* ->') \|\| trimmedLine.startsWith('->') \|\| trimmedLine.startsWith('-'));\n\n const observation = parseObservationLine(trimmedLine, isNested);\n\n if (observation) {\n if (!currentDateBlock) {\n // Create a default date block if none exists\n currentDateBlock = {\n date: 'Recent',\n observations: [],\n };\n }\n\n if (observation.isNested && lastObservation) {\n // Add as child of last observation\n lastObservation.children.push(observation);\n } else {\n currentDateBlock.observations.push(observation);\n lastObservation = observation;\n }\n }\n }\n\n if (currentDateBlock) {\n thread.dateBlocks.push(currentDateBlock);\n }\n\n if (thread.dateBlocks.length > 0) {\n result.threads.push(thread);\n }\n }\n\n return result;\n}\n\n/*\n Render a single observation\n /\nfunction ObservationItem({\n observation,\n useInheritedTextColor,\n}: {\n observation: ParsedObservation;\n useInheritedTextColor?: boolean;\n}) {\n // When useInheritedTextColor is true, don't apply priority colors - inherit from parent\n const priorityColor = useInheritedTextColor\n ? ''\n : observation.priority\n ? PRIORITY_COLORS[observation.priority]\n : 'text-muted-foreground';\n const bgColor = useInheritedTextColor ? '' : observation.priority ? PRIORITY_BG[observation.priority] : '';\n\n // Get a subtle left border color based on priority (using blue shades for visual hierarchy)\n const borderColor = observation.priority ? PRIORITY_BORDER[observation.priority] : 'border-l-transparent';\n\n return (\n <div className={cn('py-0.5', observation.isNested && 'ml-4 border-l border-border/50 pl-2')}>\n <div\n className={cn(\n 'flex items-start gap-1.5 text-caption',\n bgColor && 'rounded px-1.5 py-0.5',\n bgColor,\n !observation.isNested && observation.priority && `border-l-2 ${borderColor} pl-1.5`,\n )}\n >\n {observation.isNested && (\n <span className={cn('shrink-0', useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground')}>→</span>\n )}\n <span className=\"flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n <MarkdownRenderer className={priorityColor}>{observation.content}</MarkdownRenderer>\n </span>\n {observation.time && (\n <span\n className={cn(\n 'ml-2 shrink-0 font-mono text-meta',\n useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground',\n )}\n >\n {observation.time}\n </span>\n )}\n </div>\n {observation.children.length > 0 && (\n <div className=\"mt-0.5\">\n {observation.children.map((child, i) => (\n <ObservationItem key={i} observation={child} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n )}\n </div>\n );\n}\n\n/\n Render a date block\n /\nfunction DateBlock({ block, useInheritedTextColor }: { block: ParsedDateBlock; useInheritedTextColor?: boolean }) {\n return (\n <div className=\"mb-2\">\n <div\n className={cn(\n 'sticky top-0 mb-1 flex items-center gap-2 py-1 backdrop-blur-sm',\n useInheritedTextColor ? 'bg-transparent' : 'bg-background/95',\n )}\n >\n <span className={cn('text-column', useInheritedTextColor ? 'opacity-80' : 'text-foreground')}>\n {block.date}\n </span>\n {block.relativeTime && (\n <span className={cn('text-meta', useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground')}>\n ({block.relativeTime})\n </span>\n )}\n </div>\n <div className=\"space-y-0\">\n {block.observations.map((obs, i) => (\n <ObservationItem key={i} observation={obs} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n </div>\n );\n}\n\n/\n Render a thread section\n /\nfunction ThreadSection({\n thread,\n showThreadId,\n useInheritedTextColor,\n}: {\n thread: ParsedThread;\n showThreadId: boolean;\n useInheritedTextColor?: boolean;\n}) {\n return (\n <div className=\"mb-3\">\n {showThreadId && thread.threadId !== 'default' && (\n <div\n className={cn(\n 'mb-1 inline-block rounded px-1 py-0.5 font-mono text-meta',\n useInheritedTextColor ? 'bg-current/10 opacity-60' : 'bg-muted/50 text-muted-foreground',\n )}\n >\n Thread {thread.threadId}\n </div>\n )}\n {thread.dateBlocks.map((block, i) => (\n <DateBlock key={i} block={block} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n );\n}\n\nexport interface ObservationRendererProps {\n observations: string;\n className?: string;\n maxHeight?: string;\n showCurrentTask?: boolean;\n showSuggestedResponse?: boolean;\n /* If true, observations inherit text color from parent instead of using priority colors /\n useInheritedTextColor?: boolean;\n}\n\n/\n Renders raw observation text with proper formatting\n */\nexport function ObservationRenderer({\n observations,\n className,\n maxHeight,\n showCurrentTask = false,\n showSuggestedResponse = false,\n useInheritedTextColor = false,\n}: ObservationRendererProps) {\n const parsed = useMemo(() => parseObservations(observations), [observations]);\n\n const hasMultipleThreads =\n parsed.threads.length > 1 \|\| (parsed.threads.length === 1 && parsed.threads[0]?.threadId !== 'default');\n\n if (parsed.threads.length === 0 && !parsed.currentTask && !parsed.suggestedResponse) {\n return <div className={cn('text-caption text-muted-foreground italic', className)}>No observations</div>;\n }\n\n return (\n <div className={cn('overflow-hidden text-body', className)}>\n <div\n className={cn('wrap-break-word', maxHeight && 'overflow-y-auto pr-1')}\n style={maxHeight ? { maxHeight } : undefined}\n >\n {parsed.threads.map((thread, i) => (\n <ThreadSection\n key={thread.threadId + i}\n thread={thread}\n showThreadId={hasMultipleThreads}\n useInheritedTextColor={useInheritedTextColor}\n />\n ))}\n </div>\n\n {showCurrentTask && parsed.currentTask && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <div className=\"mb-1 text-meta tracking-wide text-muted-foreground uppercase\">Current Task</div>\n <div className=\"text-caption whitespace-pre-wrap text-foreground\">{parsed.currentTask}</div>\n </div>\n )}\n\n {showSuggestedResponse && parsed.suggestedResponse && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <div className=\"mb-1 text-meta tracking-wide text-muted-foreground uppercase\">Suggested Response</div>\n <div className=\"text-caption whitespace-pre-wrap text-foreground/80 italic\">{parsed.suggestedResponse}</div>\n </div>\n )}\n </div>\n );\n}\n\nexport default ObservationRenderer;\n"],"names":["jsxs","cn","jsx","MarkdownRenderer","useMemo"],"mappings":"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"}
1	+ {"version":3,"file":"observation-renderer.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/observation-renderer.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { cn } from '@/utils/cn';\n\n// Priority emoji to color mapping\n// P1 (🔴) = highest priority = purple theme\n// P2 (🟡) = medium priority = blue theme\n// P3 (🟢) = lower priority = green theme\nconst PRIORITY_COLORS = {\n '🔴': 'text-foreground',\n '🟡': 'text-foreground',\n '🟢': 'text-foreground',\n} as const;\n\n// Dark backgrounds for all priorities\nconst PRIORITY_BG = {\n '🔴': 'bg-purple-500/15',\n '🟡': 'bg-blue-500/15',\n '🟢': 'bg-green-500/15',\n} as const;\n\n// Full color left border accent\nconst PRIORITY_BORDER = {\n '🔴': 'border-l-purple-500',\n '🟡': 'border-l-blue-500',\n '🟢': 'border-l-green-500',\n} as const;\n\ntype Priority = keyof typeof PRIORITY_COLORS;\n\ninterface ParsedObservation {\n priority: Priority \| null;\n time: string \| null;\n content: string;\n children: ParsedObservation[];\n isNested: boolean;\n}\n\ninterface ParsedDateBlock {\n date: string;\n relativeTime?: string; // e.g., \"(3 days ago)\"\n observations: ParsedObservation[];\n}\n\ninterface ParsedThread {\n threadId: string;\n dateBlocks: ParsedDateBlock[];\n}\n\ninterface ParsedObservations {\n threads: ParsedThread[];\n currentTask?: string;\n suggestedResponse?: string;\n}\n\n/*\n Parse a single observation line\n /\nfunction parseObservationLine(line: string, isNested: boolean = false): ParsedObservation \| null {\n // Match: 🔴 (14:30) Content or * -> nested content\n const trimmed = line.trim();\n\n if (!trimmed) return null;\n\n // Check for nested arrow format: * -> content\n if (trimmed.startsWith('* ->') \|\| trimmed.startsWith('->')) {\n const content = trimmed.replace(/^\\?\\s->\\s/, '');\n return {\n priority: null,\n time: null,\n content,\n children: [],\n isNested: true,\n };\n }\n\n // Check for indented dash list item: - content (used as sub-items)\n if (isNested && trimmed.startsWith('-')) {\n const content = trimmed.replace(/^-\\s/, '');\n if (!content) return null;\n return {\n priority: null,\n time: null,\n content,\n children: [],\n isNested: true,\n };\n }\n\n // Check for standard format: * 🔴 (14:30) Content\n const match = trimmed.match(/^\\\\s(🔴\|🟡\|🟢)?\\s(?:\$(\\d{1,2}:\\d{2})\$)?\\s(.+)$/);\n\n if (match) {\n const [, priority, time, content] = match;\n return {\n priority: (priority as Priority) \|\| null,\n time: time \|\| null,\n content: (content ?? '').trim(),\n children: [],\n isNested,\n };\n }\n\n // Fallback for lines that don't match the pattern\n if (trimmed.startsWith('')) {\n return {\n priority: null,\n time: null,\n content: trimmed.replace(/^\\\\s/, ''),\n children: [],\n isNested,\n };\n }\n\n return null;\n}\n\n/\n Parse the raw observations string into structured data\n /\nfunction parseObservations(raw: string): ParsedObservations {\n const result: ParsedObservations = {\n threads: [],\n };\n\n // Extract current-task if present\n const currentTaskMatch = raw.match(/<current-task>\\s([\\s\\S]?)\\s<\\/current-task>/);\n if (currentTaskMatch) {\n result.currentTask = (currentTaskMatch[1] ?? '').trim();\n }\n\n // Extract suggested-response if present\n const suggestedMatch = raw.match(/<suggested-response>\\s([\\s\\S]?)\\s<\\/suggested-response>/);\n if (suggestedMatch) {\n result.suggestedResponse = (suggestedMatch[1] ?? '').trim();\n }\n\n // Extract observations content\n const observationsMatch = raw.match(/<observations>\\s([\\s\\S]?)\\s<\\/observations>/);\n const observationsContent = observationsMatch?.[1] ?? raw;\n\n // Split by thread headers if present\n const threadSections = observationsContent.split(/(?=Thread [a-f0-9]+:)/i);\n\n for (const section of threadSections) {\n const trimmedSection = section.trim();\n if (!trimmedSection) continue;\n\n // Check for thread header\n const threadMatch = trimmedSection.match(/^Thread ([a-f0-9]+):/i);\n const threadId = threadMatch?.[1] ?? 'default';\n const content = threadMatch ? trimmedSection.replace(/^Thread [a-f0-9]+:\\s/i, '') : trimmedSection;\n\n const thread: ParsedThread = {\n threadId,\n dateBlocks: [],\n };\n\n // Split by date headers\n const lines = content.split('\\n');\n let currentDateBlock: ParsedDateBlock \| null = null;\n let lastObservation: ParsedObservation \| null = null;\n\n for (const line of lines) {\n const trimmedLine = line.trim();\n\n // Check for date header: \"Date: Dec 4, 2025\" or \"Date: Dec 4, 2025 (3 days ago)\"\n const dateMatch = trimmedLine.match(/^Date:\\s(.+?)(?:\\s\$([^)]+)\$)?$/);\n if (dateMatch) {\n if (currentDateBlock) {\n thread.dateBlocks.push(currentDateBlock);\n }\n currentDateBlock = {\n date: (dateMatch[1] ?? '').trim(),\n relativeTime: dateMatch[2]?.trim(),\n observations: [],\n };\n lastObservation = null;\n continue;\n }\n\n // Check indentation for nested observations\n const indentMatch = line.match(/^(\\s)/);\n const indent = indentMatch?.[1]?.length ?? 0;\n const isNested =\n indent >= 2 && (trimmedLine.startsWith('* ->') \|\| trimmedLine.startsWith('->') \|\| trimmedLine.startsWith('-'));\n\n const observation = parseObservationLine(trimmedLine, isNested);\n\n if (observation) {\n if (!currentDateBlock) {\n // Create a default date block if none exists\n currentDateBlock = {\n date: 'Recent',\n observations: [],\n };\n }\n\n if (observation.isNested && lastObservation) {\n // Add as child of last observation\n lastObservation.children.push(observation);\n } else {\n currentDateBlock.observations.push(observation);\n lastObservation = observation;\n }\n }\n }\n\n if (currentDateBlock) {\n thread.dateBlocks.push(currentDateBlock);\n }\n\n if (thread.dateBlocks.length > 0) {\n result.threads.push(thread);\n }\n }\n\n return result;\n}\n\n/*\n Render a single observation\n /\nfunction ObservationItem({\n observation,\n useInheritedTextColor,\n}: {\n observation: ParsedObservation;\n useInheritedTextColor?: boolean;\n}) {\n // When useInheritedTextColor is true, don't apply priority colors - inherit from parent\n const priorityColor = useInheritedTextColor\n ? ''\n : observation.priority\n ? PRIORITY_COLORS[observation.priority]\n : 'text-muted-foreground';\n const bgColor = useInheritedTextColor ? '' : observation.priority ? PRIORITY_BG[observation.priority] : '';\n\n // Get a subtle left border color based on priority (using blue shades for visual hierarchy)\n const borderColor = observation.priority ? PRIORITY_BORDER[observation.priority] : 'border-l-transparent';\n\n return (\n <div className={cn('py-0.5', observation.isNested && 'ml-4 border-l border-border/50 pl-2')}>\n <div\n className={cn(\n 'flex items-start gap-1.5 text-caption',\n bgColor && 'rounded px-1.5 py-0.5',\n bgColor,\n !observation.isNested && observation.priority && `border-l-2 ${borderColor} pl-1.5`,\n )}\n >\n {observation.isNested && (\n <span className={cn('shrink-0', useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground')}>→</span>\n )}\n <span className=\"flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n <MarkdownRenderer className={priorityColor}>{observation.content}</MarkdownRenderer>\n </span>\n {observation.time && (\n <Txt\n as=\"span\"\n variant=\"meta\"\n font=\"mono\"\n tone={useInheritedTextColor ? undefined : 'muted'}\n className={cn('ml-2 shrink-0', useInheritedTextColor && 'opacity-60')}\n >\n {observation.time}\n </Txt>\n )}\n </div>\n {observation.children.length > 0 && (\n <div className=\"mt-0.5\">\n {observation.children.map((child, i) => (\n <ObservationItem key={i} observation={child} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n )}\n </div>\n );\n}\n\n/\n Render a date block\n /\nfunction DateBlock({ block, useInheritedTextColor }: { block: ParsedDateBlock; useInheritedTextColor?: boolean }) {\n return (\n <div className=\"mb-2\">\n <div\n className={cn(\n 'sticky top-0 mb-1 flex items-center gap-2 py-1 backdrop-blur-sm',\n useInheritedTextColor ? 'bg-transparent' : 'bg-background/95',\n )}\n >\n <span className={cn('text-column', useInheritedTextColor ? 'opacity-80' : 'text-foreground')}>\n {block.date}\n </span>\n {block.relativeTime && (\n <span className={cn('text-meta', useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground')}>\n ({block.relativeTime})\n </span>\n )}\n </div>\n <div className=\"space-y-0\">\n {block.observations.map((obs, i) => (\n <ObservationItem key={i} observation={obs} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n </div>\n );\n}\n\n/\n Render a thread section\n /\nfunction ThreadSection({\n thread,\n showThreadId,\n useInheritedTextColor,\n}: {\n thread: ParsedThread;\n showThreadId: boolean;\n useInheritedTextColor?: boolean;\n}) {\n return (\n <div className=\"mb-3\">\n {showThreadId && thread.threadId !== 'default' && (\n <div\n className={cn(\n 'mb-1 inline-block rounded px-1 py-0.5 text-meta',\n useInheritedTextColor ? 'bg-current/10 opacity-60' : 'bg-muted/50 text-muted-foreground',\n )}\n >\n Thread{' '}\n <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n {thread.threadId}\n </Txt>\n </div>\n )}\n {thread.dateBlocks.map((block, i) => (\n <DateBlock key={i} block={block} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n );\n}\n\nexport interface ObservationRendererProps {\n observations: string;\n className?: string;\n maxHeight?: string;\n showCurrentTask?: boolean;\n showSuggestedResponse?: boolean;\n /* If true, observations inherit text color from parent instead of using priority colors /\n useInheritedTextColor?: boolean;\n}\n\n/\n Renders raw observation text with proper formatting\n */\nexport function ObservationRenderer({\n observations,\n className,\n maxHeight,\n showCurrentTask = false,\n showSuggestedResponse = false,\n useInheritedTextColor = false,\n}: ObservationRendererProps) {\n const parsed = useMemo(() => parseObservations(observations), [observations]);\n\n const hasMultipleThreads =\n parsed.threads.length > 1 \|\| (parsed.threads.length === 1 && parsed.threads[0]?.threadId !== 'default');\n\n if (parsed.threads.length === 0 && !parsed.currentTask && !parsed.suggestedResponse) {\n return <div className={cn('text-caption text-muted-foreground italic', className)}>No observations</div>;\n }\n\n return (\n <div className={cn('overflow-hidden text-body', className)}>\n <div\n className={cn('wrap-break-word', maxHeight && 'overflow-y-auto pr-1')}\n style={maxHeight ? { maxHeight } : undefined}\n >\n {parsed.threads.map((thread, i) => (\n <ThreadSection\n key={thread.threadId + i}\n thread={thread}\n showThreadId={hasMultipleThreads}\n useInheritedTextColor={useInheritedTextColor}\n />\n ))}\n </div>\n\n {showCurrentTask && parsed.currentTask && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <div className=\"mb-1 text-meta tracking-wide text-muted-foreground uppercase\">Current Task</div>\n <div className=\"text-caption whitespace-pre-wrap text-foreground\">{parsed.currentTask}</div>\n </div>\n )}\n\n {showSuggestedResponse && parsed.suggestedResponse && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <div className=\"mb-1 text-meta tracking-wide text-muted-foreground uppercase\">Suggested Response</div>\n <div className=\"text-caption whitespace-pre-wrap text-foreground/80 italic\">{parsed.suggestedResponse}</div>\n </div>\n )}\n </div>\n );\n}\n\nexport default ObservationRenderer;\n"],"names":["jsxs","cn","jsx","MarkdownRenderer","Txt","useMemo"],"mappings":"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"}

package/dist/domains/chat/tools/badges/observation-renderer.es.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { M as MarkdownRenderer } from '../../../../markdown-renderer-Ces7VyRK.js';
+import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 const PRIORITY_COLORS = {
@@ -156,12 +157,13 @@ function ObservationItem({
           observation.isNested && /* @__PURE__ */ jsx("span", { className: cn("shrink-0", useInheritedTextColor ? "opacity-60" : "text-muted-foreground"), children: "→" }),
           /* @__PURE__ */ jsx("span", { className: "flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: priorityColor, children: observation.content }) }),
           observation.time && /* @__PURE__ */ jsx(
-            "span",
+            Txt,
             {
-              className: cn(
-                "ml-2 shrink-0 font-mono text-meta",
-                useInheritedTextColor ? "opacity-60" : "text-muted-foreground"
-              ),
+              as: "span",
+              variant: "meta",
+              font: "mono",
+              tone: useInheritedTextColor ? void 0 : "muted",
+              className: cn("ml-2 shrink-0", useInheritedTextColor && "opacity-60"),
               children: observation.time
             }
           )
@@ -203,12 +205,13 @@ function ThreadSection({
       "div",
       {
         className: cn(
-          "mb-1 inline-block rounded px-1 py-0.5 font-mono text-meta",
+          "mb-1 inline-block rounded px-1 py-0.5 text-meta",
           useInheritedTextColor ? "bg-current/10 opacity-60" : "bg-muted/50 text-muted-foreground"
         ),
         children: [
-          "Thread ",
-          thread.threadId
+          "Thread",
+          " ",
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", font: "mono", children: thread.threadId })
         ]
       }
     ),

package/dist/domains/chat/tools/badges/observation-renderer.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"observation-renderer.es.js","sources":["../../../../../src/domains/chat/tools/badges/observation-renderer.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { cn } from '@/utils/cn';\n\n// Priority emoji to color mapping\n// P1 (🔴) = highest priority = purple theme\n// P2 (🟡) = medium priority = blue theme\n// P3 (🟢) = lower priority = green theme\nconst PRIORITY_COLORS = {\n '🔴': 'text-foreground',\n '🟡': 'text-foreground',\n '🟢': 'text-foreground',\n} as const;\n\n// Dark backgrounds for all priorities\nconst PRIORITY_BG = {\n '🔴': 'bg-purple-500/15',\n '🟡': 'bg-blue-500/15',\n '🟢': 'bg-green-500/15',\n} as const;\n\n// Full color left border accent\nconst PRIORITY_BORDER = {\n '🔴': 'border-l-purple-500',\n '🟡': 'border-l-blue-500',\n '🟢': 'border-l-green-500',\n} as const;\n\ntype Priority = keyof typeof PRIORITY_COLORS;\n\ninterface ParsedObservation {\n priority: Priority \| null;\n time: string \| null;\n content: string;\n children: ParsedObservation[];\n isNested: boolean;\n}\n\ninterface ParsedDateBlock {\n date: string;\n relativeTime?: string; // e.g., \"(3 days ago)\"\n observations: ParsedObservation[];\n}\n\ninterface ParsedThread {\n threadId: string;\n dateBlocks: ParsedDateBlock[];\n}\n\ninterface ParsedObservations {\n threads: ParsedThread[];\n currentTask?: string;\n suggestedResponse?: string;\n}\n\n/*\n Parse a single observation line\n /\nfunction parseObservationLine(line: string, isNested: boolean = false): ParsedObservation \| null {\n // Match: 🔴 (14:30) Content or * -> nested content\n const trimmed = line.trim();\n\n if (!trimmed) return null;\n\n // Check for nested arrow format: * -> content\n if (trimmed.startsWith('* ->') \|\| trimmed.startsWith('->')) {\n const content = trimmed.replace(/^\\?\\s->\\s/, '');\n return {\n priority: null,\n time: null,\n content,\n children: [],\n isNested: true,\n };\n }\n\n // Check for indented dash list item: - content (used as sub-items)\n if (isNested && trimmed.startsWith('-')) {\n const content = trimmed.replace(/^-\\s/, '');\n if (!content) return null;\n return {\n priority: null,\n time: null,\n content,\n children: [],\n isNested: true,\n };\n }\n\n // Check for standard format: * 🔴 (14:30) Content\n const match = trimmed.match(/^\\\\s(🔴\|🟡\|🟢)?\\s(?:\$(\\d{1,2}:\\d{2})\$)?\\s(.+)$/);\n\n if (match) {\n const [, priority, time, content] = match;\n return {\n priority: (priority as Priority) \|\| null,\n time: time \|\| null,\n content: (content ?? '').trim(),\n children: [],\n isNested,\n };\n }\n\n // Fallback for lines that don't match the pattern\n if (trimmed.startsWith('')) {\n return {\n priority: null,\n time: null,\n content: trimmed.replace(/^\\\\s/, ''),\n children: [],\n isNested,\n };\n }\n\n return null;\n}\n\n/\n Parse the raw observations string into structured data\n /\nfunction parseObservations(raw: string): ParsedObservations {\n const result: ParsedObservations = {\n threads: [],\n };\n\n // Extract current-task if present\n const currentTaskMatch = raw.match(/<current-task>\\s([\\s\\S]?)\\s<\\/current-task>/);\n if (currentTaskMatch) {\n result.currentTask = (currentTaskMatch[1] ?? '').trim();\n }\n\n // Extract suggested-response if present\n const suggestedMatch = raw.match(/<suggested-response>\\s([\\s\\S]?)\\s<\\/suggested-response>/);\n if (suggestedMatch) {\n result.suggestedResponse = (suggestedMatch[1] ?? '').trim();\n }\n\n // Extract observations content\n const observationsMatch = raw.match(/<observations>\\s([\\s\\S]?)\\s<\\/observations>/);\n const observationsContent = observationsMatch?.[1] ?? raw;\n\n // Split by thread headers if present\n const threadSections = observationsContent.split(/(?=Thread [a-f0-9]+:)/i);\n\n for (const section of threadSections) {\n const trimmedSection = section.trim();\n if (!trimmedSection) continue;\n\n // Check for thread header\n const threadMatch = trimmedSection.match(/^Thread ([a-f0-9]+):/i);\n const threadId = threadMatch?.[1] ?? 'default';\n const content = threadMatch ? trimmedSection.replace(/^Thread [a-f0-9]+:\\s/i, '') : trimmedSection;\n\n const thread: ParsedThread = {\n threadId,\n dateBlocks: [],\n };\n\n // Split by date headers\n const lines = content.split('\\n');\n let currentDateBlock: ParsedDateBlock \| null = null;\n let lastObservation: ParsedObservation \| null = null;\n\n for (const line of lines) {\n const trimmedLine = line.trim();\n\n // Check for date header: \"Date: Dec 4, 2025\" or \"Date: Dec 4, 2025 (3 days ago)\"\n const dateMatch = trimmedLine.match(/^Date:\\s(.+?)(?:\\s\$([^)]+)\$)?$/);\n if (dateMatch) {\n if (currentDateBlock) {\n thread.dateBlocks.push(currentDateBlock);\n }\n currentDateBlock = {\n date: (dateMatch[1] ?? '').trim(),\n relativeTime: dateMatch[2]?.trim(),\n observations: [],\n };\n lastObservation = null;\n continue;\n }\n\n // Check indentation for nested observations\n const indentMatch = line.match(/^(\\s)/);\n const indent = indentMatch?.[1]?.length ?? 0;\n const isNested =\n indent >= 2 && (trimmedLine.startsWith('* ->') \|\| trimmedLine.startsWith('->') \|\| trimmedLine.startsWith('-'));\n\n const observation = parseObservationLine(trimmedLine, isNested);\n\n if (observation) {\n if (!currentDateBlock) {\n // Create a default date block if none exists\n currentDateBlock = {\n date: 'Recent',\n observations: [],\n };\n }\n\n if (observation.isNested && lastObservation) {\n // Add as child of last observation\n lastObservation.children.push(observation);\n } else {\n currentDateBlock.observations.push(observation);\n lastObservation = observation;\n }\n }\n }\n\n if (currentDateBlock) {\n thread.dateBlocks.push(currentDateBlock);\n }\n\n if (thread.dateBlocks.length > 0) {\n result.threads.push(thread);\n }\n }\n\n return result;\n}\n\n/*\n Render a single observation\n /\nfunction ObservationItem({\n observation,\n useInheritedTextColor,\n}: {\n observation: ParsedObservation;\n useInheritedTextColor?: boolean;\n}) {\n // When useInheritedTextColor is true, don't apply priority colors - inherit from parent\n const priorityColor = useInheritedTextColor\n ? ''\n : observation.priority\n ? PRIORITY_COLORS[observation.priority]\n : 'text-muted-foreground';\n const bgColor = useInheritedTextColor ? '' : observation.priority ? PRIORITY_BG[observation.priority] : '';\n\n // Get a subtle left border color based on priority (using blue shades for visual hierarchy)\n const borderColor = observation.priority ? PRIORITY_BORDER[observation.priority] : 'border-l-transparent';\n\n return (\n <div className={cn('py-0.5', observation.isNested && 'ml-4 border-l border-border/50 pl-2')}>\n <div\n className={cn(\n 'flex items-start gap-1.5 text-caption',\n bgColor && 'rounded px-1.5 py-0.5',\n bgColor,\n !observation.isNested && observation.priority && `border-l-2 ${borderColor} pl-1.5`,\n )}\n >\n {observation.isNested && (\n <span className={cn('shrink-0', useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground')}>→</span>\n )}\n <span className=\"flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n <MarkdownRenderer className={priorityColor}>{observation.content}</MarkdownRenderer>\n </span>\n {observation.time && (\n <span\n className={cn(\n 'ml-2 shrink-0 font-mono text-meta',\n useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground',\n )}\n >\n {observation.time}\n </span>\n )}\n </div>\n {observation.children.length > 0 && (\n <div className=\"mt-0.5\">\n {observation.children.map((child, i) => (\n <ObservationItem key={i} observation={child} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n )}\n </div>\n );\n}\n\n/\n Render a date block\n /\nfunction DateBlock({ block, useInheritedTextColor }: { block: ParsedDateBlock; useInheritedTextColor?: boolean }) {\n return (\n <div className=\"mb-2\">\n <div\n className={cn(\n 'sticky top-0 mb-1 flex items-center gap-2 py-1 backdrop-blur-sm',\n useInheritedTextColor ? 'bg-transparent' : 'bg-background/95',\n )}\n >\n <span className={cn('text-column', useInheritedTextColor ? 'opacity-80' : 'text-foreground')}>\n {block.date}\n </span>\n {block.relativeTime && (\n <span className={cn('text-meta', useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground')}>\n ({block.relativeTime})\n </span>\n )}\n </div>\n <div className=\"space-y-0\">\n {block.observations.map((obs, i) => (\n <ObservationItem key={i} observation={obs} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n </div>\n );\n}\n\n/\n Render a thread section\n /\nfunction ThreadSection({\n thread,\n showThreadId,\n useInheritedTextColor,\n}: {\n thread: ParsedThread;\n showThreadId: boolean;\n useInheritedTextColor?: boolean;\n}) {\n return (\n <div className=\"mb-3\">\n {showThreadId && thread.threadId !== 'default' && (\n <div\n className={cn(\n 'mb-1 inline-block rounded px-1 py-0.5 font-mono text-meta',\n useInheritedTextColor ? 'bg-current/10 opacity-60' : 'bg-muted/50 text-muted-foreground',\n )}\n >\n Thread {thread.threadId}\n </div>\n )}\n {thread.dateBlocks.map((block, i) => (\n <DateBlock key={i} block={block} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n );\n}\n\nexport interface ObservationRendererProps {\n observations: string;\n className?: string;\n maxHeight?: string;\n showCurrentTask?: boolean;\n showSuggestedResponse?: boolean;\n /* If true, observations inherit text color from parent instead of using priority colors /\n useInheritedTextColor?: boolean;\n}\n\n/\n Renders raw observation text with proper formatting\n */\nexport function ObservationRenderer({\n observations,\n className,\n maxHeight,\n showCurrentTask = false,\n showSuggestedResponse = false,\n useInheritedTextColor = false,\n}: ObservationRendererProps) {\n const parsed = useMemo(() => parseObservations(observations), [observations]);\n\n const hasMultipleThreads =\n parsed.threads.length > 1 \|\| (parsed.threads.length === 1 && parsed.threads[0]?.threadId !== 'default');\n\n if (parsed.threads.length === 0 && !parsed.currentTask && !parsed.suggestedResponse) {\n return <div className={cn('text-caption text-muted-foreground italic', className)}>No observations</div>;\n }\n\n return (\n <div className={cn('overflow-hidden text-body', className)}>\n <div\n className={cn('wrap-break-word', maxHeight && 'overflow-y-auto pr-1')}\n style={maxHeight ? { maxHeight } : undefined}\n >\n {parsed.threads.map((thread, i) => (\n <ThreadSection\n key={thread.threadId + i}\n thread={thread}\n showThreadId={hasMultipleThreads}\n useInheritedTextColor={useInheritedTextColor}\n />\n ))}\n </div>\n\n {showCurrentTask && parsed.currentTask && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <div className=\"mb-1 text-meta tracking-wide text-muted-foreground uppercase\">Current Task</div>\n <div className=\"text-caption whitespace-pre-wrap text-foreground\">{parsed.currentTask}</div>\n </div>\n )}\n\n {showSuggestedResponse && parsed.suggestedResponse && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <div className=\"mb-1 text-meta tracking-wide text-muted-foreground uppercase\">Suggested Response</div>\n <div className=\"text-caption whitespace-pre-wrap text-foreground/80 italic\">{parsed.suggestedResponse}</div>\n </div>\n )}\n </div>\n );\n}\n\nexport default ObservationRenderer;\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"observation-renderer.es.js","sources":["../../../../../src/domains/chat/tools/badges/observation-renderer.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { cn } from '@/utils/cn';\n\n// Priority emoji to color mapping\n// P1 (🔴) = highest priority = purple theme\n// P2 (🟡) = medium priority = blue theme\n// P3 (🟢) = lower priority = green theme\nconst PRIORITY_COLORS = {\n '🔴': 'text-foreground',\n '🟡': 'text-foreground',\n '🟢': 'text-foreground',\n} as const;\n\n// Dark backgrounds for all priorities\nconst PRIORITY_BG = {\n '🔴': 'bg-purple-500/15',\n '🟡': 'bg-blue-500/15',\n '🟢': 'bg-green-500/15',\n} as const;\n\n// Full color left border accent\nconst PRIORITY_BORDER = {\n '🔴': 'border-l-purple-500',\n '🟡': 'border-l-blue-500',\n '🟢': 'border-l-green-500',\n} as const;\n\ntype Priority = keyof typeof PRIORITY_COLORS;\n\ninterface ParsedObservation {\n priority: Priority \| null;\n time: string \| null;\n content: string;\n children: ParsedObservation[];\n isNested: boolean;\n}\n\ninterface ParsedDateBlock {\n date: string;\n relativeTime?: string; // e.g., \"(3 days ago)\"\n observations: ParsedObservation[];\n}\n\ninterface ParsedThread {\n threadId: string;\n dateBlocks: ParsedDateBlock[];\n}\n\ninterface ParsedObservations {\n threads: ParsedThread[];\n currentTask?: string;\n suggestedResponse?: string;\n}\n\n/*\n Parse a single observation line\n /\nfunction parseObservationLine(line: string, isNested: boolean = false): ParsedObservation \| null {\n // Match: 🔴 (14:30) Content or * -> nested content\n const trimmed = line.trim();\n\n if (!trimmed) return null;\n\n // Check for nested arrow format: * -> content\n if (trimmed.startsWith('* ->') \|\| trimmed.startsWith('->')) {\n const content = trimmed.replace(/^\\?\\s->\\s/, '');\n return {\n priority: null,\n time: null,\n content,\n children: [],\n isNested: true,\n };\n }\n\n // Check for indented dash list item: - content (used as sub-items)\n if (isNested && trimmed.startsWith('-')) {\n const content = trimmed.replace(/^-\\s/, '');\n if (!content) return null;\n return {\n priority: null,\n time: null,\n content,\n children: [],\n isNested: true,\n };\n }\n\n // Check for standard format: * 🔴 (14:30) Content\n const match = trimmed.match(/^\\\\s(🔴\|🟡\|🟢)?\\s(?:\$(\\d{1,2}:\\d{2})\$)?\\s(.+)$/);\n\n if (match) {\n const [, priority, time, content] = match;\n return {\n priority: (priority as Priority) \|\| null,\n time: time \|\| null,\n content: (content ?? '').trim(),\n children: [],\n isNested,\n };\n }\n\n // Fallback for lines that don't match the pattern\n if (trimmed.startsWith('')) {\n return {\n priority: null,\n time: null,\n content: trimmed.replace(/^\\\\s/, ''),\n children: [],\n isNested,\n };\n }\n\n return null;\n}\n\n/\n Parse the raw observations string into structured data\n /\nfunction parseObservations(raw: string): ParsedObservations {\n const result: ParsedObservations = {\n threads: [],\n };\n\n // Extract current-task if present\n const currentTaskMatch = raw.match(/<current-task>\\s([\\s\\S]?)\\s<\\/current-task>/);\n if (currentTaskMatch) {\n result.currentTask = (currentTaskMatch[1] ?? '').trim();\n }\n\n // Extract suggested-response if present\n const suggestedMatch = raw.match(/<suggested-response>\\s([\\s\\S]?)\\s<\\/suggested-response>/);\n if (suggestedMatch) {\n result.suggestedResponse = (suggestedMatch[1] ?? '').trim();\n }\n\n // Extract observations content\n const observationsMatch = raw.match(/<observations>\\s([\\s\\S]?)\\s<\\/observations>/);\n const observationsContent = observationsMatch?.[1] ?? raw;\n\n // Split by thread headers if present\n const threadSections = observationsContent.split(/(?=Thread [a-f0-9]+:)/i);\n\n for (const section of threadSections) {\n const trimmedSection = section.trim();\n if (!trimmedSection) continue;\n\n // Check for thread header\n const threadMatch = trimmedSection.match(/^Thread ([a-f0-9]+):/i);\n const threadId = threadMatch?.[1] ?? 'default';\n const content = threadMatch ? trimmedSection.replace(/^Thread [a-f0-9]+:\\s/i, '') : trimmedSection;\n\n const thread: ParsedThread = {\n threadId,\n dateBlocks: [],\n };\n\n // Split by date headers\n const lines = content.split('\\n');\n let currentDateBlock: ParsedDateBlock \| null = null;\n let lastObservation: ParsedObservation \| null = null;\n\n for (const line of lines) {\n const trimmedLine = line.trim();\n\n // Check for date header: \"Date: Dec 4, 2025\" or \"Date: Dec 4, 2025 (3 days ago)\"\n const dateMatch = trimmedLine.match(/^Date:\\s(.+?)(?:\\s\$([^)]+)\$)?$/);\n if (dateMatch) {\n if (currentDateBlock) {\n thread.dateBlocks.push(currentDateBlock);\n }\n currentDateBlock = {\n date: (dateMatch[1] ?? '').trim(),\n relativeTime: dateMatch[2]?.trim(),\n observations: [],\n };\n lastObservation = null;\n continue;\n }\n\n // Check indentation for nested observations\n const indentMatch = line.match(/^(\\s)/);\n const indent = indentMatch?.[1]?.length ?? 0;\n const isNested =\n indent >= 2 && (trimmedLine.startsWith('* ->') \|\| trimmedLine.startsWith('->') \|\| trimmedLine.startsWith('-'));\n\n const observation = parseObservationLine(trimmedLine, isNested);\n\n if (observation) {\n if (!currentDateBlock) {\n // Create a default date block if none exists\n currentDateBlock = {\n date: 'Recent',\n observations: [],\n };\n }\n\n if (observation.isNested && lastObservation) {\n // Add as child of last observation\n lastObservation.children.push(observation);\n } else {\n currentDateBlock.observations.push(observation);\n lastObservation = observation;\n }\n }\n }\n\n if (currentDateBlock) {\n thread.dateBlocks.push(currentDateBlock);\n }\n\n if (thread.dateBlocks.length > 0) {\n result.threads.push(thread);\n }\n }\n\n return result;\n}\n\n/*\n Render a single observation\n /\nfunction ObservationItem({\n observation,\n useInheritedTextColor,\n}: {\n observation: ParsedObservation;\n useInheritedTextColor?: boolean;\n}) {\n // When useInheritedTextColor is true, don't apply priority colors - inherit from parent\n const priorityColor = useInheritedTextColor\n ? ''\n : observation.priority\n ? PRIORITY_COLORS[observation.priority]\n : 'text-muted-foreground';\n const bgColor = useInheritedTextColor ? '' : observation.priority ? PRIORITY_BG[observation.priority] : '';\n\n // Get a subtle left border color based on priority (using blue shades for visual hierarchy)\n const borderColor = observation.priority ? PRIORITY_BORDER[observation.priority] : 'border-l-transparent';\n\n return (\n <div className={cn('py-0.5', observation.isNested && 'ml-4 border-l border-border/50 pl-2')}>\n <div\n className={cn(\n 'flex items-start gap-1.5 text-caption',\n bgColor && 'rounded px-1.5 py-0.5',\n bgColor,\n !observation.isNested && observation.priority && `border-l-2 ${borderColor} pl-1.5`,\n )}\n >\n {observation.isNested && (\n <span className={cn('shrink-0', useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground')}>→</span>\n )}\n <span className=\"flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n <MarkdownRenderer className={priorityColor}>{observation.content}</MarkdownRenderer>\n </span>\n {observation.time && (\n <Txt\n as=\"span\"\n variant=\"meta\"\n font=\"mono\"\n tone={useInheritedTextColor ? undefined : 'muted'}\n className={cn('ml-2 shrink-0', useInheritedTextColor && 'opacity-60')}\n >\n {observation.time}\n </Txt>\n )}\n </div>\n {observation.children.length > 0 && (\n <div className=\"mt-0.5\">\n {observation.children.map((child, i) => (\n <ObservationItem key={i} observation={child} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n )}\n </div>\n );\n}\n\n/\n Render a date block\n /\nfunction DateBlock({ block, useInheritedTextColor }: { block: ParsedDateBlock; useInheritedTextColor?: boolean }) {\n return (\n <div className=\"mb-2\">\n <div\n className={cn(\n 'sticky top-0 mb-1 flex items-center gap-2 py-1 backdrop-blur-sm',\n useInheritedTextColor ? 'bg-transparent' : 'bg-background/95',\n )}\n >\n <span className={cn('text-column', useInheritedTextColor ? 'opacity-80' : 'text-foreground')}>\n {block.date}\n </span>\n {block.relativeTime && (\n <span className={cn('text-meta', useInheritedTextColor ? 'opacity-60' : 'text-muted-foreground')}>\n ({block.relativeTime})\n </span>\n )}\n </div>\n <div className=\"space-y-0\">\n {block.observations.map((obs, i) => (\n <ObservationItem key={i} observation={obs} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n </div>\n );\n}\n\n/\n Render a thread section\n /\nfunction ThreadSection({\n thread,\n showThreadId,\n useInheritedTextColor,\n}: {\n thread: ParsedThread;\n showThreadId: boolean;\n useInheritedTextColor?: boolean;\n}) {\n return (\n <div className=\"mb-3\">\n {showThreadId && thread.threadId !== 'default' && (\n <div\n className={cn(\n 'mb-1 inline-block rounded px-1 py-0.5 text-meta',\n useInheritedTextColor ? 'bg-current/10 opacity-60' : 'bg-muted/50 text-muted-foreground',\n )}\n >\n Thread{' '}\n <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n {thread.threadId}\n </Txt>\n </div>\n )}\n {thread.dateBlocks.map((block, i) => (\n <DateBlock key={i} block={block} useInheritedTextColor={useInheritedTextColor} />\n ))}\n </div>\n );\n}\n\nexport interface ObservationRendererProps {\n observations: string;\n className?: string;\n maxHeight?: string;\n showCurrentTask?: boolean;\n showSuggestedResponse?: boolean;\n /* If true, observations inherit text color from parent instead of using priority colors /\n useInheritedTextColor?: boolean;\n}\n\n/\n Renders raw observation text with proper formatting\n */\nexport function ObservationRenderer({\n observations,\n className,\n maxHeight,\n showCurrentTask = false,\n showSuggestedResponse = false,\n useInheritedTextColor = false,\n}: ObservationRendererProps) {\n const parsed = useMemo(() => parseObservations(observations), [observations]);\n\n const hasMultipleThreads =\n parsed.threads.length > 1 \|\| (parsed.threads.length === 1 && parsed.threads[0]?.threadId !== 'default');\n\n if (parsed.threads.length === 0 && !parsed.currentTask && !parsed.suggestedResponse) {\n return <div className={cn('text-caption text-muted-foreground italic', className)}>No observations</div>;\n }\n\n return (\n <div className={cn('overflow-hidden text-body', className)}>\n <div\n className={cn('wrap-break-word', maxHeight && 'overflow-y-auto pr-1')}\n style={maxHeight ? { maxHeight } : undefined}\n >\n {parsed.threads.map((thread, i) => (\n <ThreadSection\n key={thread.threadId + i}\n thread={thread}\n showThreadId={hasMultipleThreads}\n useInheritedTextColor={useInheritedTextColor}\n />\n ))}\n </div>\n\n {showCurrentTask && parsed.currentTask && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <div className=\"mb-1 text-meta tracking-wide text-muted-foreground uppercase\">Current Task</div>\n <div className=\"text-caption whitespace-pre-wrap text-foreground\">{parsed.currentTask}</div>\n </div>\n )}\n\n {showSuggestedResponse && parsed.suggestedResponse && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <div className=\"mb-1 text-meta tracking-wide text-muted-foreground uppercase\">Suggested Response</div>\n <div className=\"text-caption whitespace-pre-wrap text-foreground/80 italic\">{parsed.suggestedResponse}</div>\n </div>\n )}\n </div>\n );\n}\n\nexport default ObservationRenderer;\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,eAAA,GAAkB;AAAA,EACtB,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAGA,MAAM,WAAA,GAAc;AAAA,EAClB,IAAA,EAAM,kBAAA;AAAA,EACN,IAAA,EAAM,gBAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAGA,MAAM,eAAA,GAAkB;AAAA,EACtB,IAAA,EAAM,qBAAA;AAAA,EACN,IAAA,EAAM,mBAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAgCA,SAAS,oBAAA,CAAqB,IAAA,EAAc,QAAA,GAAoB,KAAA,EAAiC;AAE/F,EAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAE1B,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAGrB,EAAA,IAAI,QAAQ,UAAA,CAAW,MAAM,KAAK,OAAA,CAAQ,UAAA,CAAW,IAAI,CAAA,EAAG;AAC1D,IAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,cAAA,EAAgB,EAAE,CAAA;AAClD,IAAA,OAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,IAAA,EAAM,IAAA;AAAA,MACN,OAAA;AAAA,MACA,UAAU,EAAC;AAAA,MACX,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAGA,EAAA,IAAI,QAAA,IAAY,OAAA,CAAQ,UAAA,CAAW,GAAG,CAAA,EAAG;AACvC,IAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,OAAA,EAAS,EAAE,CAAA;AAC3C,IAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AACrB,IAAA,OAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,IAAA,EAAM,IAAA;AAAA,MACN,OAAA;AAAA,MACA,UAAU,EAAC;AAAA,MACX,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAGA,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,sDAAsD,CAAA;AAElF,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,MAAM,GAAG,QAAA,EAAU,IAAA,EAAM,OAAO,CAAA,GAAI,KAAA;AACpC,IAAA,OAAO;AAAA,MACL,UAAW,QAAA,IAAyB,IAAA;AAAA,MACpC,MAAM,IAAA,IAAQ,IAAA;AAAA,MACd,OAAA,EAAA,CAAU,OAAA,IAAW,EAAA,EAAI,IAAA,EAAK;AAAA,MAC9B,UAAU,EAAC;AAAA,MACX;AAAA,KACF;AAAA,EACF;AAGA,EAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,GAAG,CAAA,EAAG;AAC3B,IAAA,OAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,OAAA,CAAQ,OAAA,CAAQ,QAAA,EAAU,EAAE,CAAA;AAAA,MACrC,UAAU,EAAC;AAAA,MACX;AAAA,KACF;AAAA,EACF;AAEA,EAAA,OAAO,IAAA;AACT;AAKA,SAAS,kBAAkB,GAAA,EAAiC;AAC1D,EAAA,MAAM,MAAA,GAA6B;AAAA,IACjC,SAAS;AAAC,GACZ;AAGA,EAAA,MAAM,gBAAA,GAAmB,GAAA,CAAI,KAAA,CAAM,gDAAgD,CAAA;AACnF,EAAA,IAAI,gBAAA,EAAkB;AACpB,IAAA,MAAA,CAAO,WAAA,GAAA,CAAe,gBAAA,CAAiB,CAAC,CAAA,IAAK,IAAI,IAAA,EAAK;AAAA,EACxD;AAGA,EAAA,MAAM,cAAA,GAAiB,GAAA,CAAI,KAAA,CAAM,4DAA4D,CAAA;AAC7F,EAAA,IAAI,cAAA,EAAgB;AAClB,IAAA,MAAA,CAAO,iBAAA,GAAA,CAAqB,cAAA,CAAe,CAAC,CAAA,IAAK,IAAI,IAAA,EAAK;AAAA,EAC5D;AAGA,EAAA,MAAM,iBAAA,GAAoB,GAAA,CAAI,KAAA,CAAM,gDAAgD,CAAA;AACpF,EAAA,MAAM,mBAAA,GAAsB,iBAAA,GAAoB,CAAC,CAAA,IAAK,GAAA;AAGtD,EAAA,MAAM,cAAA,GAAiB,mBAAA,CAAoB,KAAA,CAAM,wBAAwB,CAAA;AAEzE,EAAA,KAAA,MAAW,WAAW,cAAA,EAAgB;AACpC,IAAA,MAAM,cAAA,GAAiB,QAAQ,IAAA,EAAK;AACpC,IAAA,IAAI,CAAC,cAAA,EAAgB;AAGrB,IAAA,MAAM,WAAA,GAAc,cAAA,CAAe,KAAA,CAAM,uBAAuB,CAAA;AAChE,IAAA,MAAM,QAAA,GAAW,WAAA,GAAc,CAAC,CAAA,IAAK,SAAA;AACrC,IAAA,MAAM,UAAU,WAAA,GAAc,cAAA,CAAe,OAAA,CAAQ,wBAAA,EAA0B,EAAE,CAAA,GAAI,cAAA;AAErF,IAAA,MAAM,MAAA,GAAuB;AAAA,MAC3B,QAAA;AAAA,MACA,YAAY;AAAC,KACf;AAGA,IAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,IAAI,CAAA;AAChC,IAAA,IAAI,gBAAA,GAA2C,IAAA;AAC/C,IAAA,IAAI,eAAA,GAA4C,IAAA;AAEhD,IAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,MAAA,MAAM,WAAA,GAAc,KAAK,IAAA,EAAK;AAG9B,MAAA,MAAM,SAAA,GAAY,WAAA,CAAY,KAAA,CAAM,oCAAoC,CAAA;AACxE,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,IAAI,gBAAA,EAAkB;AACpB,UAAA,MAAA,CAAO,UAAA,CAAW,KAAK,gBAAgB,CAAA;AAAA,QACzC;AACA,QAAA,gBAAA,GAAmB;AAAA,UACjB,IAAA,EAAA,CAAO,SAAA,CAAU,CAAC,CAAA,IAAK,IAAI,IAAA,EAAK;AAAA,UAChC,YAAA,EAAc,SAAA,CAAU,CAAC,CAAA,EAAG,IAAA,EAAK;AAAA,UACjC,cAAc;AAAC,SACjB;AACA,QAAA,eAAA,GAAkB,IAAA;AAClB,QAAA;AAAA,MACF;AAGA,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA;AACvC,MAAA,MAAM,MAAA,GAAS,WAAA,GAAc,CAAC,CAAA,EAAG,MAAA,IAAU,CAAA;AAC3C,MAAA,MAAM,QAAA,GACJ,MAAA,IAAU,CAAA,KAAM,WAAA,CAAY,UAAA,CAAW,MAAM,CAAA,IAAK,WAAA,CAAY,UAAA,CAAW,IAAI,CAAA,IAAK,WAAA,CAAY,WAAW,GAAG,CAAA,CAAA;AAE9G,MAAA,MAAM,WAAA,GAAc,oBAAA,CAAqB,WAAA,EAAa,QAAQ,CAAA;AAE9D,MAAA,IAAI,WAAA,EAAa;AACf,QAAA,IAAI,CAAC,gBAAA,EAAkB;AAErB,UAAA,gBAAA,GAAmB;AAAA,YACjB,IAAA,EAAM,QAAA;AAAA,YACN,cAAc;AAAC,WACjB;AAAA,QACF;AAEA,QAAA,IAAI,WAAA,CAAY,YAAY,eAAA,EAAiB;AAE3C,UAAA,eAAA,CAAgB,QAAA,CAAS,KAAK,WAAW,CAAA;AAAA,QAC3C,CAAA,MAAO;AACL,UAAA,gBAAA,CAAiB,YAAA,CAAa,KAAK,WAAW,CAAA;AAC9C,UAAA,eAAA,GAAkB,WAAA;AAAA,QACpB;AAAA,MACF;AAAA,IACF;AAEA,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,MAAA,CAAO,UAAA,CAAW,KAAK,gBAAgB,CAAA;AAAA,IACzC;AAEA,IAAA,IAAI,MAAA,CAAO,UAAA,CAAW,MAAA,GAAS,CAAA,EAAG;AAChC,MAAA,MAAA,CAAO,OAAA,CAAQ,KAAK,MAAM,CAAA;AAAA,IAC5B;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT;AAKA,SAAS,eAAA,CAAgB;AAAA,EACvB,WAAA;AAAA,EACA;AACF,CAAA,EAGG;AAED,EAAA,MAAM,aAAA,GAAgB,wBAClB,EAAA,GACA,WAAA,CAAY,WACV,eAAA,CAAgB,WAAA,CAAY,QAAQ,CAAA,GACpC,uBAAA;AACN,EAAA,MAAM,OAAA,GAAU,wBAAwB,EAAA,GAAK,WAAA,CAAY,WAAW,WAAA,CAAY,WAAA,CAAY,QAAQ,CAAA,GAAI,EAAA;AAGxG,EAAA,MAAM,cAAc,WAAA,CAAY,QAAA,GAAW,eAAA,CAAgB,WAAA,CAAY,QAAQ,CAAA,GAAI,sBAAA;AAEnF,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,UAAU,WAAA,CAAY,QAAA,IAAY,qCAAqC,CAAA,EACxF,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,uCAAA;AAAA,UACA,OAAA,IAAW,uBAAA;AAAA,UACX,OAAA;AAAA,UACA,CAAC,WAAA,CAAY,QAAA,IAAY,WAAA,CAAY,QAAA,IAAY,cAAc,WAAW,CAAA,OAAA;AAAA,SAC5E;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,WAAA,CAAY,QAAA,oBACX,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,YAAY,qBAAA,GAAwB,YAAA,GAAe,uBAAuB,CAAA,EAAG,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,0BAEpG,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+FAAA,EACd,QAAA,kBAAA,GAAA,CAAC,oBAAiB,SAAA,EAAW,aAAA,EAAgB,QAAA,EAAA,WAAA,CAAY,OAAA,EAAQ,CAAA,EACnE,CAAA;AAAA,UACC,YAAY,IAAA,oBACX,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAG,MAAA;AAAA,cACH,OAAA,EAAQ,MAAA;AAAA,cACR,IAAA,EAAK,MAAA;AAAA,cACL,IAAA,EAAM,wBAAwB,MAAA,GAAY,OAAA;AAAA,cAC1C,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,qBAAA,IAAyB,YAAY,CAAA;AAAA,cAEnE,QAAA,EAAA,WAAA,CAAY;AAAA;AAAA;AACf;AAAA;AAAA,KAEJ;AAAA,IACC,WAAA,CAAY,SAAS,MAAA,GAAS,CAAA,wBAC5B,KAAA,EAAA,EAAI,SAAA,EAAU,UACZ,QAAA,EAAA,WAAA,CAAY,QAAA,CAAS,IAAI,CAAC,KAAA,EAAO,sBAChC,GAAA,CAAC,eAAA,EAAA,EAAwB,aAAa,KAAA,EAAO,qBAAA,EAAA,EAAvB,CAAqE,CAC5F,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAKA,SAAS,SAAA,CAAU,EAAE,KAAA,EAAO,qBAAA,EAAsB,EAAgE;AAChH,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,iEAAA;AAAA,UACA,wBAAwB,gBAAA,GAAmB;AAAA,SAC7C;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,aAAA,EAAe,wBAAwB,YAAA,GAAe,iBAAiB,CAAA,EACxF,QAAA,EAAA,KAAA,CAAM,IAAA,EACT,CAAA;AAAA,UACC,KAAA,CAAM,YAAA,oBACL,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,WAAA,EAAa,qBAAA,GAAwB,YAAA,GAAe,uBAAuB,CAAA,EAAG,QAAA,EAAA;AAAA,YAAA,GAAA;AAAA,YAC9F,KAAA,CAAM,YAAA;AAAA,YAAa;AAAA,WAAA,EACvB;AAAA;AAAA;AAAA,KAEJ;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA,KAAA,CAAM,aAAa,GAAA,CAAI,CAAC,GAAA,EAAK,CAAA,yBAC3B,eAAA,EAAA,EAAwB,WAAA,EAAa,KAAK,qBAAA,EAAA,EAArB,CAAmE,CAC1F,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAKA,SAAS,aAAA,CAAc;AAAA,EACrB,MAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACZ,QAAA,EAAA;AAAA,IAAA,YAAA,IAAgB,MAAA,CAAO,aAAa,SAAA,oBACnC,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,iDAAA;AAAA,UACA,wBAAwB,0BAAA,GAA6B;AAAA,SACvD;AAAA,QACD,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACQ,GAAA;AAAA,0BACP,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,MAAA,EAAO,IAAA,EAAK,MAAA,EAChC,QAAA,EAAA,MAAA,CAAO,QAAA,EACV;AAAA;AAAA;AAAA,KACF;AAAA,IAED,MAAA,CAAO,UAAA,CAAW,GAAA,CAAI,CAAC,KAAA,EAAO,CAAA,qBAC7B,GAAA,CAAC,SAAA,EAAA,EAAkB,KAAA,EAAc,qBAAA,EAAA,EAAjB,CAA+D,CAChF;AAAA,GAAA,EACH,CAAA;AAEJ;AAeO,SAAS,mBAAA,CAAoB;AAAA,EAClC,YAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA,GAAkB,KAAA;AAAA,EAClB,qBAAA,GAAwB,KAAA;AAAA,EACxB,qBAAA,GAAwB;AAC1B,CAAA,EAA6B;AAC3B,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAM,iBAAA,CAAkB,YAAY,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAE5E,EAAA,MAAM,kBAAA,GACJ,MAAA,CAAO,OAAA,CAAQ,MAAA,GAAS,CAAA,IAAM,MAAA,CAAO,OAAA,CAAQ,MAAA,KAAW,CAAA,IAAK,MAAA,CAAO,OAAA,CAAQ,CAAC,GAAG,QAAA,KAAa,SAAA;AAE/F,EAAA,IAAI,MAAA,CAAO,QAAQ,MAAA,KAAW,CAAA,IAAK,CAAC,MAAA,CAAO,WAAA,IAAe,CAAC,MAAA,CAAO,iBAAA,EAAmB;AACnF,IAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,2CAAA,EAA6C,SAAS,GAAG,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,EACpG;AAEA,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmB,SAAA,IAAa,sBAAsB,CAAA;AAAA,QACpE,KAAA,EAAO,SAAA,GAAY,EAAE,SAAA,EAAU,GAAI,MAAA;AAAA,QAElC,QAAA,EAAA,MAAA,CAAO,OAAA,CAAQ,GAAA,CAAI,CAAC,QAAQ,CAAA,qBAC3B,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YAEC,MAAA;AAAA,YACA,YAAA,EAAc,kBAAA;AAAA,YACd;AAAA,WAAA;AAAA,UAHK,OAAO,QAAA,GAAW;AAAA,SAK1B;AAAA;AAAA,KACH;AAAA,IAEC,mBAAmB,MAAA,CAAO,WAAA,oBACzB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8DAAA,EAA+D,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,sBAC1F,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kDAAA,EAAoD,iBAAO,WAAA,EAAY;AAAA,KAAA,EACxF,CAAA;AAAA,IAGD,yBAAyB,MAAA,CAAO,iBAAA,oBAC/B,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8DAAA,EAA+D,QAAA,EAAA,oBAAA,EAAkB,CAAA;AAAA,sBAChG,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EAA8D,iBAAO,iBAAA,EAAkB;AAAA,KAAA,EACxG;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/logs/components/log-data-panel.cjs.js CHANGED Viewed

@@ -3,18 +3,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../../../Button-BAMnPqos.cjs');
 const buttonsGroup = require('../../../buttons-group-CoZP3lJt.cjs');
 const copyButton = require('../../../copy-button-D2MTGxq_.cjs');
 const dataKeysAndValues = require('../../../data-keys-and-values-CMJ9zHKm.cjs');
-const dataPanel = require('../../../data-panel-XPXrhYJI.cjs');
+const dataPanel = require('../../../data-panel-C_BqhzeL.cjs');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
-function toDate(value) {
-  return value instanceof Date ? value : new Date(value);
-}
 function LogDataPanel({
   log,
   onClose,
@@ -24,7 +21,7 @@ function LogDataPanel({
   onNext,
   depth
 }) {
-  const formattedDate = log ? dateFns.format(toDate(log.timestamp), "MMM dd, HH:mm:ss.SSS") : "";
+  const formattedDate = log ? utils_dateFormat.formatTimestampPrecise(log.timestamp) ?? "" : "";
   return /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel, { open: !!log, onClose, title: log ? `Log ${formattedDate}` : "Log", depth, children: log && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Header, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CloseButton, { onClick: onClose }),

package/dist/domains/logs/components/log-data-panel.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"log-data-panel.cjs.js","sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nfunction toDate(value: Date \| string): Date {\n return value instanceof Date ? value : new Date(value);\n}\n\nexport interface LogDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n log?: LogRecord;\n onClose: () => void;\n onTraceClick?: (traceId: string) => void;\n onSpanClick?: (traceId: string, spanId: string) => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function LogDataPanel({\n log,\n onClose,\n onTraceClick,\n onSpanClick,\n onPrevious,\n onNext,\n depth,\n}: LogDataPanelProps) {\n const formattedDate = log ? format(toDate(log.timestamp), 'MMM dd, HH:mm:ss.SSS') : '';\n\n return (\n <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n {log && (\n <>\n <DataPanel.Header>\n <DataPanel.CloseButton onClick={onClose} />\n <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n <DataPanel.HeaderActions>\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous log\"\n nextLabel=\"Go to next log\"\n />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <div className=\"grid gap-6 p-2\">\n <DataKeysAndValues>\n {log.entityType && (\n <>\n <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n </>\n )}\n {log.entityName && (\n <>\n <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n </>\n )}\n {log.serviceName && (\n <>\n <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n </>\n )}\n {log.environment && (\n <>\n <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n </>\n )}\n {log.source && (\n <>\n <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n </>\n )}\n {log.metadata &&\n Object.entries(log.metadata).map(([key, value]) => (\n <Fragment key={key}>\n <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n </Fragment>\n ))}\n </DataKeysAndValues>\n\n <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n {(log.traceId \|\| log.spanId) && (\n <div className=\"grid gap-2\">\n {log.traceId && (\n <ButtonsGroup className=\"w-full min-w-0\">\n <Button\n className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n icon={<ArrowRightIcon />}\n onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n >\n <span>Trace</span>\n <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.traceId}</span>\n </Button>\n <CopyButton content={log.traceId} tooltip=\"Copy Trace ID to clipboard\" />\n </ButtonsGroup>\n )}\n {log.spanId && (\n <ButtonsGroup className=\"w-full min-w-0\">\n <Button\n className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n disabled={!log.traceId \|\| !onSpanClick}\n onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n icon={<ArrowRightIcon />}\n >\n <span>Span</span>\n <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.spanId}</span>\n </Button>\n <CopyButton content={log.spanId} tooltip=\"Copy Span ID to clipboard\" />\n </ButtonsGroup>\n )}\n </div>\n )}\n\n {log.data && Object.keys(log.data).length > 0 && (\n <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n )}\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n );\n}\n"],"names":["format","jsx","DataPanel","jsxs","Fragment","DataKeysAndValues","ButtonsGroup","Button","ArrowRightIcon","CopyButton"],"mappings":"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"}
1	+ {"version":3,"file":"log-data-panel.cjs.js","sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nexport interface LogDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n log?: LogRecord;\n onClose: () => void;\n onTraceClick?: (traceId: string) => void;\n onSpanClick?: (traceId: string, spanId: string) => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function LogDataPanel({\n log,\n onClose,\n onTraceClick,\n onSpanClick,\n onPrevious,\n onNext,\n depth,\n}: LogDataPanelProps) {\n const formattedDate = log ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\n\n return (\n <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n {log && (\n <>\n <DataPanel.Header>\n <DataPanel.CloseButton onClick={onClose} />\n <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n <DataPanel.HeaderActions>\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous log\"\n nextLabel=\"Go to next log\"\n />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <div className=\"grid gap-6 p-2\">\n <DataKeysAndValues>\n {log.entityType && (\n <>\n <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n </>\n )}\n {log.entityName && (\n <>\n <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n </>\n )}\n {log.serviceName && (\n <>\n <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n </>\n )}\n {log.environment && (\n <>\n <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n </>\n )}\n {log.source && (\n <>\n <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n </>\n )}\n {log.metadata &&\n Object.entries(log.metadata).map(([key, value]) => (\n <Fragment key={key}>\n <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n </Fragment>\n ))}\n </DataKeysAndValues>\n\n <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n {(log.traceId \|\| log.spanId) && (\n <div className=\"grid gap-2\">\n {log.traceId && (\n <ButtonsGroup className=\"w-full min-w-0\">\n <Button\n className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n icon={<ArrowRightIcon />}\n onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n >\n <span>Trace</span>\n <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.traceId}</span>\n </Button>\n <CopyButton content={log.traceId} tooltip=\"Copy Trace ID to clipboard\" />\n </ButtonsGroup>\n )}\n {log.spanId && (\n <ButtonsGroup className=\"w-full min-w-0\">\n <Button\n className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n disabled={!log.traceId \|\| !onSpanClick}\n onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n icon={<ArrowRightIcon />}\n >\n <span>Span</span>\n <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.spanId}</span>\n </Button>\n <CopyButton content={log.spanId} tooltip=\"Copy Span ID to clipboard\" />\n </ButtonsGroup>\n )}\n </div>\n )}\n\n {log.data && Object.keys(log.data).length > 0 && (\n <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n )}\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n );\n}\n"],"names":["formatTimestampPrecise","jsx","DataPanel","jsxs","Fragment","DataKeysAndValues","ButtonsGroup","Button","ArrowRightIcon","CopyButton"],"mappings":";;;;;;;;;;;;;;AAqBO,SAAS,YAAA,CAAa;AAAA,EAC3B,GAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,gBAAgB,GAAA,GAAOA,uCAAA,CAAuB,GAAA,CAAI,SAAS,KAAK,EAAA,GAAM,EAAA;AAE5E,EAAA,uBACEC,cAAA,CAACC,mBAAA,EAAA,EAAU,IAAA,EAAM,CAAC,CAAC,GAAA,EAAK,OAAA,EAAkB,KAAA,EAAO,GAAA,GAAM,OAAO,aAAa,CAAA,CAAA,GAAK,KAAA,EAAO,KAAA,EACpF,iCACCC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACD,mBAAA,CAAU,QAAV,EACC,QAAA,EAAA;AAAA,sBAAAD,cAAA,CAACC,mBAAA,CAAU,WAAA,EAAV,EAAsB,OAAA,EAAS,OAAA,EAAS,CAAA;AAAA,sBACzCC,eAAA,CAACD,mBAAA,CAAU,OAAA,EAAV,EAAkB,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QAAO;AAAA,OAAA,EAAc,CAAA;AAAA,sBACxCD,cAAA,CAACC,mBAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAAD,cAAA;AAAA,QAACC,mBAAA,CAAU,WAAA;AAAA,QAAV;AAAA,UACC,UAAA;AAAA,UACA,MAAA;AAAA,UACA,aAAA,EAAc,oBAAA;AAAA,UACd,SAAA,EAAU;AAAA;AAAA,OACZ,EACF;AAAA,KAAA,EACF,CAAA;AAAA,mCAECA,mBAAA,CAAU,OAAA,EAAV,EACC,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAACE,mCAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,GAAA,CAAI,8BACHF,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BAClCJ,cAAA,CAACI,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,UAAA,EAAW;AAAA,SAAA,EAC3C,CAAA;AAAA,QAED,GAAA,CAAI,8BACHF,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BAClCJ,cAAA,CAACI,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,UAAA,EAAW;AAAA,SAAA,EAC3C,CAAA;AAAA,QAED,GAAA,CAAI,+BACHF,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BAC9BJ,cAAA,CAACI,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,WAAA,EAAY;AAAA,SAAA,EAC5C,CAAA;AAAA,QAED,GAAA,CAAI,+BACHF,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BAClCJ,cAAA,CAACI,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,WAAA,EAAY;AAAA,SAAA,EAC5C,CAAA;AAAA,QAED,GAAA,CAAI,0BACHF,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,0BAC7BJ,cAAA,CAACI,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,MAAA,EAAO;AAAA,SAAA,EACvC,CAAA;AAAA,QAED,GAAA,CAAI,QAAA,IACH,MAAA,CAAO,OAAA,CAAQ,IAAI,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,qBAC3CF,eAAA,CAACC,gBAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAuB,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,yCAC3BA,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,QAAA,EAAA,MAAA,CAAO,KAAK,CAAA,EAAE;AAAA,SAAA,EAAA,EAF3B,GAGf,CACD;AAAA,OAAA,EACL,CAAA;AAAA,sBAEAJ,cAAA,CAACC,mBAAA,CAAU,WAAA,EAAV,EAAsB,KAAA,EAAM,WAAU,OAAA,EAAS,GAAA,CAAI,OAAA,EAAS,UAAA,EAAU,IAAA,EAAC,CAAA;AAAA,MAAA,CAEtE,IAAI,OAAA,IAAW,GAAA,CAAI,2BACnBC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,YAAA,EACZ,QAAA,EAAA;AAAA,QAAA,GAAA,CAAI,OAAA,oBACHA,eAAA,CAACG,yBAAA,EAAA,EAAa,SAAA,EAAU,gBAAA,EACtB,QAAA,EAAA;AAAA,0BAAAH,eAAA;AAAA,YAACI,aAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,gDAAA;AAAA,cACV,IAAA,iCAAOC,0BAAA,EAAA,EAAe,CAAA;AAAA,cACtB,SAAS,MAAM,GAAA,CAAI,OAAA,IAAW,YAAA,GAAe,IAAI,OAAO,CAAA;AAAA,cAExD,QAAA,EAAA;AAAA,gCAAAP,cAAA,CAAC,UAAK,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,gCACXE,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wDAAA,EAAyD,QAAA,EAAA;AAAA,kBAAA,IAAA;AAAA,kBAAG,GAAA,CAAI;AAAA,iBAAA,EAAQ;AAAA;AAAA;AAAA,WAC1F;AAAA,yCACCM,qBAAA,EAAA,EAAW,OAAA,EAAS,GAAA,CAAI,OAAA,EAAS,SAAQ,4BAAA,EAA6B;AAAA,SAAA,EACzE,CAAA;AAAA,QAED,GAAA,CAAI,MAAA,oBACHN,eAAA,CAACG,yBAAA,EAAA,EAAa,WAAU,gBAAA,EACtB,QAAA,EAAA;AAAA,0BAAAH,eAAA;AAAA,YAACI,aAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,gDAAA;AAAA,cACV,QAAA,EAAU,CAAC,GAAA,CAAI,OAAA,IAAW,CAAC,WAAA;AAAA,cAC3B,OAAA,EAAS,MAAM,GAAA,CAAI,OAAA,IAAW,GAAA,CAAI,UAAU,WAAA,GAAc,GAAA,CAAI,OAAA,EAAS,GAAA,CAAI,MAAM,CAAA;AAAA,cACjF,IAAA,iCAAOC,0BAAA,EAAA,EAAe,CAAA;AAAA,cAEtB,QAAA,EAAA;AAAA,gCAAAP,cAAA,CAAC,UAAK,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,gCACVE,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wDAAA,EAAyD,QAAA,EAAA;AAAA,kBAAA,IAAA;AAAA,kBAAG,GAAA,CAAI;AAAA,iBAAA,EAAO;AAAA;AAAA;AAAA,WACzF;AAAA,yCACCM,qBAAA,EAAA,EAAW,OAAA,EAAS,GAAA,CAAI,MAAA,EAAQ,SAAQ,2BAAA,EAA4B;AAAA,SAAA,EACvE;AAAA,OAAA,EAEJ,CAAA;AAAA,MAGD,GAAA,CAAI,QAAQ,MAAA,CAAO,IAAA,CAAK,IAAI,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,oBAC1CR,cAAA,CAACC,mBAAA,CAAU,aAAV,EAAsB,KAAA,EAAM,QAAO,OAAA,EAAS,IAAA,CAAK,UAAU,GAAA,CAAI,IAAA,EAAM,IAAA,EAAM,CAAC,CAAA,EAAG;AAAA,KAAA,EAEpF,CAAA,EACF;AAAA,GAAA,EACF,CAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/logs/components/log-data-panel.es.js CHANGED Viewed

@@ -1,16 +1,13 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { format } from 'date-fns';
 import { ArrowRightIcon } from 'lucide-react';
 import { Fragment as Fragment$1 } from 'react';
 import { B as Button } from '../../../Button-B8nF87ai.js';
 import { B as ButtonsGroup } from '../../../buttons-group-DsZgrZBZ.js';
 import { C as CopyButton } from '../../../copy-button-DcZ1mdw4.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-BTYDB-K2.js';
-import { D as DataPanel } from '../../../data-panel-BQVTKo86.js';
+import { D as DataPanel } from '../../../data-panel-BWgExbHs.js';
+import { formatTimestampPrecise } from '../../../utils/date-format.es.js';
-function toDate(value) {
-  return value instanceof Date ? value : new Date(value);
-}
 function LogDataPanel({
   log,
   onClose,
@@ -20,7 +17,7 @@ function LogDataPanel({
   onNext,
   depth
 }) {
-  const formattedDate = log ? format(toDate(log.timestamp), "MMM dd, HH:mm:ss.SSS") : "";
+  const formattedDate = log ? formatTimestampPrecise(log.timestamp) ?? "" : "";
   return /* @__PURE__ */ jsx(DataPanel, { open: !!log, onClose, title: log ? `Log ${formattedDate}` : "Log", depth, children: log && /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(DataPanel.Header, { children: [
       /* @__PURE__ */ jsx(DataPanel.CloseButton, { onClick: onClose }),

package/dist/domains/logs/components/log-data-panel.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"log-data-panel.es.js","sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nfunction toDate(value: Date \| string): Date {\n return value instanceof Date ? value : new Date(value);\n}\n\nexport interface LogDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n log?: LogRecord;\n onClose: () => void;\n onTraceClick?: (traceId: string) => void;\n onSpanClick?: (traceId: string, spanId: string) => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function LogDataPanel({\n log,\n onClose,\n onTraceClick,\n onSpanClick,\n onPrevious,\n onNext,\n depth,\n}: LogDataPanelProps) {\n const formattedDate = log ? format(toDate(log.timestamp), 'MMM dd, HH:mm:ss.SSS') : '';\n\n return (\n <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n {log && (\n <>\n <DataPanel.Header>\n <DataPanel.CloseButton onClick={onClose} />\n <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n <DataPanel.HeaderActions>\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous log\"\n nextLabel=\"Go to next log\"\n />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <div className=\"grid gap-6 p-2\">\n <DataKeysAndValues>\n {log.entityType && (\n <>\n <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n </>\n )}\n {log.entityName && (\n <>\n <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n </>\n )}\n {log.serviceName && (\n <>\n <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n </>\n )}\n {log.environment && (\n <>\n <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n </>\n )}\n {log.source && (\n <>\n <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n </>\n )}\n {log.metadata &&\n Object.entries(log.metadata).map(([key, value]) => (\n <Fragment key={key}>\n <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n </Fragment>\n ))}\n </DataKeysAndValues>\n\n <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n {(log.traceId \|\| log.spanId) && (\n <div className=\"grid gap-2\">\n {log.traceId && (\n <ButtonsGroup className=\"w-full min-w-0\">\n <Button\n className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n icon={<ArrowRightIcon />}\n onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n >\n <span>Trace</span>\n <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.traceId}</span>\n </Button>\n <CopyButton content={log.traceId} tooltip=\"Copy Trace ID to clipboard\" />\n </ButtonsGroup>\n )}\n {log.spanId && (\n <ButtonsGroup className=\"w-full min-w-0\">\n <Button\n className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n disabled={!log.traceId \|\| !onSpanClick}\n onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n icon={<ArrowRightIcon />}\n >\n <span>Span</span>\n <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.spanId}</span>\n </Button>\n <CopyButton content={log.spanId} tooltip=\"Copy Span ID to clipboard\" />\n </ButtonsGroup>\n )}\n </div>\n )}\n\n {log.data && Object.keys(log.data).length > 0 && (\n <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n )}\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n );\n}\n"],"names":["Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"log-data-panel.es.js","sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nexport interface LogDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n log?: LogRecord;\n onClose: () => void;\n onTraceClick?: (traceId: string) => void;\n onSpanClick?: (traceId: string, spanId: string) => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function LogDataPanel({\n log,\n onClose,\n onTraceClick,\n onSpanClick,\n onPrevious,\n onNext,\n depth,\n}: LogDataPanelProps) {\n const formattedDate = log ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\n\n return (\n <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n {log && (\n <>\n <DataPanel.Header>\n <DataPanel.CloseButton onClick={onClose} />\n <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n <DataPanel.HeaderActions>\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous log\"\n nextLabel=\"Go to next log\"\n />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <div className=\"grid gap-6 p-2\">\n <DataKeysAndValues>\n {log.entityType && (\n <>\n <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n </>\n )}\n {log.entityName && (\n <>\n <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n </>\n )}\n {log.serviceName && (\n <>\n <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n </>\n )}\n {log.environment && (\n <>\n <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n </>\n )}\n {log.source && (\n <>\n <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n </>\n )}\n {log.metadata &&\n Object.entries(log.metadata).map(([key, value]) => (\n <Fragment key={key}>\n <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n </Fragment>\n ))}\n </DataKeysAndValues>\n\n <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n {(log.traceId \|\| log.spanId) && (\n <div className=\"grid gap-2\">\n {log.traceId && (\n <ButtonsGroup className=\"w-full min-w-0\">\n <Button\n className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n icon={<ArrowRightIcon />}\n onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n >\n <span>Trace</span>\n <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.traceId}</span>\n </Button>\n <CopyButton content={log.traceId} tooltip=\"Copy Trace ID to clipboard\" />\n </ButtonsGroup>\n )}\n {log.spanId && (\n <ButtonsGroup className=\"w-full min-w-0\">\n <Button\n className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n disabled={!log.traceId \|\| !onSpanClick}\n onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n icon={<ArrowRightIcon />}\n >\n <span>Span</span>\n <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.spanId}</span>\n </Button>\n <CopyButton content={log.spanId} tooltip=\"Copy Span ID to clipboard\" />\n </ButtonsGroup>\n )}\n </div>\n )}\n\n {log.data && Object.keys(log.data).length > 0 && (\n <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n )}\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n );\n}\n"],"names":["Fragment"],"mappings":";;;;;;;;;;AAqBO,SAAS,YAAA,CAAa;AAAA,EAC3B,GAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,gBAAgB,GAAA,GAAO,sBAAA,CAAuB,GAAA,CAAI,SAAS,KAAK,EAAA,GAAM,EAAA;AAE5E,EAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,CAAC,CAAC,GAAA,EAAK,OAAA,EAAkB,KAAA,EAAO,GAAA,GAAM,OAAO,aAAa,CAAA,CAAA,GAAK,KAAA,EAAO,KAAA,EACpF,iCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,SAAA,CAAU,QAAV,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,CAAU,WAAA,EAAV,EAAsB,OAAA,EAAS,OAAA,EAAS,CAAA;AAAA,sBACzC,IAAA,CAAC,SAAA,CAAU,OAAA,EAAV,EAAkB,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QAAO;AAAA,OAAA,EAAc,CAAA;AAAA,sBACxC,GAAA,CAAC,SAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA,CAAU,WAAA;AAAA,QAAV;AAAA,UACC,UAAA;AAAA,UACA,MAAA;AAAA,UACA,aAAA,EAAc,oBAAA;AAAA,UACd,SAAA,EAAU;AAAA;AAAA,OACZ,EACF;AAAA,KAAA,EACF,CAAA;AAAA,wBAEC,SAAA,CAAU,OAAA,EAAV,EACC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,iBAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,GAAA,CAAI,8BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BAClC,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,UAAA,EAAW;AAAA,SAAA,EAC3C,CAAA;AAAA,QAED,GAAA,CAAI,8BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BAClC,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,UAAA,EAAW;AAAA,SAAA,EAC3C,CAAA;AAAA,QAED,GAAA,CAAI,+BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BAC9B,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,WAAA,EAAY;AAAA,SAAA,EAC5C,CAAA;AAAA,QAED,GAAA,CAAI,+BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BAClC,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,WAAA,EAAY;AAAA,SAAA,EAC5C,CAAA;AAAA,QAED,GAAA,CAAI,0BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,0BAC7B,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,cAAI,MAAA,EAAO;AAAA,SAAA,EACvC,CAAA;AAAA,QAED,GAAA,CAAI,QAAA,IACH,MAAA,CAAO,OAAA,CAAQ,IAAI,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,qBAC3C,IAAA,CAACA,YAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAuB,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,8BAC3B,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,QAAA,EAAA,MAAA,CAAO,KAAK,CAAA,EAAE;AAAA,SAAA,EAAA,EAF3B,GAGf,CACD;AAAA,OAAA,EACL,CAAA;AAAA,sBAEA,GAAA,CAAC,SAAA,CAAU,WAAA,EAAV,EAAsB,KAAA,EAAM,WAAU,OAAA,EAAS,GAAA,CAAI,OAAA,EAAS,UAAA,EAAU,IAAA,EAAC,CAAA;AAAA,MAAA,CAEtE,IAAI,OAAA,IAAW,GAAA,CAAI,2BACnB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,YAAA,EACZ,QAAA,EAAA;AAAA,QAAA,GAAA,CAAI,OAAA,oBACH,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,gBAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,gDAAA;AAAA,cACV,IAAA,sBAAO,cAAA,EAAA,EAAe,CAAA;AAAA,cACtB,SAAS,MAAM,GAAA,CAAI,OAAA,IAAW,YAAA,GAAe,IAAI,OAAO,CAAA;AAAA,cAExD,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAK,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,gCACX,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wDAAA,EAAyD,QAAA,EAAA;AAAA,kBAAA,IAAA;AAAA,kBAAG,GAAA,CAAI;AAAA,iBAAA,EAAQ;AAAA;AAAA;AAAA,WAC1F;AAAA,8BACC,UAAA,EAAA,EAAW,OAAA,EAAS,GAAA,CAAI,OAAA,EAAS,SAAQ,4BAAA,EAA6B;AAAA,SAAA,EACzE,CAAA;AAAA,QAED,GAAA,CAAI,MAAA,oBACH,IAAA,CAAC,YAAA,EAAA,EAAa,WAAU,gBAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,gDAAA;AAAA,cACV,QAAA,EAAU,CAAC,GAAA,CAAI,OAAA,IAAW,CAAC,WAAA;AAAA,cAC3B,OAAA,EAAS,MAAM,GAAA,CAAI,OAAA,IAAW,GAAA,CAAI,UAAU,WAAA,GAAc,GAAA,CAAI,OAAA,EAAS,GAAA,CAAI,MAAM,CAAA;AAAA,cACjF,IAAA,sBAAO,cAAA,EAAA,EAAe,CAAA;AAAA,cAEtB,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAK,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,gCACV,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wDAAA,EAAyD,QAAA,EAAA;AAAA,kBAAA,IAAA;AAAA,kBAAG,GAAA,CAAI;AAAA,iBAAA,EAAO;AAAA;AAAA;AAAA,WACzF;AAAA,8BACC,UAAA,EAAA,EAAW,OAAA,EAAS,GAAA,CAAI,MAAA,EAAQ,SAAQ,2BAAA,EAA4B;AAAA,SAAA,EACvE;AAAA,OAAA,EAEJ,CAAA;AAAA,MAGD,GAAA,CAAI,QAAQ,MAAA,CAAO,IAAA,CAAK,IAAI,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,oBAC1C,GAAA,CAAC,SAAA,CAAU,aAAV,EAAsB,KAAA,EAAM,QAAO,OAAA,EAAS,IAAA,CAAK,UAAU,GAAA,CAAI,IAAA,EAAM,IAAA,EAAM,CAAC,CAAA,EAAG;AAAA,KAAA,EAEpF,CAAA,EACF;AAAA,GAAA,EACF,CAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/logs/components/logs-list-view.cjs.js CHANGED Viewed

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
-const dataListSkeleton = require('../../../data-list-skeleton-CjwR0o3w.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-CgbWqYky.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-BHvJOeec.cjs');
+const logsDataList = require('../../../logs-data-list-lJK0yGYj.cjs');
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

package/dist/domains/logs/components/logs-list-view.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef, useEffect } from 'react';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-DAfM8AjW.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-BrSh9Y_3.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-CgDcNIvS.js';
+import { L as LogsDataList } from '../../../logs-data-list-BKE5vYZR.js';
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

package/dist/domains/logs/components/no-logs-info.cjs.js CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
 const Button = require('../../../Button-BAMnPqos.cjs');
 const EmptyState = require('../../../EmptyState-2XQgeju6.cjs');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -15,7 +15,6 @@ const PRESET_LABELS = {
   "last-14d": "the last 14 days",
   "last-30d": "the last 30 days"
 };
-const DATE_FORMAT = "MMM d, yyyy HH:mm";
 const LEVEL_TIP = "Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.";
 function describeRange({ datePreset, dateFrom, dateTo }) {
   if (datePreset && datePreset !== "all" && datePreset !== "custom") {
@@ -26,13 +25,13 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
   }
   if (dateFrom && dateTo) {
     return {
-      title: `No logs between ${dateFns.format(dateFrom, DATE_FORMAT)} and ${dateFns.format(dateTo, DATE_FORMAT)}`,
+      title: `No logs between ${utils_dateFormat.formatDate(dateFrom, "date-time")} and ${utils_dateFormat.formatDate(dateTo, "date-time")}`,
       description: LEVEL_TIP
     };
   }
   if (dateFrom) {
     return {
-      title: `No logs since ${dateFns.format(dateFrom, DATE_FORMAT)}`,
+      title: `No logs since ${utils_dateFormat.formatDate(dateFrom, "date-time")}`,
       description: LEVEL_TIP
     };
   }

package/dist/domains/logs/components/no-logs-info.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"no-logs-info.cjs.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { ~~format } from 'date-fns';\nimport {~~ ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' \| 'custom'>, string> = {\n 'last-24h': 'the last 24 hours',\n 'last-3d': 'the last 3 days',\n 'last-7d': 'the last 7 days',\n 'last-14d': 'the last 14 days',\n 'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n datePreset?: LogsDatePreset;\n dateFrom?: Date;\n dateTo?: Date;\n}\n\nconst ~~DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst~~ LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n return {\n title: `No logs for ${PRESET_LABELS[datePreset]}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom && dateTo) {\n return {\n title: `No logs between ${~~format~~(dateFrom, ~~DATE_FORMAT~~)} and ${~~format~~(dateTo, ~~DATE_FORMAT~~)}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom) {\n return {\n title: `No logs since ${~~format~~(dateFrom, ~~DATE_FORMAT~~)}`,\n description: LEVEL_TIP,\n };\n }\n return {\n title: 'No logs yet',\n description: 'Logs will appear here once agents, workflows, or tools are executed.',\n };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n return (\n <EmptyState\n titleSlot={title}\n descriptionSlot={description}\n actionSlot={\n <Button\n variant=\"ghost\"\n render={\n <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n }\n icon={<ExternalLinkIcon />}\n >\n Logging Documentation\n </Button>\n }\n variant=\"fill\"\n />\n );\n};\n"],"names":["~~format~~","jsx","EmptyState","Button","ExternalLinkIcon"],"mappings":";;;;;;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,~~WAAA,GAAc,mBAAA;AAEpB,MAAM,~~SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmBA,~~cAAA~~,~~CAAO~~,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQA,~~cAAA~~,~~CAAO~~,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,~~MAC1F~~,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiBA,~~cAAA~~,~~CAAO~~,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,~~MACrD~~,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACED,cAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,iCACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,iCAAOC,4BAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}
1	+ {"version":3,"file":"no-logs-info.cjs.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { formatDate } from '@/utils/date-format';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' \| 'custom'>, string> = {\n 'last-24h': 'the last 24 hours',\n 'last-3d': 'the last 3 days',\n 'last-7d': 'the last 7 days',\n 'last-14d': 'the last 14 days',\n 'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n datePreset?: LogsDatePreset;\n dateFrom?: Date;\n dateTo?: Date;\n}\n\nconst LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n return {\n title: `No logs for ${PRESET_LABELS[datePreset]}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom && dateTo) {\n return {\n title: `No logs between ${formatDate(dateFrom, 'date-time')} and ${formatDate(dateTo, 'date-time')}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom) {\n return {\n title: `No logs since ${formatDate(dateFrom, 'date-time')}`,\n description: LEVEL_TIP,\n };\n }\n return {\n title: 'No logs yet',\n description: 'Logs will appear here once agents, workflows, or tools are executed.',\n };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n return (\n <EmptyState\n titleSlot={title}\n descriptionSlot={description}\n actionSlot={\n <Button\n variant=\"ghost\"\n render={\n <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n }\n icon={<ExternalLinkIcon />}\n >\n Logging Documentation\n </Button>\n }\n variant=\"fill\"\n />\n );\n};\n"],"names":["formatDate","jsx","EmptyState","Button","ExternalLinkIcon"],"mappings":";;;;;;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmBA,2BAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQA,2BAAA,CAAW,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAClG,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiBA,2BAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACzD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACED,cAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,iCACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,iCAAOC,4BAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}

package/dist/domains/logs/components/no-logs-info.es.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { format } from 'date-fns';
 import { ExternalLinkIcon } from 'lucide-react';
 import { B as Button } from '../../../Button-B8nF87ai.js';
 import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
+import { formatDate } from '../../../utils/date-format.es.js';
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -11,7 +11,6 @@ const PRESET_LABELS = {
   "last-14d": "the last 14 days",
   "last-30d": "the last 30 days"
 };
-const DATE_FORMAT = "MMM d, yyyy HH:mm";
 const LEVEL_TIP = "Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.";
 function describeRange({ datePreset, dateFrom, dateTo }) {
   if (datePreset && datePreset !== "all" && datePreset !== "custom") {
@@ -22,13 +21,13 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
   }
   if (dateFrom && dateTo) {
     return {
-      title: `No logs between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,
+      title: `No logs between ${formatDate(dateFrom, "date-time")} and ${formatDate(dateTo, "date-time")}`,
       description: LEVEL_TIP
     };
   }
   if (dateFrom) {
     return {
-      title: `No logs since ${format(dateFrom, DATE_FORMAT)}`,
+      title: `No logs since ${formatDate(dateFrom, "date-time")}`,
       description: LEVEL_TIP
     };
   }

package/dist/domains/logs/components/no-logs-info.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"no-logs-info.es.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { ~~format } from 'date-fns';\nimport {~~ ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' \| 'custom'>, string> = {\n 'last-24h': 'the last 24 hours',\n 'last-3d': 'the last 3 days',\n 'last-7d': 'the last 7 days',\n 'last-14d': 'the last 14 days',\n 'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n datePreset?: LogsDatePreset;\n dateFrom?: Date;\n dateTo?: Date;\n}\n\nconst ~~DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst~~ LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n return {\n title: `No logs for ${PRESET_LABELS[datePreset]}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom && dateTo) {\n return {\n title: `No logs between ${~~format~~(dateFrom, ~~DATE_FORMAT~~)} and ${~~format~~(dateTo, ~~DATE_FORMAT~~)}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom) {\n return {\n title: `No logs since ${~~format~~(dateFrom, ~~DATE_FORMAT~~)}`,\n description: LEVEL_TIP,\n };\n }\n return {\n title: 'No logs yet',\n description: 'Logs will appear here once agents, workflows, or tools are executed.',\n };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n return (\n <EmptyState\n titleSlot={title}\n descriptionSlot={description}\n actionSlot={\n <Button\n variant=\"ghost\"\n render={\n <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n }\n icon={<ExternalLinkIcon />}\n >\n Logging Documentation\n </Button>\n }\n variant=\"fill\"\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,~~WAAA,GAAc,mBAAA;AAEpB,MAAM,~~SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmB,~~MAAA~~,~~CAAO~~,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQ,~~MAAA~~,~~CAAO~~,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,~~MAC1F~~,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,~~MAAA~~,~~CAAO~~,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,~~MACrD~~,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,sBACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,sBAAO,gBAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}
1	+ {"version":3,"file":"no-logs-info.es.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { formatDate } from '@/utils/date-format';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' \| 'custom'>, string> = {\n 'last-24h': 'the last 24 hours',\n 'last-3d': 'the last 3 days',\n 'last-7d': 'the last 7 days',\n 'last-14d': 'the last 14 days',\n 'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n datePreset?: LogsDatePreset;\n dateFrom?: Date;\n dateTo?: Date;\n}\n\nconst LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n return {\n title: `No logs for ${PRESET_LABELS[datePreset]}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom && dateTo) {\n return {\n title: `No logs between ${formatDate(dateFrom, 'date-time')} and ${formatDate(dateTo, 'date-time')}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom) {\n return {\n title: `No logs since ${formatDate(dateFrom, 'date-time')}`,\n description: LEVEL_TIP,\n };\n }\n return {\n title: 'No logs yet',\n description: 'Logs will appear here once agents, workflows, or tools are executed.',\n };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n return (\n <EmptyState\n titleSlot={title}\n descriptionSlot={description}\n actionSlot={\n <Button\n variant=\"ghost\"\n render={\n <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n }\n icon={<ExternalLinkIcon />}\n >\n Logging Documentation\n </Button>\n }\n variant=\"fill\"\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmB,UAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQ,UAAA,CAAW,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAClG,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,UAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACzD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,sBACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,sBAAO,gBAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}