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

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

@@ -1,24 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-DdD4LqK4.js';
+import { observationPriorityTone, observationPriorityByEmoji } from '../../../memory/lib/observation-priority.es.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-Bl0V7FCo.js';
 import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
-const PRIORITY_COLORS = {
-  "🔴": "text-foreground",
-  "🟡": "text-foreground",
-  "🟢": "text-foreground"
-};
-const PRIORITY_BG = {
-  "🔴": "bg-purple-500/15",
-  "🟡": "bg-blue-500/15",
-  "🟢": "bg-green-500/15"
-};
-const PRIORITY_BORDER = {
-  "🔴": "border-l-purple-500",
-  "🟡": "border-l-blue-500",
-  "🟢": "border-l-green-500"
-};
 function parseObservationLine(line, isNested = false) {
   const trimmed = line.trim();
   if (!trimmed) return null;
@@ -140,9 +126,9 @@ function ObservationItem({
   observation,
   useInheritedTextColor
 }) {
-  const priorityColor = useInheritedTextColor ? "" : observation.priority ? PRIORITY_COLORS[observation.priority] : "text-muted-foreground";
-  const bgColor = useInheritedTextColor ? "" : observation.priority ? PRIORITY_BG[observation.priority] : "";
-  const borderColor = observation.priority ? PRIORITY_BORDER[observation.priority] : "border-l-transparent";
+  const priorityColor = useInheritedTextColor ? "" : observation.priority ? "text-foreground" : "text-muted-foreground";
+  const bgColor = useInheritedTextColor ? "" : observation.priority ? observationPriorityTone[observationPriorityByEmoji[observation.priority]].fill : "";
+  const borderColor = observation.priority ? observationPriorityTone[observationPriorityByEmoji[observation.priority]].accentBorder : "border-l-transparent";
   return /* @__PURE__ */ jsxs("div", { className: cn("py-0.5", observation.isNested && "ml-4 border-l border-border/50 pl-2"), children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -155,7 +141,7 @@ function ObservationItem({
         ),
         children: [
           observation.isNested && /* @__PURE__ */ jsx("span", { className: cn("shrink-0", useInheritedTextColor ? "opacity-60" : "text-muted-foreground"), children: "→" }),
-          /* @__PURE__ */ jsx("span", { className: "flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: priorityColor, children: observation.content }) }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: priorityColor, children: observation.content }) }),
           observation.time && /* @__PURE__ */ jsx(
             Txt,
             {

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

package/dist/domains/chat/tools/badges/sandbox-execution-badge.cjs.js

@@ -3,79 +3,32 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
 const React = require('react');
+const domains_chat_tools_badges_workspaceDataParts = require('./workspace-data-parts.cjs.js');
+const domains_chat_tools_badges_workspaceLink = require('./workspace-link.cjs.js');
+const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
+const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const domains_chat_tools_workspaceToolConstants = require('../workspace-tool-constants.cjs.js');
-const Badge = require('../../../../Badge-DFNxcz-r.cjs');
-const Button = require('../../../../Button-CIwF6NHM.cjs');
+const activity = require('../../../../activity-8egTNbaI.cjs');
+const toolCallMono = require('../../../../tool-call-mono-DFSfVZ6E.cjs');
+const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
 const Txt = require('../../../../Txt-DPmEpNbp.cjs');
-const icons_Icon = require('../../../../icons/Icon.cjs.js');
-const hooks_useCopyToClipboard = require('../../../../hooks/use-copy-to-clipboard.cjs.js');
 const hooks_useElapsedTime = require('../../../../hooks/use-elapsed-time.cjs.js');
-const lib_framework = require('../../../../lib/framework.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 const utils_duration = require('../../../../utils/duration.cjs.js');
 
-const getStatusColor = (status) => {
-  switch (status) {
-    case "running":
-      return "bg-green-500";
-    case "starting":
-    case "initializing":
-      return "bg-yellow-500";
-    case "stopped":
-    case "paused":
-      return "bg-muted-foreground";
-    case "error":
-    case "failed":
-      return "bg-red-500";
-    default:
-      return "bg-accent6";
-  }
+const SANDBOX_STATUS_DOT = {
+  running: "bg-success-indicator",
+  starting: "bg-warning-indicator",
+  initializing: "bg-warning-indicator",
+  stopped: "bg-muted-foreground",
+  paused: "bg-muted-foreground",
+  error: "bg-destructive-indicator",
+  failed: "bg-destructive-indicator"
 };
-const TerminalBlock = ({ command, content, maxHeight = "20rem", onCopy, isCopied }) => {
-  const contentRef = React.useRef(null);
-  React.useEffect(() => {
-    if (contentRef.current) {
-      contentRef.current.scrollTop = contentRef.current.scrollHeight;
-    }
-  }, [content]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
-    command && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-card px-3 py-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-caption text-foreground", children: "$" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "ink", font: "mono", className: "truncate", children: command })
-      ] }),
-      onCopy && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "default", size: "icon-sm", tooltip: "Copy output", onClick: onCopy, className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "grid", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            style: { gridArea: "1/1" },
-            className: utils_cn.cn("transition-transform", isCopied ? "scale-100" : "scale-0"),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { size: 14 })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            style: { gridArea: "1/1" },
-            className: utils_cn.cn("transition-transform", isCopied ? "scale-0" : "scale-100"),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { size: 14 })
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "pre",
-      {
-        ref: contentRef,
-        style: { maxHeight },
-        className: "overflow-auto bg-black p-3 text-body whitespace-pre-wrap text-neutral-300",
-        children: content || /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground italic", children: "No output" })
-      }
-    )
-  ] });
+const ExitStatus = ({ exit }) => {
+  if (exit.exitCode === void 0 || exit.success) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", className: exit.killed ? "text-warning-indicator" : "text-destructive-indicator", children: exit.killed ? "killed" : `exit ${exit.exitCode}` });
 };
 const SandboxExecutionBadge = ({
   toolName,
@@ -86,109 +39,82 @@ const SandboxExecutionBadge = ({
   toolApprovalMetadata,
   isNetwork,
   toolCalled: toolCalledProp,
-  dataParts: dataPartsProp
+  dataParts,
+  status = "idle"
 }) => {
-  const dataParts = React.useMemo(() => {
-    return (dataPartsProp ?? []).filter((part) => part.type === "data");
-  }, [dataPartsProp]);
-  const [isCollapsed, setIsCollapsed] = React.useState(false);
-  const { isCopied, copyToClipboard } = hooks_useCopyToClipboard.useCopyToClipboard({ copiedDuration: 1500, showToast: false });
-  const { Link } = lib_framework.useLinkComponent();
-  const commandChunk = dataParts.find(
-    (chunk) => chunk.name === "sandbox-command" && chunk.data?.toolCallId === toolCallId
-  );
-  let commandDisplay = "";
-  try {
-    const parsedArgs = typeof args === "object" ? args : JSON.parse(args);
-    if (toolName === domains_chat_tools_workspaceToolConstants.WORKSPACE_TOOLS.SANDBOX.EXECUTE_COMMAND) {
-      commandDisplay = parsedArgs.command || "";
-    } else if (toolName === domains_chat_tools_workspaceToolConstants.WORKSPACE_TOOLS.SANDBOX.GET_PROCESS_OUTPUT || toolName === domains_chat_tools_workspaceToolConstants.WORKSPACE_TOOLS.SANDBOX.KILL_PROCESS) {
-      const cmd = commandChunk?.data?.command;
-      commandDisplay = cmd || `PID ${parsedArgs.pid}`;
-    }
-  } catch {
-    commandDisplay = toolName;
-  }
-  const sandboxChunks = dataParts.filter(
-    (chunk) => (chunk.name === "sandbox-stdout" || chunk.name === "sandbox-stderr") && chunk.data?.toolCallId === toolCallId
-  );
-  const workspaceMetaPart = dataParts.find(
-    (chunk) => chunk.name === "workspace-metadata" && chunk.data?.toolCallId === toolCallId
+  const outputRef = React.useRef(null);
+  const { icon: ToolIcon, label, detail, description, command } = toolPresentation.presentTool(toolName, domains_chat_tools_badges_workspaceDataParts.parseToolArgs(args));
+  const startedCommand = domains_chat_tools_badges_workspaceDataParts.toolDataParts(dataParts, "sandbox-command", toolCallId)[0]?.data?.command;
+  const originalCommand = typeof startedCommand === "string" ? startedCommand : void 0;
+  const shownCommand = command ?? originalCommand;
+  const outputChunks = (dataParts ?? []).filter(
+    (part) => part.type === "data" && (part.name === "sandbox-stdout" || part.name === "sandbox-stderr") && part.data?.toolCallId === toolCallId
   );
-  const execMeta = workspaceMetaPart?.data;
-  const exitChunk = dataParts.find((chunk) => chunk.name === "sandbox-exit" && chunk.data?.toolCallId === toolCallId);
-  const isStreamingComplete = !!exitChunk || typeof result === "string";
-  const hasStarted = !!workspaceMetaPart;
-  const isRunning = hasStarted && !isStreamingComplete;
-  const toolCalled = toolCalledProp ?? (isStreamingComplete || hasStarted);
-  const exitCode = exitChunk?.data?.exitCode;
-  const exitSuccess = exitChunk?.data?.success;
-  const executionTime = exitChunk?.data?.executionTimeMs;
-  const wasKilled = exitChunk?.data?.killed;
-  const streamingContent = sandboxChunks.map((chunk) => chunk.data?.output || "").join("");
-  const outputContent = streamingContent || (typeof result === "string" ? result : "");
-  const displayName = toolName === domains_chat_tools_workspaceToolConstants.WORKSPACE_TOOLS.SANDBOX.EXECUTE_COMMAND ? "Execute Command" : toolName === domains_chat_tools_workspaceToolConstants.WORKSPACE_TOOLS.SANDBOX.GET_PROCESS_OUTPUT ? "Get Process Output" : toolName === domains_chat_tools_workspaceToolConstants.WORKSPACE_TOOLS.SANDBOX.KILL_PROCESS ? "Kill Process" : toolName;
-  const firstChunkTime = sandboxChunks[0]?.data?.timestamp;
-  const elapsedTime = hooks_useElapsedTime.useElapsedTime(isRunning, firstChunkTime);
-  const onCopy = () => {
-    if (!outputContent || isCopied) return;
-    copyToClipboard(outputContent);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", "data-testid": "sandbox-execution-badge", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => setIsCollapsed((s) => !s), className: "flex min-w-0 items-center gap-2", type: "button", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: utils_cn.cn("transition-all", isCollapsed ? "rotate-90" : "rotate-180") }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TerminalSquare, { className: "text-accent6", size: 16 }), children: displayName }),
-        execMeta?.sandbox && /* @__PURE__ */ jsxRuntime.jsxs(
-          Link,
-          {
-            href: execMeta.id ? `/workspaces/${execMeta.id}` : "/workspaces",
-            className: "state-layer flex items-center gap-1.5 rounded border border-border bg-card px-1.5 py-0.5 text-caption text-foreground hover:border-border-strong",
-            onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("size-1.5 rounded-full", getStatusColor(execMeta.sandbox.status)) }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: execMeta.sandbox.name || execMeta.sandbox.provider })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: isRunning ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-caption text-accent6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-pulse rounded-full bg-accent6" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: "running" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-foreground tabular-nums", children: utils_duration.formatElapsed(elapsedTime) })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        exitCode !== void 0 && (exitSuccess ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "text-green-400", size: 14 }) : wasKilled ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-orange-500/20 px-1.5 py-0.5 text-meta text-orange-400", children: "killed" }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rounded bg-red-500/20 px-1.5 py-0.5 text-meta text-red-400", children: [
-          "exit ",
-          exitCode
-        ] })),
-        executionTime !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-foreground", children: utils_duration.formatDuration(executionTime) })
-      ] }) })
-    ] }),
-    !isCollapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-2", children: [
-      (outputContent || commandDisplay) && /* @__PURE__ */ jsxRuntime.jsx(
-        TerminalBlock,
+  const output = outputChunks.map((part) => part.data?.output ?? "").join("") || (typeof result === "string" ? result : "");
+  const exit = domains_chat_tools_badges_workspaceDataParts.toolDataParts(dataParts, "sandbox-exit", toolCallId)[0]?.data;
+  const workspace = domains_chat_tools_badges_workspaceDataParts.workspaceMetadata(dataParts, toolCallId);
+  const isRunning = status === "running" && Boolean(workspace) && !exit;
+  const toolCalled = toolCalledProp ?? (Boolean(workspace) || Boolean(exit) || typeof result === "string");
+  const elapsedTime = hooks_useElapsedTime.useElapsedTime(isRunning, outputChunks[0]?.data?.timestamp);
+  const needsApproval = domains_chat_tools_badges_awaitsToolApproval.awaitsToolApproval({ toolApprovalMetadata, toolCalled });
+  const hasBody = Boolean(shownCommand) || Boolean(output) || needsApproval;
+  React.useEffect(() => {
+    const outputBlock = outputRef.current;
+    if (outputBlock) outputBlock.scrollTop = outputBlock.scrollHeight;
+  }, [output]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    domains_chat_components_badgeWrapper.BadgeWrapper,
+    {
+      "data-testid": "sandbox-execution-badge",
+      header: /* @__PURE__ */ jsxRuntime.jsx(
+        activity.ActivityHeadline,
         {
-          command: commandDisplay,
-          content: outputContent,
-          onCopy: outputContent ? onCopy : void 0,
-          isCopied
+          icon: /* @__PURE__ */ jsxRuntime.jsx(ToolIcon, { "aria-hidden": true }),
+          label,
+          detail: originalCommand ?? detail,
+          description
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        domains_chat_tools_badges_toolApprovalButtons.ToolApprovalButtons,
-        {
-          toolCalled,
-          toolCallId,
-          toolApprovalMetadata,
-          toolName,
-          isNetwork,
-          isGenerateMode: metadata?.mode === "generate"
-        }
-      )
-    ] })
-  ] });
+      status,
+      extraInfo: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        workspace?.sandbox && /* @__PURE__ */ jsxRuntime.jsx(
+          domains_chat_tools_badges_workspaceLink.WorkspaceLink,
+          {
+            href: workspace.id ? `/workspaces/${workspace.id}` : "/workspaces",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                className: utils_cn.cn(
+                  "size-1.5 shrink-0 rounded-full",
+                  SANDBOX_STATUS_DOT[workspace.sandbox.status ?? ""] ?? "bg-warning-indicator"
+                )
+              }
+            ),
+            children: workspace.sandbox.name || workspace.sandbox.provider
+          }
+        ),
+        exit && /* @__PURE__ */ jsxRuntime.jsx(ExitStatus, { exit }),
+        (isRunning || exit?.executionTimeMs !== void 0) && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", tone: "muted", className: "px-1 tabular-nums", children: isRunning ? utils_duration.formatElapsed(elapsedTime) : utils_duration.formatDuration(exit?.executionTimeMs ?? 0) })
+      ] }),
+      initialCollapsed: !toolApprovalMetadata,
+      children: hasBody && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        shownCommand && /* @__PURE__ */ jsxRuntime.jsx(toolCallMono.ToolCallCommand, { command: shownCommand }),
+        output && /* @__PURE__ */ jsxRuntime.jsx(toolCallMono.ToolCallMono, { ref: outputRef, copyText: output, className: "text-muted-foreground", children: output }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          domains_chat_tools_badges_toolApprovalButtons.ToolApprovalButtons,
+          {
+            toolCalled,
+            toolCallId,
+            toolApprovalMetadata,
+            toolName,
+            isNetwork,
+            isGenerateMode: metadata?.mode === "generate"
+          }
+        )
+      ] })
+    }
+  );
 };
 
 exports.SandboxExecutionBadge = SandboxExecutionBadge;

