@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

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

@@ -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 && 'border-border/50 ml-4 border-l pl-2')}>\n      <div\n        className={cn(\n          'flex items-start gap-1.5 text-ui-sm',\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=\"[&_code]:text-ui-xs flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5\">\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-ui-xs',\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-ui-sm font-medium', useInheritedTextColor ? 'opacity-80' : 'text-foreground')}>\n          {block.date}\n        </span>\n        {block.relativeTime && (\n          <span className={cn('text-ui-xs', 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-ui-xs',\n            useInheritedTextColor ? 'bg-current/10 opacity-60' : 'text-muted-foreground bg-muted/50',\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-muted-foreground text-ui-sm italic', className)}>No observations</div>;\n  }\n\n  return (\n    <div className={cn('overflow-hidden text-ui-md', 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=\"border-border mt-2 border-t pt-2\">\n          <div className=\"text-muted-foreground text-ui-xs mb-1 font-medium tracking-wide uppercase\">Current Task</div>\n          <div className=\"text-foreground text-ui-sm whitespace-pre-wrap\">{parsed.currentTask}</div>\n        </div>\n      )}\n\n      {showSuggestedResponse && parsed.suggestedResponse && (\n        <div className=\"border-border mt-2 border-t pt-2\">\n          <div className=\"text-muted-foreground text-ui-xs mb-1 font-medium tracking-wide uppercase\">\n            Suggested Response\n          </div>\n          <div className=\"text-foreground/80 text-ui-sm whitespace-pre-wrap 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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"}
+{"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 && 'border-border/50 ml-4 border-l 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=\"[&_code]:text-meta flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5\">\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' : 'text-muted-foreground bg-muted/50',\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-muted-foreground text-caption 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=\"border-border mt-2 border-t pt-2\">\n          <div className=\"text-muted-foreground text-meta mb-1 tracking-wide uppercase\">Current Task</div>\n          <div className=\"text-foreground text-caption whitespace-pre-wrap\">{parsed.currentTask}</div>\n        </div>\n      )}\n\n      {showSuggestedResponse && parsed.suggestedResponse && (\n        <div className=\"border-border mt-2 border-t pt-2\">\n          <div className=\"text-muted-foreground text-meta mb-1 tracking-wide uppercase\">Suggested Response</div>\n          <div className=\"text-foreground/80 text-caption whitespace-pre-wrap 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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"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-SVeQ5Uo_.js';
-import { c as cn } from '../../../../cn-C6s2yXwM.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-B0gTm_Ea.js';
+import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 const PRIORITY_COLORS = {
   "🔴": "text-foreground",
@@ -147,19 +147,19 @@ function ObservationItem({
       "div",
       {
         className: cn(
-          "flex items-start gap-1.5 text-ui-sm",
+          "flex items-start gap-1.5 text-caption",
           bgColor && "rounded px-1.5 py-0.5",
           bgColor,
           !observation.isNested && observation.priority && `border-l-2 ${borderColor} pl-1.5`
         ),
         children: [
           observation.isNested && /* @__PURE__ */ jsx("span", { className: cn("shrink-0", useInheritedTextColor ? "opacity-60" : "text-muted-foreground"), children: "→" }),
-          /* @__PURE__ */ jsx("span", { className: "[&_code]:text-ui-xs flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: priorityColor, children: observation.content }) }),
+          /* @__PURE__ */ jsx("span", { className: "[&_code]:text-meta flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: priorityColor, children: observation.content }) }),
           observation.time && /* @__PURE__ */ jsx(
             "span",
             {
               className: cn(
-                "ml-2 shrink-0 font-mono text-ui-xs",
+                "ml-2 shrink-0 font-mono text-meta",
                 useInheritedTextColor ? "opacity-60" : "text-muted-foreground"
               ),
               children: observation.time
@@ -181,8 +181,8 @@ function DateBlock({ block, useInheritedTextColor }) {
           useInheritedTextColor ? "bg-transparent" : "bg-background/95"
         ),
         children: [
-          /* @__PURE__ */ jsx("span", { className: cn("text-ui-sm font-medium", useInheritedTextColor ? "opacity-80" : "text-foreground"), children: block.date }),
-          block.relativeTime && /* @__PURE__ */ jsxs("span", { className: cn("text-ui-xs", useInheritedTextColor ? "opacity-60" : "text-muted-foreground"), children: [
+          /* @__PURE__ */ jsx("span", { className: cn("text-column", useInheritedTextColor ? "opacity-80" : "text-foreground"), children: block.date }),
+          block.relativeTime && /* @__PURE__ */ jsxs("span", { className: cn("text-meta", useInheritedTextColor ? "opacity-60" : "text-muted-foreground"), children: [
             "(",
             block.relativeTime,
             ")"
@@ -203,7 +203,7 @@ function ThreadSection({
       "div",
       {
         className: cn(
-          "mb-1 inline-block rounded px-1 py-0.5 font-mono text-ui-xs",
+          "mb-1 inline-block rounded px-1 py-0.5 font-mono text-meta",
           useInheritedTextColor ? "bg-current/10 opacity-60" : "text-muted-foreground bg-muted/50"
         ),
         children: [
@@ -226,9 +226,9 @@ function ObservationRenderer({
   const parsed = useMemo(() => parseObservations(observations), [observations]);
   const hasMultipleThreads = parsed.threads.length > 1 || parsed.threads.length === 1 && parsed.threads[0]?.threadId !== "default";
   if (parsed.threads.length === 0 && !parsed.currentTask && !parsed.suggestedResponse) {
-    return /* @__PURE__ */ jsx("div", { className: cn("text-muted-foreground text-ui-sm italic", className), children: "No observations" });
+    return /* @__PURE__ */ jsx("div", { className: cn("text-muted-foreground text-caption italic", className), children: "No observations" });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("overflow-hidden text-ui-md", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("overflow-hidden text-body", className), children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -246,12 +246,12 @@ function ObservationRenderer({
       }
     ),
     showCurrentTask && parsed.currentTask && /* @__PURE__ */ jsxs("div", { className: "border-border mt-2 border-t pt-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-ui-xs mb-1 font-medium tracking-wide uppercase", children: "Current Task" }),
-      /* @__PURE__ */ jsx("div", { className: "text-foreground text-ui-sm whitespace-pre-wrap", children: parsed.currentTask })
+      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-meta mb-1 tracking-wide uppercase", children: "Current Task" }),
+      /* @__PURE__ */ jsx("div", { className: "text-foreground text-caption whitespace-pre-wrap", children: parsed.currentTask })
     ] }),
     showSuggestedResponse && parsed.suggestedResponse && /* @__PURE__ */ jsxs("div", { className: "border-border mt-2 border-t pt-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-ui-xs mb-1 font-medium tracking-wide uppercase", children: "Suggested Response" }),
-      /* @__PURE__ */ jsx("div", { className: "text-foreground/80 text-ui-sm whitespace-pre-wrap italic", children: parsed.suggestedResponse })
+      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-meta mb-1 tracking-wide uppercase", children: "Suggested Response" }),
+      /* @__PURE__ */ jsx("div", { className: "text-foreground/80 text-caption whitespace-pre-wrap italic", children: parsed.suggestedResponse })
     ] })
   ] });
 }

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

@@ -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 && 'border-border/50 ml-4 border-l pl-2')}>\n      <div\n        className={cn(\n          'flex items-start gap-1.5 text-ui-sm',\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=\"[&_code]:text-ui-xs flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5\">\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-ui-xs',\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-ui-sm font-medium', useInheritedTextColor ? 'opacity-80' : 'text-foreground')}>\n          {block.date}\n        </span>\n        {block.relativeTime && (\n          <span className={cn('text-ui-xs', 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-ui-xs',\n            useInheritedTextColor ? 'bg-current/10 opacity-60' : 'text-muted-foreground bg-muted/50',\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-muted-foreground text-ui-sm italic', className)}>No observations</div>;\n  }\n\n  return (\n    <div className={cn('overflow-hidden text-ui-md', 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=\"border-border mt-2 border-t pt-2\">\n          <div className=\"text-muted-foreground text-ui-xs mb-1 font-medium tracking-wide uppercase\">Current Task</div>\n          <div className=\"text-foreground text-ui-sm whitespace-pre-wrap\">{parsed.currentTask}</div>\n        </div>\n      )}\n\n      {showSuggestedResponse && parsed.suggestedResponse && (\n        <div className=\"border-border mt-2 border-t pt-2\">\n          <div className=\"text-muted-foreground text-ui-xs mb-1 font-medium tracking-wide uppercase\">\n            Suggested Response\n          </div>\n          <div className=\"text-foreground/80 text-ui-sm whitespace-pre-wrap italic\">{parsed.suggestedResponse}</div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default ObservationRenderer;\n"],"names":[],"mappings":"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"}
+{"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 && 'border-border/50 ml-4 border-l 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=\"[&_code]:text-meta flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5\">\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' : 'text-muted-foreground bg-muted/50',\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-muted-foreground text-caption 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=\"border-border mt-2 border-t pt-2\">\n          <div className=\"text-muted-foreground text-meta mb-1 tracking-wide uppercase\">Current Task</div>\n          <div className=\"text-foreground text-caption whitespace-pre-wrap\">{parsed.currentTask}</div>\n        </div>\n      )}\n\n      {showSuggestedResponse && parsed.suggestedResponse && (\n        <div className=\"border-border mt-2 border-t pt-2\">\n          <div className=\"text-muted-foreground text-meta mb-1 tracking-wide uppercase\">Suggested Response</div>\n          <div className=\"text-foreground/80 text-caption whitespace-pre-wrap italic\">{parsed.suggestedResponse}</div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default ObservationRenderer;\n"],"names":[],"mappings":"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"}

package/dist/domains/chat/tools/badges/tool-approval-buttons.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
-const toolApproval = require('../../../../tool-approval-CYO2CYZz.cjs');
+const toolApproval = require('../../../../tool-approval-Dys524ty.cjs');
 
 const ToolApprovalButtons = ({
   toolCalled,

package/dist/domains/chat/tools/badges/tool-approval-buttons.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { useToolCall } from '../../context/tool-call-context.es.js';
-import { a as ToolApprovalActions } from '../../../../tool-approval-BMPAEwt_.js';
+import { a as ToolApprovalActions } from '../../../../tool-approval-DB82iiRa.js';
 
 const ToolApprovalButtons = ({
   toolCalled,

package/dist/domains/logs/components/log-details-view.cjs.js

@@ -6,11 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-C2dx_QZN.cjs');
-const buttonsGroup = require('../../../buttons-group-yLVV4nzz.cjs');
-const copyButton = require('../../../copy-button-CmQxxSUq.cjs');
+const Button = require('../../../Button-CVewl8nT.cjs');
+const buttonsGroup = require('../../../buttons-group-BiLEV_Ak.cjs');
+const copyButton = require('../../../copy-button-BbDBpBMl.cjs');
 const components_DataDetailsPanel = require('../../../components/DataDetailsPanel.cjs.js');
-const utils_cn = require('../../../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 const KV = components_DataDetailsPanel.DataDetailsPanel.KeyValueList;
 function toDate(value) {
@@ -38,7 +38,7 @@ function LogDetailsView({
         "Log ",
         /* @__PURE__ */ jsxRuntime.jsx("b", { children: dateFns.format(date, "MMM dd, HH:mm:ss.SSS") })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { className: "ml-auto shrink-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
         onCollapsedChange && /* @__PURE__ */ jsxRuntime.jsx(
           Button.Button,
           {
@@ -48,7 +48,7 @@ function LogDetailsView({
             children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDownIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsDownUpIcon, {})
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { spacing: "close", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "md", tooltip: "Previous log", onClick: onPrevious, disabled: !onPrevious, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "md", tooltip: "Next log", onClick: onNext, disabled: !onNext, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, {}) })
         ] }),
@@ -56,9 +56,9 @@ function LogDetailsView({
       ] })
     ] }),
     !collapsed && /* @__PURE__ */ jsxRuntime.jsxs(components_DataDetailsPanel.DataDetailsPanel.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md text-neutral4 font-mono wrap-break-word whitespace-pre-wrap", children: log.message }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-muted-foreground font-mono wrap-break-word whitespace-pre-wrap", children: log.message }),
       (traceId || spanId) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("my-8 grid gap-2", "[&>button]:justify-between [&>button]:overflow-hidden"), children: [
-        traceId && /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { spacing: "close", className: "w-full min-w-0", children: [
+        traceId && /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { className: "w-full min-w-0", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             Button.Button,
             {
@@ -68,7 +68,7 @@ function LogDetailsView({
               onClick: () => onTraceClick?.(traceId),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Trace" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-sm text-neutral2 ml-auto min-w-0 truncate", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-caption text-placeholder ml-auto min-w-0 truncate", children: [
                   "# ",
                   traceId
                 ] })
@@ -77,7 +77,7 @@ function LogDetailsView({
           ),
           /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: traceId, size: "md", tooltip: "Copy Trace ID to clipboard" })
         ] }),
-        spanId && /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { spacing: "close", className: "w-full min-w-0", children: [
+        spanId && /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { className: "w-full min-w-0", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             Button.Button,
             {
@@ -88,7 +88,7 @@ function LogDetailsView({
               icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {}),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Span" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-sm text-neutral2 ml-auto min-w-0 truncate", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-caption text-placeholder ml-auto min-w-0 truncate", children: [
                   "# ",
                   spanId
                 ] })

package/dist/domains/logs/components/log-details-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"log-details-view.cjs.js","sources":["../../../../src/domains/logs/components/log-details-view.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ArrowDownIcon, ArrowRightIcon, ArrowUpIcon, ChevronsDownUpIcon, ChevronsUpDownIcon } from 'lucide-react';\nimport { Fragment, useState } 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 { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\nimport { cn } from '@/lib/utils';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nfunction toDate(value: Date | string): Date {\n  return value instanceof Date ? value : new Date(value);\n}\n\nexport interface LogDetailsViewProps {\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  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n}\n\nexport function LogDetailsView({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  collapsed: controlledCollapsed,\n  onCollapsedChange,\n}: LogDetailsViewProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(false);\n  const collapsed = controlledCollapsed ?? internalCollapsed;\n  const setCollapsed = onCollapsedChange ?? setInternalCollapsed;\n  const date = toDate(log.timestamp);\n  const traceId = log.traceId;\n  const spanId = log.spanId;\n\n  return (\n    <DataDetailsPanel collapsed={collapsed}>\n      <DataDetailsPanel.Header>\n        <DataDetailsPanel.Heading>\n          Log <b>{format(date, 'MMM dd, HH:mm:ss.SSS')}</b>\n        </DataDetailsPanel.Heading>\n        <ButtonsGroup className=\"ml-auto shrink-0\">\n          {onCollapsedChange && (\n            <Button\n              size=\"md\"\n              tooltip={collapsed ? 'Expand panel' : 'Collapse panel'}\n              onClick={() => setCollapsed(!collapsed)}\n            >\n              {collapsed ? <ChevronsUpDownIcon /> : <ChevronsDownUpIcon />}\n            </Button>\n          )}\n\n          <ButtonsGroup spacing=\"close\">\n            <Button size=\"md\" tooltip=\"Previous log\" onClick={onPrevious} disabled={!onPrevious}>\n              <ArrowUpIcon />\n            </Button>\n            <Button size=\"md\" tooltip=\"Next log\" onClick={onNext} disabled={!onNext}>\n              <ArrowDownIcon />\n            </Button>\n          </ButtonsGroup>\n\n          <DataDetailsPanel.CloseButton onClick={onClose} />\n        </ButtonsGroup>\n      </DataDetailsPanel.Header>\n\n      {!collapsed && (\n        <DataDetailsPanel.Content>\n          <p className=\"text-ui-md text-neutral4 font-mono wrap-break-word whitespace-pre-wrap\">{log.message}</p>\n\n          {(traceId || spanId) && (\n            <div className={cn('my-8 grid gap-2', '[&>button]:justify-between [&>button]:overflow-hidden')}>\n              {traceId && (\n                <ButtonsGroup spacing=\"close\" className=\"w-full min-w-0\">\n                  <Button\n                    size=\"md\"\n                    className=\"min-w-0 flex-1 overflow-hidden\"\n                    icon={<ArrowRightIcon />}\n                    onClick={() => onTraceClick?.(traceId)}\n                  >\n                    <span>Trace</span>\n                    <span className=\"text-ui-sm text-neutral2 ml-auto min-w-0 truncate\"># {traceId}</span>\n                  </Button>\n                  <CopyButton content={traceId} size=\"md\" tooltip=\"Copy Trace ID to clipboard\" />\n                </ButtonsGroup>\n              )}\n              {spanId && (\n                <ButtonsGroup spacing=\"close\" className=\"w-full min-w-0\">\n                  <Button\n                    size=\"md\"\n                    className=\"min-w-0 flex-1 overflow-hidden\"\n                    disabled={!traceId || !onSpanClick}\n                    onClick={() => traceId && onSpanClick?.(traceId, spanId)}\n                    icon={<ArrowRightIcon />}\n                  >\n                    <span>Span</span>\n                    <span className=\"text-ui-sm text-neutral2 ml-auto min-w-0 truncate\"># {spanId}</span>\n                  </Button>\n                  <CopyButton content={spanId} size=\"md\" tooltip=\"Copy Span ID to clipboard\" />\n                </ButtonsGroup>\n              )}\n            </div>\n          )}\n\n          <KV className=\"mb-6\">\n            {log.entityType && (\n              <>\n                <KV.Key>Entity Type</KV.Key>\n                <KV.Value>{log.entityType}</KV.Value>\n              </>\n            )}\n            {log.entityName && (\n              <>\n                <KV.Key>Entity Name</KV.Key>\n                <KV.Value>{log.entityName}</KV.Value>\n              </>\n            )}\n            {log.serviceName && (\n              <>\n                <KV.Key>Service</KV.Key>\n                <KV.Value>{log.serviceName}</KV.Value>\n              </>\n            )}\n            {log.environment && (\n              <>\n                <KV.Key>Environment</KV.Key>\n                <KV.Value>{log.environment}</KV.Value>\n              </>\n            )}\n            {log.source && (\n              <>\n                <KV.Key>Source</KV.Key>\n                <KV.Value>{log.source}</KV.Value>\n              </>\n            )}\n            {log.metadata && Object.keys(log.metadata).length > 0 && (\n              <>\n                {Object.entries(log.metadata).map(([key, value]) => (\n                  <Fragment key={key}>\n                    <KV.Key>{key}</KV.Key>\n                    <KV.Value>{String(value)}</KV.Value>\n                  </Fragment>\n                ))}\n              </>\n            )}\n          </KV>\n\n          {log.data && Object.keys(log.data).length > 0 && (\n            <DataDetailsPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} className=\"mt-6\" />\n          )}\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":["DataDetailsPanel","useState","jsxs","jsx","format","ButtonsGroup","Button","ChevronsUpDownIcon","ChevronsDownUpIcon","ArrowUpIcon","ArrowDownIcon","cn","ArrowRightIcon","CopyButton","Fragment"],"mappings":"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"}
+{"version":3,"file":"log-details-view.cjs.js","sources":["../../../../src/domains/logs/components/log-details-view.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ArrowDownIcon, ArrowRightIcon, ArrowUpIcon, ChevronsDownUpIcon, ChevronsUpDownIcon } from 'lucide-react';\nimport { Fragment, useState } 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 { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\nimport { cn } from '@/lib/utils';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nfunction toDate(value: Date | string): Date {\n  return value instanceof Date ? value : new Date(value);\n}\n\nexport interface LogDetailsViewProps {\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  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n}\n\nexport function LogDetailsView({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  collapsed: controlledCollapsed,\n  onCollapsedChange,\n}: LogDetailsViewProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(false);\n  const collapsed = controlledCollapsed ?? internalCollapsed;\n  const setCollapsed = onCollapsedChange ?? setInternalCollapsed;\n  const date = toDate(log.timestamp);\n  const traceId = log.traceId;\n  const spanId = log.spanId;\n\n  return (\n    <DataDetailsPanel collapsed={collapsed}>\n      <DataDetailsPanel.Header>\n        <DataDetailsPanel.Heading>\n          Log <b>{format(date, 'MMM dd, HH:mm:ss.SSS')}</b>\n        </DataDetailsPanel.Heading>\n        <div className=\"ml-auto flex shrink-0 items-center gap-2\">\n          {onCollapsedChange && (\n            <Button\n              size=\"md\"\n              tooltip={collapsed ? 'Expand panel' : 'Collapse panel'}\n              onClick={() => setCollapsed(!collapsed)}\n            >\n              {collapsed ? <ChevronsUpDownIcon /> : <ChevronsDownUpIcon />}\n            </Button>\n          )}\n\n          <ButtonsGroup>\n            <Button size=\"md\" tooltip=\"Previous log\" onClick={onPrevious} disabled={!onPrevious}>\n              <ArrowUpIcon />\n            </Button>\n            <Button size=\"md\" tooltip=\"Next log\" onClick={onNext} disabled={!onNext}>\n              <ArrowDownIcon />\n            </Button>\n          </ButtonsGroup>\n\n          <DataDetailsPanel.CloseButton onClick={onClose} />\n        </div>\n      </DataDetailsPanel.Header>\n\n      {!collapsed && (\n        <DataDetailsPanel.Content>\n          <p className=\"text-body text-muted-foreground font-mono wrap-break-word whitespace-pre-wrap\">{log.message}</p>\n\n          {(traceId || spanId) && (\n            <div className={cn('my-8 grid gap-2', '[&>button]:justify-between [&>button]:overflow-hidden')}>\n              {traceId && (\n                <ButtonsGroup className=\"w-full min-w-0\">\n                  <Button\n                    size=\"md\"\n                    className=\"min-w-0 flex-1 overflow-hidden\"\n                    icon={<ArrowRightIcon />}\n                    onClick={() => onTraceClick?.(traceId)}\n                  >\n                    <span>Trace</span>\n                    <span className=\"text-caption text-placeholder ml-auto min-w-0 truncate\"># {traceId}</span>\n                  </Button>\n                  <CopyButton content={traceId} size=\"md\" tooltip=\"Copy Trace ID to clipboard\" />\n                </ButtonsGroup>\n              )}\n              {spanId && (\n                <ButtonsGroup className=\"w-full min-w-0\">\n                  <Button\n                    size=\"md\"\n                    className=\"min-w-0 flex-1 overflow-hidden\"\n                    disabled={!traceId || !onSpanClick}\n                    onClick={() => traceId && onSpanClick?.(traceId, spanId)}\n                    icon={<ArrowRightIcon />}\n                  >\n                    <span>Span</span>\n                    <span className=\"text-caption text-placeholder ml-auto min-w-0 truncate\"># {spanId}</span>\n                  </Button>\n                  <CopyButton content={spanId} size=\"md\" tooltip=\"Copy Span ID to clipboard\" />\n                </ButtonsGroup>\n              )}\n            </div>\n          )}\n\n          <KV className=\"mb-6\">\n            {log.entityType && (\n              <>\n                <KV.Key>Entity Type</KV.Key>\n                <KV.Value>{log.entityType}</KV.Value>\n              </>\n            )}\n            {log.entityName && (\n              <>\n                <KV.Key>Entity Name</KV.Key>\n                <KV.Value>{log.entityName}</KV.Value>\n              </>\n            )}\n            {log.serviceName && (\n              <>\n                <KV.Key>Service</KV.Key>\n                <KV.Value>{log.serviceName}</KV.Value>\n              </>\n            )}\n            {log.environment && (\n              <>\n                <KV.Key>Environment</KV.Key>\n                <KV.Value>{log.environment}</KV.Value>\n              </>\n            )}\n            {log.source && (\n              <>\n                <KV.Key>Source</KV.Key>\n                <KV.Value>{log.source}</KV.Value>\n              </>\n            )}\n            {log.metadata && Object.keys(log.metadata).length > 0 && (\n              <>\n                {Object.entries(log.metadata).map(([key, value]) => (\n                  <Fragment key={key}>\n                    <KV.Key>{key}</KV.Key>\n                    <KV.Value>{String(value)}</KV.Value>\n                  </Fragment>\n                ))}\n              </>\n            )}\n          </KV>\n\n          {log.data && Object.keys(log.data).length > 0 && (\n            <DataDetailsPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} className=\"mt-6\" />\n          )}\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":["DataDetailsPanel","useState","jsxs","jsx","format","Button","ChevronsUpDownIcon","ChevronsDownUpIcon","ButtonsGroup","ArrowUpIcon","ArrowDownIcon","cn","ArrowRightIcon","CopyButton","Fragment"],"mappings":"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"}

package/dist/domains/logs/components/log-details-view.es.js

@@ -2,11 +2,11 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { format } from 'date-fns';
 import { ChevronsUpDownIcon, ChevronsDownUpIcon, ArrowUpIcon, ArrowDownIcon, ArrowRightIcon } from 'lucide-react';
 import { useState, Fragment as Fragment$1 } from 'react';
-import { B as Button } from '../../../Button-DS6O6fvU.js';
-import { B as ButtonsGroup } from '../../../buttons-group-t7AODlO9.js';
-import { C as CopyButton } from '../../../copy-button-DIeDskPU.js';
+import { B as Button } from '../../../Button-cWcBEd-G.js';
+import { B as ButtonsGroup } from '../../../buttons-group-CaA7KAWf.js';
+import { C as CopyButton } from '../../../copy-button-2cwdZ3dW.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
-import { c as cn } from '../../../cn-C6s2yXwM.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
 
 const KV = DataDetailsPanel.KeyValueList;
 function toDate(value) {
@@ -34,7 +34,7 @@ function LogDetailsView({
         "Log ",
         /* @__PURE__ */ jsx("b", { children: format(date, "MMM dd, HH:mm:ss.SSS") })
       ] }),
-      /* @__PURE__ */ jsxs(ButtonsGroup, { className: "ml-auto shrink-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
         onCollapsedChange && /* @__PURE__ */ jsx(
           Button,
           {
@@ -44,7 +44,7 @@ function LogDetailsView({
             children: collapsed ? /* @__PURE__ */ jsx(ChevronsUpDownIcon, {}) : /* @__PURE__ */ jsx(ChevronsDownUpIcon, {})
           }
         ),
-        /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", children: [
+        /* @__PURE__ */ jsxs(ButtonsGroup, { children: [
           /* @__PURE__ */ jsx(Button, { size: "md", tooltip: "Previous log", onClick: onPrevious, disabled: !onPrevious, children: /* @__PURE__ */ jsx(ArrowUpIcon, {}) }),
           /* @__PURE__ */ jsx(Button, { size: "md", tooltip: "Next log", onClick: onNext, disabled: !onNext, children: /* @__PURE__ */ jsx(ArrowDownIcon, {}) })
         ] }),
@@ -52,9 +52,9 @@ function LogDetailsView({
       ] })
     ] }),
     !collapsed && /* @__PURE__ */ jsxs(DataDetailsPanel.Content, { children: [
-      /* @__PURE__ */ jsx("p", { className: "text-ui-md text-neutral4 font-mono wrap-break-word whitespace-pre-wrap", children: log.message }),
+      /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground font-mono wrap-break-word whitespace-pre-wrap", children: log.message }),
       (traceId || spanId) && /* @__PURE__ */ jsxs("div", { className: cn("my-8 grid gap-2", "[&>button]:justify-between [&>button]:overflow-hidden"), children: [
-        traceId && /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", className: "w-full min-w-0", children: [
+        traceId && /* @__PURE__ */ jsxs(ButtonsGroup, { className: "w-full min-w-0", children: [
           /* @__PURE__ */ jsxs(
             Button,
             {
@@ -64,7 +64,7 @@ function LogDetailsView({
               onClick: () => onTraceClick?.(traceId),
               children: [
                 /* @__PURE__ */ jsx("span", { children: "Trace" }),
-                /* @__PURE__ */ jsxs("span", { className: "text-ui-sm text-neutral2 ml-auto min-w-0 truncate", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-caption text-placeholder ml-auto min-w-0 truncate", children: [
                   "# ",
                   traceId
                 ] })
@@ -73,7 +73,7 @@ function LogDetailsView({
           ),
           /* @__PURE__ */ jsx(CopyButton, { content: traceId, size: "md", tooltip: "Copy Trace ID to clipboard" })
         ] }),
-        spanId && /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", className: "w-full min-w-0", children: [
+        spanId && /* @__PURE__ */ jsxs(ButtonsGroup, { className: "w-full min-w-0", children: [
           /* @__PURE__ */ jsxs(
             Button,
             {
@@ -84,7 +84,7 @@ function LogDetailsView({
               icon: /* @__PURE__ */ jsx(ArrowRightIcon, {}),
               children: [
                 /* @__PURE__ */ jsx("span", { children: "Span" }),
-                /* @__PURE__ */ jsxs("span", { className: "text-ui-sm text-neutral2 ml-auto min-w-0 truncate", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-caption text-placeholder ml-auto min-w-0 truncate", children: [
                   "# ",
                   spanId
                 ] })

package/dist/domains/logs/components/log-details-view.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"log-details-view.es.js","sources":["../../../../src/domains/logs/components/log-details-view.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ArrowDownIcon, ArrowRightIcon, ArrowUpIcon, ChevronsDownUpIcon, ChevronsUpDownIcon } from 'lucide-react';\nimport { Fragment, useState } 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 { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\nimport { cn } from '@/lib/utils';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nfunction toDate(value: Date | string): Date {\n  return value instanceof Date ? value : new Date(value);\n}\n\nexport interface LogDetailsViewProps {\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  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n}\n\nexport function LogDetailsView({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  collapsed: controlledCollapsed,\n  onCollapsedChange,\n}: LogDetailsViewProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(false);\n  const collapsed = controlledCollapsed ?? internalCollapsed;\n  const setCollapsed = onCollapsedChange ?? setInternalCollapsed;\n  const date = toDate(log.timestamp);\n  const traceId = log.traceId;\n  const spanId = log.spanId;\n\n  return (\n    <DataDetailsPanel collapsed={collapsed}>\n      <DataDetailsPanel.Header>\n        <DataDetailsPanel.Heading>\n          Log <b>{format(date, 'MMM dd, HH:mm:ss.SSS')}</b>\n        </DataDetailsPanel.Heading>\n        <ButtonsGroup className=\"ml-auto shrink-0\">\n          {onCollapsedChange && (\n            <Button\n              size=\"md\"\n              tooltip={collapsed ? 'Expand panel' : 'Collapse panel'}\n              onClick={() => setCollapsed(!collapsed)}\n            >\n              {collapsed ? <ChevronsUpDownIcon /> : <ChevronsDownUpIcon />}\n            </Button>\n          )}\n\n          <ButtonsGroup spacing=\"close\">\n            <Button size=\"md\" tooltip=\"Previous log\" onClick={onPrevious} disabled={!onPrevious}>\n              <ArrowUpIcon />\n            </Button>\n            <Button size=\"md\" tooltip=\"Next log\" onClick={onNext} disabled={!onNext}>\n              <ArrowDownIcon />\n            </Button>\n          </ButtonsGroup>\n\n          <DataDetailsPanel.CloseButton onClick={onClose} />\n        </ButtonsGroup>\n      </DataDetailsPanel.Header>\n\n      {!collapsed && (\n        <DataDetailsPanel.Content>\n          <p className=\"text-ui-md text-neutral4 font-mono wrap-break-word whitespace-pre-wrap\">{log.message}</p>\n\n          {(traceId || spanId) && (\n            <div className={cn('my-8 grid gap-2', '[&>button]:justify-between [&>button]:overflow-hidden')}>\n              {traceId && (\n                <ButtonsGroup spacing=\"close\" className=\"w-full min-w-0\">\n                  <Button\n                    size=\"md\"\n                    className=\"min-w-0 flex-1 overflow-hidden\"\n                    icon={<ArrowRightIcon />}\n                    onClick={() => onTraceClick?.(traceId)}\n                  >\n                    <span>Trace</span>\n                    <span className=\"text-ui-sm text-neutral2 ml-auto min-w-0 truncate\"># {traceId}</span>\n                  </Button>\n                  <CopyButton content={traceId} size=\"md\" tooltip=\"Copy Trace ID to clipboard\" />\n                </ButtonsGroup>\n              )}\n              {spanId && (\n                <ButtonsGroup spacing=\"close\" className=\"w-full min-w-0\">\n                  <Button\n                    size=\"md\"\n                    className=\"min-w-0 flex-1 overflow-hidden\"\n                    disabled={!traceId || !onSpanClick}\n                    onClick={() => traceId && onSpanClick?.(traceId, spanId)}\n                    icon={<ArrowRightIcon />}\n                  >\n                    <span>Span</span>\n                    <span className=\"text-ui-sm text-neutral2 ml-auto min-w-0 truncate\"># {spanId}</span>\n                  </Button>\n                  <CopyButton content={spanId} size=\"md\" tooltip=\"Copy Span ID to clipboard\" />\n                </ButtonsGroup>\n              )}\n            </div>\n          )}\n\n          <KV className=\"mb-6\">\n            {log.entityType && (\n              <>\n                <KV.Key>Entity Type</KV.Key>\n                <KV.Value>{log.entityType}</KV.Value>\n              </>\n            )}\n            {log.entityName && (\n              <>\n                <KV.Key>Entity Name</KV.Key>\n                <KV.Value>{log.entityName}</KV.Value>\n              </>\n            )}\n            {log.serviceName && (\n              <>\n                <KV.Key>Service</KV.Key>\n                <KV.Value>{log.serviceName}</KV.Value>\n              </>\n            )}\n            {log.environment && (\n              <>\n                <KV.Key>Environment</KV.Key>\n                <KV.Value>{log.environment}</KV.Value>\n              </>\n            )}\n            {log.source && (\n              <>\n                <KV.Key>Source</KV.Key>\n                <KV.Value>{log.source}</KV.Value>\n              </>\n            )}\n            {log.metadata && Object.keys(log.metadata).length > 0 && (\n              <>\n                {Object.entries(log.metadata).map(([key, value]) => (\n                  <Fragment key={key}>\n                    <KV.Key>{key}</KV.Key>\n                    <KV.Value>{String(value)}</KV.Value>\n                  </Fragment>\n                ))}\n              </>\n            )}\n          </KV>\n\n          {log.data && Object.keys(log.data).length > 0 && (\n            <DataDetailsPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} className=\"mt-6\" />\n          )}\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"log-details-view.es.js","sources":["../../../../src/domains/logs/components/log-details-view.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ArrowDownIcon, ArrowRightIcon, ArrowUpIcon, ChevronsDownUpIcon, ChevronsUpDownIcon } from 'lucide-react';\nimport { Fragment, useState } 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 { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\nimport { cn } from '@/lib/utils';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nfunction toDate(value: Date | string): Date {\n  return value instanceof Date ? value : new Date(value);\n}\n\nexport interface LogDetailsViewProps {\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  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n}\n\nexport function LogDetailsView({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  collapsed: controlledCollapsed,\n  onCollapsedChange,\n}: LogDetailsViewProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(false);\n  const collapsed = controlledCollapsed ?? internalCollapsed;\n  const setCollapsed = onCollapsedChange ?? setInternalCollapsed;\n  const date = toDate(log.timestamp);\n  const traceId = log.traceId;\n  const spanId = log.spanId;\n\n  return (\n    <DataDetailsPanel collapsed={collapsed}>\n      <DataDetailsPanel.Header>\n        <DataDetailsPanel.Heading>\n          Log <b>{format(date, 'MMM dd, HH:mm:ss.SSS')}</b>\n        </DataDetailsPanel.Heading>\n        <div className=\"ml-auto flex shrink-0 items-center gap-2\">\n          {onCollapsedChange && (\n            <Button\n              size=\"md\"\n              tooltip={collapsed ? 'Expand panel' : 'Collapse panel'}\n              onClick={() => setCollapsed(!collapsed)}\n            >\n              {collapsed ? <ChevronsUpDownIcon /> : <ChevronsDownUpIcon />}\n            </Button>\n          )}\n\n          <ButtonsGroup>\n            <Button size=\"md\" tooltip=\"Previous log\" onClick={onPrevious} disabled={!onPrevious}>\n              <ArrowUpIcon />\n            </Button>\n            <Button size=\"md\" tooltip=\"Next log\" onClick={onNext} disabled={!onNext}>\n              <ArrowDownIcon />\n            </Button>\n          </ButtonsGroup>\n\n          <DataDetailsPanel.CloseButton onClick={onClose} />\n        </div>\n      </DataDetailsPanel.Header>\n\n      {!collapsed && (\n        <DataDetailsPanel.Content>\n          <p className=\"text-body text-muted-foreground font-mono wrap-break-word whitespace-pre-wrap\">{log.message}</p>\n\n          {(traceId || spanId) && (\n            <div className={cn('my-8 grid gap-2', '[&>button]:justify-between [&>button]:overflow-hidden')}>\n              {traceId && (\n                <ButtonsGroup className=\"w-full min-w-0\">\n                  <Button\n                    size=\"md\"\n                    className=\"min-w-0 flex-1 overflow-hidden\"\n                    icon={<ArrowRightIcon />}\n                    onClick={() => onTraceClick?.(traceId)}\n                  >\n                    <span>Trace</span>\n                    <span className=\"text-caption text-placeholder ml-auto min-w-0 truncate\"># {traceId}</span>\n                  </Button>\n                  <CopyButton content={traceId} size=\"md\" tooltip=\"Copy Trace ID to clipboard\" />\n                </ButtonsGroup>\n              )}\n              {spanId && (\n                <ButtonsGroup className=\"w-full min-w-0\">\n                  <Button\n                    size=\"md\"\n                    className=\"min-w-0 flex-1 overflow-hidden\"\n                    disabled={!traceId || !onSpanClick}\n                    onClick={() => traceId && onSpanClick?.(traceId, spanId)}\n                    icon={<ArrowRightIcon />}\n                  >\n                    <span>Span</span>\n                    <span className=\"text-caption text-placeholder ml-auto min-w-0 truncate\"># {spanId}</span>\n                  </Button>\n                  <CopyButton content={spanId} size=\"md\" tooltip=\"Copy Span ID to clipboard\" />\n                </ButtonsGroup>\n              )}\n            </div>\n          )}\n\n          <KV className=\"mb-6\">\n            {log.entityType && (\n              <>\n                <KV.Key>Entity Type</KV.Key>\n                <KV.Value>{log.entityType}</KV.Value>\n              </>\n            )}\n            {log.entityName && (\n              <>\n                <KV.Key>Entity Name</KV.Key>\n                <KV.Value>{log.entityName}</KV.Value>\n              </>\n            )}\n            {log.serviceName && (\n              <>\n                <KV.Key>Service</KV.Key>\n                <KV.Value>{log.serviceName}</KV.Value>\n              </>\n            )}\n            {log.environment && (\n              <>\n                <KV.Key>Environment</KV.Key>\n                <KV.Value>{log.environment}</KV.Value>\n              </>\n            )}\n            {log.source && (\n              <>\n                <KV.Key>Source</KV.Key>\n                <KV.Value>{log.source}</KV.Value>\n              </>\n            )}\n            {log.metadata && Object.keys(log.metadata).length > 0 && (\n              <>\n                {Object.entries(log.metadata).map(([key, value]) => (\n                  <Fragment key={key}>\n                    <KV.Key>{key}</KV.Key>\n                    <KV.Value>{String(value)}</KV.Value>\n                  </Fragment>\n                ))}\n              </>\n            )}\n          </KV>\n\n          {log.data && Object.keys(log.data).length > 0 && (\n            <DataDetailsPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} className=\"mt-6\" />\n          )}\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":["Fragment"],"mappings":";;;;;;;;;;AAUA,MAAM,KAAK,gBAAA,CAAiB,YAAA;AAE5B,SAAS,OAAO,KAAA,EAA4B;AAC1C,EAAA,OAAO,KAAA,YAAiB,IAAA,GAAO,KAAA,GAAQ,IAAI,KAAK,KAAK,CAAA;AACvD;AAaO,SAAS,cAAA,CAAe;AAAA,EAC7B,GAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,EAAW,mBAAA;AAAA,EACX;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAChE,EAAA,MAAM,YAAY,mBAAA,IAAuB,iBAAA;AACzC,EAAA,MAAM,eAAe,iBAAA,IAAqB,oBAAA;AAC1C,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,GAAA,CAAI,SAAS,CAAA;AACjC,EAAA,MAAM,UAAU,GAAA,CAAI,OAAA;AACpB,EAAA,MAAM,SAAS,GAAA,CAAI,MAAA;AAEnB,EAAA,uBACE,IAAA,CAAC,oBAAiB,SAAA,EAChB,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,gBAAA,CAAiB,QAAjB,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,gBAAA,CAAiB,SAAjB,EAAyB,QAAA,EAAA;AAAA,QAAA,MAAA;AAAA,wBACpB,GAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,MAAA,CAAO,IAAA,EAAM,sBAAsB,CAAA,EAAE;AAAA,OAAA,EAC/C,CAAA;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,iBAAA,oBACC,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,IAAA;AAAA,YACL,OAAA,EAAS,YAAY,cAAA,GAAiB,gBAAA;AAAA,YACtC,OAAA,EAAS,MAAM,YAAA,CAAa,CAAC,SAAS,CAAA;AAAA,YAErC,QAAA,EAAA,SAAA,mBAAY,GAAA,CAAC,kBAAA,EAAA,EAAmB,CAAA,uBAAM,kBAAA,EAAA,EAAmB;AAAA;AAAA,SAC5D;AAAA,6BAGD,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAS,UAAA,EAAY,QAAA,EAAU,CAAC,UAAA,EACvE,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,EACf,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,UAAA,EAAW,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAU,CAAC,MAAA,EAC/D,QAAA,kBAAA,GAAA,CAAC,iBAAc,CAAA,EACjB;AAAA,SAAA,EACF,CAAA;AAAA,wBAEA,GAAA,CAAC,gBAAA,CAAiB,WAAA,EAAjB,EAA6B,SAAS,OAAA,EAAS;AAAA,OAAA,EAClD;AAAA,KAAA,EACF,CAAA;AAAA,IAEC,CAAC,SAAA,oBACA,IAAA,CAAC,gBAAA,CAAiB,SAAjB,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+EAAA,EAAiF,QAAA,EAAA,GAAA,CAAI,OAAA,EAAQ,CAAA;AAAA,MAAA,CAExG,OAAA,IAAW,2BACX,IAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,iBAAA,EAAmB,uDAAuD,CAAA,EAC1F,QAAA,EAAA;AAAA,QAAA,OAAA,oBACC,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,gBAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,IAAA;AAAA,cACL,SAAA,EAAU,gCAAA;AAAA,cACV,IAAA,sBAAO,cAAA,EAAA,EAAe,CAAA;AAAA,cACtB,OAAA,EAAS,MAAM,YAAA,GAAe,OAAO,CAAA;AAAA,cAErC,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;AAAA,iBAAA,EAAQ;AAAA;AAAA;AAAA,WACtF;AAAA,8BACC,UAAA,EAAA,EAAW,OAAA,EAAS,SAAS,IAAA,EAAK,IAAA,EAAK,SAAQ,4BAAA,EAA6B;AAAA,SAAA,EAC/E,CAAA;AAAA,QAED,MAAA,oBACC,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,gBAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,IAAA;AAAA,cACL,SAAA,EAAU,gCAAA;AAAA,cACV,QAAA,EAAU,CAAC,OAAA,IAAW,CAAC,WAAA;AAAA,cACvB,OAAA,EAAS,MAAM,OAAA,IAAW,WAAA,GAAc,SAAS,MAAM,CAAA;AAAA,cACvD,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;AAAA,iBAAA,EAAO;AAAA;AAAA;AAAA,WACrF;AAAA,8BACC,UAAA,EAAA,EAAW,OAAA,EAAS,QAAQ,IAAA,EAAK,IAAA,EAAK,SAAQ,2BAAA,EAA4B;AAAA,SAAA,EAC7E;AAAA,OAAA,EAEJ,CAAA;AAAA,sBAGF,IAAA,CAAC,EAAA,EAAA,EAAG,SAAA,EAAU,MAAA,EACX,QAAA,EAAA;AAAA,QAAA,GAAA,CAAI,8BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,EAAA,CAAG,GAAA,EAAH,EAAO,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BACnB,GAAA,CAAC,EAAA,CAAG,KAAA,EAAH,EAAU,cAAI,UAAA,EAAW;AAAA,SAAA,EAC5B,CAAA;AAAA,QAED,GAAA,CAAI,8BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,EAAA,CAAG,GAAA,EAAH,EAAO,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BACnB,GAAA,CAAC,EAAA,CAAG,KAAA,EAAH,EAAU,cAAI,UAAA,EAAW;AAAA,SAAA,EAC5B,CAAA;AAAA,QAED,GAAA,CAAI,+BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,EAAA,CAAG,GAAA,EAAH,EAAO,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BACf,GAAA,CAAC,EAAA,CAAG,KAAA,EAAH,EAAU,cAAI,WAAA,EAAY;AAAA,SAAA,EAC7B,CAAA;AAAA,QAED,GAAA,CAAI,+BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,EAAA,CAAG,GAAA,EAAH,EAAO,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BACnB,GAAA,CAAC,EAAA,CAAG,KAAA,EAAH,EAAU,cAAI,WAAA,EAAY;AAAA,SAAA,EAC7B,CAAA;AAAA,QAED,GAAA,CAAI,0BACH,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,EAAA,CAAG,GAAA,EAAH,EAAO,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,0BACd,GAAA,CAAC,EAAA,CAAG,KAAA,EAAH,EAAU,cAAI,MAAA,EAAO;AAAA,SAAA,EACxB,CAAA;AAAA,QAED,GAAA,CAAI,YAAY,MAAA,CAAO,IAAA,CAAK,IAAI,QAAQ,CAAA,CAAE,MAAA,GAAS,CAAA,oBAClD,GAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,MAAA,CAAO,QAAQ,GAAA,CAAI,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAC,KAAK,KAAK,CAAA,qBAC5C,IAAA,CAACA,UAAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,EAAA,CAAG,GAAA,EAAH,EAAQ,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,8BACZ,EAAA,CAAG,KAAA,EAAH,EAAU,QAAA,EAAA,MAAA,CAAO,KAAK,CAAA,EAAE;AAAA,SAAA,EAAA,EAFZ,GAGf,CACD,CAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,MAEC,GAAA,CAAI,IAAA,IAAQ,MAAA,CAAO,IAAA,CAAK,GAAA,CAAI,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,oBAC1C,GAAA,CAAC,gBAAA,CAAiB,WAAA,EAAjB,EAA6B,KAAA,EAAM,MAAA,EAAO,OAAA,EAAS,IAAA,CAAK,SAAA,CAAU,GAAA,CAAI,MAAM,IAAA,EAAM,CAAC,CAAA,EAAG,SAAA,EAAU,MAAA,EAAO;AAAA,KAAA,EAE5G;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}