package/dist/domains/chat/tools/badges/sandbox-execution-badge.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"sandbox-execution-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/sandbox-execution-badge.tsx"],"sourcesContent":["import { CheckIcon, ChevronUpIcon, CopyIcon, TerminalSquare } from 'lucide-react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { DataMessagePart } from '../tool-card';\nimport type { MessageMetadata } from '@/domains/chat';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { WORKSPACE_TOOLS } from '@/domains/chat/tools/workspace-tool-constants';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { useElapsedTime } from '@/hooks/use-elapsed-time';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatDuration, formatElapsed } from '@/utils/duration';\n\n// Matches the shape returned by workspace.getInfo() — flat, not nested under \"workspace\"\ninterface WorkspaceMetadata {\n  toolName?: string;\n  id?: string;\n  name?: string;\n  status?: string;\n  sandbox?: {\n    id?: string;\n    name?: string;\n    provider?: string;\n    status?: string;\n  };\n  filesystem?: {\n    id?: string;\n    name?: string;\n    provider?: string;\n    status?: string;\n  };\n}\n\n// Get status dot color based on sandbox status\nconst getStatusColor = (status?: string) => {\n  switch (status) {\n    case 'running':\n      return 'bg-green-500';\n    case 'starting':\n    case 'initializing':\n      return 'bg-yellow-500';\n    case 'stopped':\n    case 'paused':\n      return 'bg-muted-foreground';\n    case 'error':\n    case 'failed':\n      return 'bg-red-500';\n    default:\n      return 'bg-accent6';\n  }\n};\n\nexport interface SandboxExecutionBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  args: Record<string, unknown> | string;\n  result: any;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n  dataParts?: ReadonlyArray<DataMessagePart>;\n}\n\ninterface TerminalBlockProps {\n  command?: string;\n  content: string;\n  maxHeight?: string;\n  onCopy?: () => void;\n  isCopied?: boolean;\n}\n\nconst TerminalBlock = ({ command, content, maxHeight = '20rem', onCopy, isCopied }: TerminalBlockProps) => {\n  const contentRef = useRef<HTMLPreElement>(null);\n\n  // Auto-scroll to bottom when content changes\n  useEffect(() => {\n    if (contentRef.current) {\n      contentRef.current.scrollTop = contentRef.current.scrollHeight;\n    }\n  }, [content]);\n\n  return (\n    <div className=\"overflow-hidden rounded-md border border-border\">\n      {/* Terminal header with command */}\n      {command && (\n        <div className=\"flex items-center justify-between gap-2 border-b border-border bg-card px-3 py-2\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <span className=\"shrink-0 text-caption text-foreground\">$</span>\n            <Txt as=\"span\" variant=\"caption\" tone=\"ink\" font=\"mono\" className=\"truncate\">\n              {command}\n            </Txt>\n          </div>\n          {onCopy && (\n            <Button variant=\"default\" size=\"icon-sm\" tooltip=\"Copy output\" onClick={onCopy} className=\"shrink-0\">\n              <span className=\"grid\">\n                <span\n                  style={{ gridArea: '1/1' }}\n                  className={cn('transition-transform', isCopied ? 'scale-100' : 'scale-0')}\n                >\n                  <CheckIcon size={14} />\n                </span>\n                <span\n                  style={{ gridArea: '1/1' }}\n                  className={cn('transition-transform', isCopied ? 'scale-0' : 'scale-100')}\n                >\n                  <CopyIcon size={14} />\n                </span>\n              </span>\n            </Button>\n          )}\n        </div>\n      )}\n      {/* Terminal content */}\n      <pre\n        ref={contentRef}\n        style={{ maxHeight }}\n        className=\"overflow-auto bg-black p-3 text-body whitespace-pre-wrap text-neutral-300\"\n      >\n        {content || <span className=\"text-foreground italic\">No output</span>}\n      </pre>\n    </div>\n  );\n};\n\nexport const SandboxExecutionBadge = ({\n  toolName,\n  args,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n  dataParts: dataPartsProp,\n}: SandboxExecutionBadgeProps) => {\n  // Get sandbox streaming data parts from the message\n  const dataParts = useMemo(() => {\n    return (dataPartsProp ?? []).filter(part => part.type === 'data');\n  }, [dataPartsProp]);\n\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ copiedDuration: 1500, showToast: false });\n  const { Link } = useLinkComponent();\n\n  // Command info emitted by get_process_output (so we can show the original command)\n  const commandChunk = dataParts.find(\n    chunk => chunk.name === 'sandbox-command' && chunk.data?.toolCallId === toolCallId,\n  );\n\n  // Parse args to get command info\n  let commandDisplay = '';\n  try {\n    const parsedArgs = typeof args === 'object' ? args : JSON.parse(args);\n    if (toolName === WORKSPACE_TOOLS.SANDBOX.EXECUTE_COMMAND) {\n      commandDisplay = parsedArgs.command || '';\n    } else if (\n      toolName === WORKSPACE_TOOLS.SANDBOX.GET_PROCESS_OUTPUT ||\n      toolName === WORKSPACE_TOOLS.SANDBOX.KILL_PROCESS\n    ) {\n      // Prefer the original command from streaming data, fall back to PID\n      const cmd = commandChunk?.data?.command as string | undefined;\n      commandDisplay = cmd || `PID ${parsedArgs.pid}`;\n    }\n  } catch {\n    commandDisplay = toolName;\n  }\n\n  // Sandbox stdout/stderr chunks scoped to this tool call\n  const sandboxChunks = dataParts.filter(\n    chunk =>\n      (chunk.name === 'sandbox-stdout' || chunk.name === 'sandbox-stderr') && chunk.data?.toolCallId === toolCallId,\n  );\n\n  // Workspace metadata emitted first — scoped to this tool call\n  const workspaceMetaPart = dataParts.find(\n    chunk => chunk.name === 'workspace-metadata' && chunk.data?.toolCallId === toolCallId,\n  );\n  const execMeta = workspaceMetaPart?.data as WorkspaceMetadata | undefined;\n\n  // Exit chunk scoped to this tool call\n  const exitChunk = dataParts.find(chunk => chunk.name === 'sandbox-exit' && chunk.data?.toolCallId === toolCallId) as\n    | {\n        name: string;\n        data: {\n          exitCode: number;\n          success: boolean;\n          executionTimeMs?: number;\n          killed?: boolean;\n          timedOut?: boolean;\n        };\n      }\n    | undefined;\n\n  // Streaming is complete if we have exit chunk or a final result\n  const isStreamingComplete = !!exitChunk || typeof result === 'string';\n\n  const hasStarted = !!workspaceMetaPart; // metadata is emitted at tool start\n  const isRunning = hasStarted && !isStreamingComplete;\n  const toolCalled = toolCalledProp ?? (isStreamingComplete || hasStarted);\n\n  // Get exit info from data chunks\n  const exitCode = exitChunk?.data?.exitCode;\n  const exitSuccess = exitChunk?.data?.success;\n  const executionTime = exitChunk?.data?.executionTimeMs;\n  const wasKilled = exitChunk?.data?.killed;\n\n  // Combine streaming output into a single string\n  const streamingContent = sandboxChunks.map(chunk => chunk.data?.output || '').join('');\n\n  // During a live session, prefer the full streaming output the user watched build up.\n  // After hydration from storage (no streaming chunks available), fall back to the\n  // truncated tool result. With transient stdout/stderr chunks, streaming data won't\n  // survive a page refresh, so the result is the only option on reload.\n  const outputContent = streamingContent || (typeof result === 'string' ? result : '');\n\n  const displayName =\n    toolName === WORKSPACE_TOOLS.SANDBOX.EXECUTE_COMMAND\n      ? 'Execute Command'\n      : toolName === WORKSPACE_TOOLS.SANDBOX.GET_PROCESS_OUTPUT\n        ? 'Get Process Output'\n        : toolName === WORKSPACE_TOOLS.SANDBOX.KILL_PROCESS\n          ? 'Kill Process'\n          : toolName;\n\n  // Get start time from first streaming chunk for live timer\n  const firstChunkTime = sandboxChunks[0]?.data?.timestamp as number | undefined;\n  const elapsedTime = useElapsedTime(isRunning, firstChunkTime);\n\n  const onCopy = () => {\n    if (!outputContent || isCopied) return;\n    copyToClipboard(outputContent);\n  };\n\n  return (\n    <div className=\"mb-4\" data-testid=\"sandbox-execution-badge\">\n      {/* Header row */}\n      <div className=\"flex items-center justify-between gap-2\">\n        <button onClick={() => setIsCollapsed(s => !s)} className=\"flex min-w-0 items-center gap-2\" type=\"button\">\n          <Icon>\n            <ChevronUpIcon className={cn('transition-all', isCollapsed ? 'rotate-90' : 'rotate-180')} />\n          </Icon>\n          <Badge icon={<TerminalSquare className=\"text-accent6\" size={16} />}>{displayName}</Badge>\n          {execMeta?.sandbox && (\n            <Link\n              href={execMeta.id ? `/workspaces/${execMeta.id}` : '/workspaces'}\n              className=\"state-layer flex items-center gap-1.5 rounded border border-border bg-card px-1.5 py-0.5 text-caption text-foreground hover:border-border-strong\"\n              onClick={(e: React.MouseEvent) => e.stopPropagation()}\n            >\n              <span className={cn('size-1.5 rounded-full', getStatusColor(execMeta.sandbox.status))} />\n              <span>{execMeta.sandbox.name || execMeta.sandbox.provider}</span>\n            </Link>\n          )}\n        </button>\n\n        {/* Status area */}\n        <div className=\"flex items-center gap-2\">\n          {isRunning ? (\n            <>\n              <span className=\"flex items-center gap-1.5 text-caption text-accent6\">\n                <span className=\"size-1.5 animate-pulse rounded-full bg-accent6\" />\n                <span className=\"animate-pulse\">running</span>\n              </span>\n              <span className=\"text-caption text-foreground tabular-nums\">{formatElapsed(elapsedTime)}</span>\n            </>\n          ) : (\n            <>\n              {exitCode !== undefined &&\n                (exitSuccess ? (\n                  <CheckIcon className=\"text-green-400\" size={14} />\n                ) : wasKilled ? (\n                  <span className=\"rounded bg-orange-500/20 px-1.5 py-0.5 text-meta text-orange-400\">killed</span>\n                ) : (\n                  <span className=\"rounded bg-red-500/20 px-1.5 py-0.5 text-meta text-red-400\">exit {exitCode}</span>\n                ))}\n              {executionTime !== undefined && (\n                <span className=\"text-caption text-foreground\">{formatDuration(executionTime)}</span>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* Content area */}\n      {!isCollapsed && (\n        <div className=\"pt-2\">\n          {(outputContent || commandDisplay) && (\n            <TerminalBlock\n              command={commandDisplay}\n              content={outputContent}\n              onCopy={outputContent ? onCopy : undefined}\n              isCopied={isCopied}\n            />\n          )}\n\n          <ToolApprovalButtons\n            toolCalled={toolCalled}\n            toolCallId={toolCallId}\n            toolApprovalMetadata={toolApprovalMetadata}\n            toolName={toolName}\n            isNetwork={isNetwork}\n            isGenerateMode={metadata?.mode === 'generate'}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useRef","useEffect","jsxs","jsx","Txt","Button","cn","CheckIcon","CopyIcon","useMemo","useState","useCopyToClipboard","useLinkComponent","WORKSPACE_TOOLS","useElapsedTime","Icon","ChevronUpIcon","Badge","TerminalSquare","Fragment","formatElapsed","formatDuration","ToolApprovalButtons"],"mappings":"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"}
+{"version":3,"file":"sandbox-execution-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/sandbox-execution-badge.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { DataMessagePart } from '../tool-card';\nimport { parseToolArgs, toolDataParts, workspaceMetadata } from './workspace-data-parts';\nimport { WorkspaceLink } from './workspace-link';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { presentTool, ToolCallCommand, ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Txt } from '@/ds/components/Txt';\nimport { useElapsedTime } from '@/hooks/use-elapsed-time';\nimport { cn } from '@/utils/cn';\nimport { formatDuration, formatElapsed } from '@/utils/duration';\n\nconst SANDBOX_STATUS_DOT: Record<string, string> = {\n  running: 'bg-success-indicator',\n  starting: 'bg-warning-indicator',\n  initializing: 'bg-warning-indicator',\n  stopped: 'bg-muted-foreground',\n  paused: 'bg-muted-foreground',\n  error: 'bg-destructive-indicator',\n  failed: 'bg-destructive-indicator',\n};\n\ninterface SandboxExit {\n  exitCode?: number;\n  success?: boolean;\n  executionTimeMs?: number;\n  killed?: boolean;\n}\n\nexport interface SandboxExecutionBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  args: Record<string, unknown> | string;\n  result: unknown;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n  dataParts?: ReadonlyArray<DataMessagePart>;\n  status?: ActivityStatus;\n}\n\nconst ExitStatus = ({ exit }: { exit: SandboxExit }) => {\n  if (exit.exitCode === undefined || exit.success) return null;\n  return (\n    <Txt as=\"span\" variant=\"meta\" className={exit.killed ? 'text-warning-indicator' : 'text-destructive-indicator'}>\n      {exit.killed ? 'killed' : `exit ${exit.exitCode}`}\n    </Txt>\n  );\n};\n\nexport const SandboxExecutionBadge = ({\n  toolName,\n  args,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n  dataParts,\n  status = 'idle',\n}: SandboxExecutionBadgeProps) => {\n  const outputRef = useRef<HTMLPreElement>(null);\n  const { icon: ToolIcon, label, detail, description, command } = presentTool(toolName, parseToolArgs(args));\n  const startedCommand = toolDataParts(dataParts, 'sandbox-command', toolCallId)[0]?.data?.command;\n  const originalCommand = typeof startedCommand === 'string' ? startedCommand : undefined;\n  const shownCommand = command ?? originalCommand;\n\n  const outputChunks = (dataParts ?? []).filter(\n    part =>\n      part.type === 'data' &&\n      (part.name === 'sandbox-stdout' || part.name === 'sandbox-stderr') &&\n      part.data?.toolCallId === toolCallId,\n  );\n  const output =\n    outputChunks.map(part => part.data?.output ?? '').join('') || (typeof result === 'string' ? result : '');\n\n  const exit: SandboxExit | undefined = toolDataParts(dataParts, 'sandbox-exit', toolCallId)[0]?.data;\n  const workspace = workspaceMetadata(dataParts, toolCallId);\n  const isRunning = status === 'running' && Boolean(workspace) && !exit;\n  const toolCalled = toolCalledProp ?? (Boolean(workspace) || Boolean(exit) || typeof result === 'string');\n  const elapsedTime = useElapsedTime(isRunning, outputChunks[0]?.data?.timestamp);\n\n  const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n  const hasBody = Boolean(shownCommand) || Boolean(output) || needsApproval;\n\n  useEffect(() => {\n    const outputBlock = outputRef.current;\n    if (outputBlock) outputBlock.scrollTop = outputBlock.scrollHeight;\n  }, [output]);\n\n  return (\n    <BadgeWrapper\n      data-testid=\"sandbox-execution-badge\"\n      header={\n        <ActivityHeadline\n          icon={<ToolIcon aria-hidden />}\n          label={label}\n          detail={originalCommand ?? detail}\n          description={description}\n        />\n      }\n      status={status}\n      extraInfo={\n        <>\n          {workspace?.sandbox && (\n            <WorkspaceLink\n              href={workspace.id ? `/workspaces/${workspace.id}` : '/workspaces'}\n              icon={\n                <span\n                  aria-hidden\n                  className={cn(\n                    'size-1.5 shrink-0 rounded-full',\n                    SANDBOX_STATUS_DOT[workspace.sandbox.status ?? ''] ?? 'bg-warning-indicator',\n                  )}\n                />\n              }\n            >\n              {workspace.sandbox.name || workspace.sandbox.provider}\n            </WorkspaceLink>\n          )}\n          {exit && <ExitStatus exit={exit} />}\n          {(isRunning || exit?.executionTimeMs !== undefined) && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"px-1 tabular-nums\">\n              {isRunning ? formatElapsed(elapsedTime) : formatDuration(exit?.executionTimeMs ?? 0)}\n            </Txt>\n          )}\n        </>\n      }\n      initialCollapsed={!toolApprovalMetadata}\n    >\n      {hasBody && (\n        <>\n          {shownCommand && <ToolCallCommand command={shownCommand} />}\n          {output && (\n            <ToolCallMono ref={outputRef} copyText={output} className=\"text-muted-foreground\">\n              {output}\n            </ToolCallMono>\n          )}\n          <ToolApprovalButtons\n            toolCalled={toolCalled}\n            toolCallId={toolCallId}\n            toolApprovalMetadata={toolApprovalMetadata}\n            toolName={toolName}\n            isNetwork={isNetwork}\n            isGenerateMode={metadata?.mode === 'generate'}\n          />\n        </>\n      )}\n    </BadgeWrapper>\n  );\n};\n"],"names":["Txt","useRef","presentTool","parseToolArgs","toolDataParts","workspaceMetadata","useElapsedTime","awaitsToolApproval","useEffect","jsx","BadgeWrapper","ActivityHeadline","jsxs","Fragment","WorkspaceLink","cn","formatElapsed","formatDuration","ToolCallCommand","ToolCallMono","ToolApprovalButtons"],"mappings":"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"}