npm - @mastra/playground-ui - Versions diffs - 56.0.0 → 57.0.0-alpha.1 - Mend

@mastra/playground-ui 56.0.0 → 57.0.0-alpha.1

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

Files changed (1044) hide show

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

@@ -3,7 +3,7 @@ import { Loader2, Brain, ChevronDown, ChevronRight, Unplug, XCircle, Eye } from
 import { useState, useEffect } from 'react';
 import { ObservationRenderer } from './observation-renderer.es.js';
 import { B as Badge } from '../../../../Badge-TD55_qZJ.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-B0gTm_Ea.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-DZAcPOxC.js';
 import { Icon } from '../../../../icons/Icon.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
@@ -53,12 +53,12 @@ const ExtractedValuesPanel = ({
   const entries = getExtractedValueEntries(extractedValues);
   const failures = extractionFailures ?? [];
   if (entries.length === 0 && failures.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "border-border mt-2 border-t pt-2", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "mt-2 border-t border-border pt-2", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         onClick: onToggle,
-        className: "text-foreground text-meta flex items-center gap-1 tracking-wide uppercase transition-opacity hover:opacity-80",
+        className: "flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80",
         children: [
           isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-2.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-2.5" }),
           "Extractions (",
@@ -69,13 +69,13 @@ const ExtractedValuesPanel = ({
       }
     ),
     isExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-2", children: [
-      entries.map(([slug, value]) => /* @__PURE__ */ jsxs("div", { className: "border-border bg-fill-subtle rounded border p-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-foreground/70 text-meta tracking-wide uppercase", children: slug }),
-        isStructuredExtractedValue(value) ? /* @__PURE__ */ jsx("pre", { className: "text-foreground/80 text-caption mt-1 max-h-40 overflow-auto break-words whitespace-pre-wrap", children: formatExtractedValue(value) }) : /* @__PURE__ */ jsx("div", { className: "[&_code]:text-meta [&_code]:bg-fill mt-1 [&_code]:rounded [&_code]:px-1 [&_code]:py-0.5", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-foreground/80 text-caption", children: formatExtractedValue(value) }) })
+      entries.map(([slug, value]) => /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-fill-subtle p-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-meta tracking-wide text-foreground/70 uppercase", children: slug }),
+        isStructuredExtractedValue(value) ? /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-40 overflow-auto text-caption break-words whitespace-pre-wrap text-foreground/80", children: formatExtractedValue(value) }) : /* @__PURE__ */ jsx("div", { className: "mt-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-caption text-foreground/80", children: formatExtractedValue(value) }) })
       ] }, slug)),
       failures.map((failure) => /* @__PURE__ */ jsxs("div", { className: "rounded border border-red-500/20 bg-red-500/5 p-2 text-red-700", children: [
         /* @__PURE__ */ jsx("div", { className: "text-meta tracking-wide uppercase", children: failure.slug }),
-        /* @__PURE__ */ jsx("div", { className: "text-caption mt-1", children: failure.error })
+        /* @__PURE__ */ jsx("div", { className: "mt-1 text-caption", children: failure.error })
       ] }, failure.slug))
     ] })
   ] });
@@ -129,7 +129,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
         children: /* @__PURE__ */ jsxs(
           "div",
           {
-            className: `inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${bgColor} ${textColor} text-column my-1`,
+            className: `inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${bgColor} ${textColor} my-1 text-column`,
             children: [
               /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin" }),
               isReflection ? /* @__PURE__ */ jsx(Brain, { className: "size-3" }) : /* @__PURE__ */ jsx(ObservationIcon, { className: "size-3" }),
@@ -192,9 +192,9 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
           isExpanded && /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `mt-1 ml-6 rounded-md p-2 ${expandedBgColor} text-caption space-y-1.5 border ${expandedBorderColor}`,
+              className: `mt-1 ml-6 rounded-md p-2 ${expandedBgColor} space-y-1.5 border text-caption ${expandedBorderColor}`,
               children: [
-                /* @__PURE__ */ jsxs("div", { className: `text-caption flex gap-4 ${labelColor}`, children: [
+                /* @__PURE__ */ jsxs("div", { className: `flex gap-4 text-caption ${labelColor}`, children: [
                   tokensObserved && /* @__PURE__ */ jsxs("span", { children: [
                     "Input: ",
                     formatTokens(tokensObserved)
@@ -214,12 +214,12 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
                     "s"
                   ] })
                 ] }),
-                observations && /* @__PURE__ */ jsx("div", { className: "border-border mt-1 border-t pt-1", children: !currentTask && !suggestedResponse ? /* @__PURE__ */ jsx(ObservationRenderer, { observations, maxHeight: "500px" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                observations && /* @__PURE__ */ jsx("div", { className: "mt-1 border-t border-border pt-1", children: !currentTask && !suggestedResponse ? /* @__PURE__ */ jsx(ObservationRenderer, { observations, maxHeight: "500px" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsxs(
                     "button",
                     {
                       onClick: () => setIsObservationsExpanded(!isObservationsExpanded),
-                      className: "text-foreground text-meta flex items-center gap-1 tracking-wide uppercase transition-opacity hover:opacity-80",
+                      className: "flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80",
                       children: [
                         isObservationsExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-2.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-2.5" }),
                         isReflection ? "Reflections" : "Observations"
@@ -228,33 +228,33 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
                   ),
                   isObservationsExpanded && /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(ObservationRenderer, { observations, maxHeight: "500px" }) })
                 ] }) }),
-                currentTask && /* @__PURE__ */ jsxs("div", { className: "border-border mt-2 border-t pt-2", children: [
+                currentTask && /* @__PURE__ */ jsxs("div", { className: "mt-2 border-t border-border pt-2", children: [
                   /* @__PURE__ */ jsxs(
                     "button",
                     {
                       onClick: () => setIsTaskExpanded(!isTaskExpanded),
-                      className: "text-foreground text-meta flex items-center gap-1 tracking-wide uppercase transition-opacity hover:opacity-80",
+                      className: "flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80",
                       children: [
                         isTaskExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-2.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-2.5" }),
                         "Current Task"
                       ]
                     }
                   ),
-                  isTaskExpanded && /* @__PURE__ */ jsx("div", { className: "[&_code]:text-meta [&_code]:bg-fill mt-1 [&_code]:rounded [&_code]:px-1 [&_code]:py-0.5", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-foreground text-caption", children: currentTask }) })
+                  isTaskExpanded && /* @__PURE__ */ jsx("div", { className: "mt-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-caption text-foreground", children: currentTask }) })
                 ] }),
-                suggestedResponse && /* @__PURE__ */ jsxs("div", { className: "border-border mt-2 border-t pt-2", children: [
+                suggestedResponse && /* @__PURE__ */ jsxs("div", { className: "mt-2 border-t border-border pt-2", children: [
                   /* @__PURE__ */ jsxs(
                     "button",
                     {
                       onClick: () => setIsResponseExpanded(!isResponseExpanded),
-                      className: "text-foreground text-meta flex items-center gap-1 tracking-wide uppercase transition-opacity hover:opacity-80",
+                      className: "flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80",
                       children: [
                         isResponseExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-2.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-2.5" }),
                         "Suggested Response"
                       ]
                     }
                   ),
-                  isResponseExpanded && /* @__PURE__ */ jsx("div", { className: "[&_code]:text-meta [&_code]:bg-fill mt-1 italic [&_code]:rounded [&_code]:px-1 [&_code]:py-0.5", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-foreground/80 text-caption", children: suggestedResponse }) })
+                  isResponseExpanded && /* @__PURE__ */ jsx("div", { className: "mt-1 italic [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-caption text-foreground/80", children: suggestedResponse }) })
                 ] }),
                 /* @__PURE__ */ jsx(
                   ExtractedValuesPanel,
@@ -282,7 +282,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
         "data-om-badge": cycleId,
         "data-om-state": state,
         "data-om-type": isReflection ? "reflection" : "observation",
-        children: /* @__PURE__ */ jsxs("div", { className: "text-column my-1 inline-flex items-center gap-1.5 rounded-md bg-yellow-500/10 px-2 py-1 text-yellow-600", children: [
+        children: /* @__PURE__ */ jsxs("div", { className: "my-1 inline-flex items-center gap-1.5 rounded-md bg-yellow-500/10 px-2 py-1 text-column text-yellow-600", children: [
           /* @__PURE__ */ jsx(Unplug, { className: "size-3" }),
           /* @__PURE__ */ jsxs("span", { children: [
             disconnectedLabel,
@@ -307,7 +307,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
             "button",
             {
               onClick: () => setIsExpanded(!isExpanded),
-              className: "text-column inline-flex cursor-pointer items-center gap-1.5 rounded-md bg-red-500/10 px-2 py-1 text-red-600 hover:bg-red-500/20",
+              className: "inline-flex cursor-pointer items-center gap-1.5 rounded-md bg-red-500/10 px-2 py-1 text-column text-red-600 hover:bg-red-500/20",
               children: [
                 isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-3" }),
                 /* @__PURE__ */ jsx(XCircle, { className: "size-3" }),
@@ -315,7 +315,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
               ]
             }
           ),
-          isExpanded && error && /* @__PURE__ */ jsxs("div", { className: "text-caption mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-red-700", children: [
+          isExpanded && error && /* @__PURE__ */ jsxs("div", { className: "mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-caption text-red-700", children: [
             /* @__PURE__ */ jsx("span", { className: "text-column", children: "Error:" }),
             " ",
             error
@@ -334,7 +334,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
         "data-om-badge": cycleId,
         "data-om-state": state,
         "data-om-type": isReflection ? "reflection" : "observation",
-        children: /* @__PURE__ */ jsxs(MarkerPill, { icon: /* @__PURE__ */ jsx(Loader2, { className: "text-accent6 animate-spin" }), children: [
+        children: /* @__PURE__ */ jsxs(MarkerPill, { icon: /* @__PURE__ */ jsx(Loader2, { className: "animate-spin text-accent6" }), children: [
           bufferingLabel,
           tokensToBuffer ? ` ~${formatTokens(tokensToBuffer)} tokens` : "..."
         ] })
@@ -375,7 +375,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
           isExpanded && /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `mt-2 ml-6 rounded-lg ${bufferExpandedBgColor} text-caption space-y-2 border p-4 ${bufferExpandedBorderColor}`,
+              className: `mt-2 ml-6 rounded-lg ${bufferExpandedBgColor} space-y-2 border p-4 text-caption ${bufferExpandedBorderColor}`,
               children: [
                 observations && /* @__PURE__ */ jsx(ObservationRenderer, { observations, maxHeight: "240px" }),
                 /* @__PURE__ */ jsx(
@@ -409,7 +409,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
             "button",
             {
               onClick: () => setIsExpanded(!isExpanded),
-              className: "text-column inline-flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed border-red-400/40 bg-red-500/10 px-2 py-1 text-red-600 hover:bg-red-500/20",
+              className: "inline-flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed border-red-400/40 bg-red-500/10 px-2 py-1 text-column text-red-600 hover:bg-red-500/20",
               children: [
                 isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-3" }),
                 /* @__PURE__ */ jsx(XCircle, { className: "size-3" }),
@@ -417,7 +417,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
               ]
             }
           ),
-          isExpanded && error && /* @__PURE__ */ jsxs("div", { className: "text-caption mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-red-700", children: [
+          isExpanded && error && /* @__PURE__ */ jsxs("div", { className: "mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-caption text-red-700", children: [
             /* @__PURE__ */ jsx("span", { className: "text-column", children: "Error:" }),
             " ",
             error
@@ -472,9 +472,9 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
           isExpanded && /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `mt-1 ml-6 rounded-md p-2 ${expandedBgColor} text-caption space-y-1.5 border ${expandedBorderColor}`,
+              className: `mt-1 ml-6 rounded-md p-2 ${expandedBgColor} space-y-1.5 border text-caption ${expandedBorderColor}`,
               children: [
-                /* @__PURE__ */ jsxs("div", { className: `text-caption flex gap-4 ${labelColor}`, children: [
+                /* @__PURE__ */ jsxs("div", { className: `flex gap-4 text-caption ${labelColor}`, children: [
                   tokensActivated > 0 && /* @__PURE__ */ jsxs("span", { children: [
                     "Input: ",
                     formatTokens(tokensActivated)
@@ -489,7 +489,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
                     "x"
                   ] })
                 ] }),
-                observations && /* @__PURE__ */ jsx("div", { className: "border-border mt-1 border-t pt-1", children: /* @__PURE__ */ jsx(ObservationRenderer, { observations, maxHeight: "500px" }) })
+                observations && /* @__PURE__ */ jsx("div", { className: "mt-1 border-t border-border pt-1", children: /* @__PURE__ */ jsx(ObservationRenderer, { observations, maxHeight: "500px" }) })
               ]
             }
           )
@@ -504,7 +504,7 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
       "data-om-badge": cycleId,
       "data-om-state": state,
       "data-om-type": isReflection ? "reflection" : "observation",
-      children: /* @__PURE__ */ jsxs("div", { className: "text-column bg-fill text-muted-foreground my-1 inline-flex items-center gap-1.5 rounded-md px-2 py-1", children: [
+      children: /* @__PURE__ */ jsxs("div", { className: "my-1 inline-flex items-center gap-1.5 rounded-md bg-fill px-2 py-1 text-column text-muted-foreground", children: [
         /* @__PURE__ */ jsx(Brain, { className: "size-3" }),
         /* @__PURE__ */ jsx("span", { children: toolName })
       ] })

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

	@@ -1 +1 @@
1	- {"version":3,"file":"observation-marker-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/observation-marker-badge.tsx"],"sourcesContent":["import { Brain, XCircle, Loader2, ChevronDown, ChevronRight, Unplug, Eye } from 'lucide-react';\nimport { useState, useEffect } from 'react';\nimport { ObservationRenderer } from './observation-renderer';\nimport { Badge } from '@/ds/components/Badge';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/utils/cn';\n\nexport interface OmMarkerData {\n observedAt?: string;\n completedAt?: string;\n failedAt?: string;\n startedAt?: string;\n tokensObserved?: number;\n tokensToObserve?: number;\n observationTokens?: number;\n observations?: string;\n currentTask?: string;\n suggestedResponse?: string;\n extractedValues?: Record<string, unknown>;\n extractionFailures?: Array<{ slug: string; error: string }>;\n durationMs?: number;\n error?: string;\n recordId?: string;\n cycleId?: string;\n threadId?: string;\n threadIds?: string[];\n operationType?: 'observation' \| 'reflection';\n _state?: 'loading' \| 'complete' \| 'failed' \| 'buffering' \| 'buffering-complete' \| 'buffering-failed' \| 'activated';\n // Activation-specific fields\n chunksActivated?: number;\n tokensActivated?: number;\n messagesActivated?: number;\n config?: {\n scope?: string;\n messageTokens?: number;\n observationTokens?: number;\n };\n // Buffering-specific fields\n tokensToBuffer?: number;\n tokensBuffered?: number;\n bufferedTokens?: number;\n}\n\nexport interface ObservationMarkerBadgeProps {\n toolName: string;\n args: Record<string, unknown>;\n metadata?: {\n mode?: string;\n omData?: OmMarkerData;\n };\n}\n\n/*\n Format token count for display (e.g., 7234 -> \"7.2k\", 234 -> \"234\")\n /\nconst formatTokens = (tokens: number): string => {\n if (tokens >= 1000) {\n return `${(tokens / 1000).toFixed(1)}k`;\n }\n return String(Math.round(tokens));\n};\n\nconst hasExtractedValue = (value: unknown) => value !== undefined && value !== null && value !== '';\n\nconst getExtractedValueEntries = (values?: Record<string, unknown>) => {\n return Object.entries(values ?? {}).filter(([, value]) => hasExtractedValue(value));\n};\n\nconst formatExtractedValue = (value: unknown): string => {\n if (typeof value === 'string') return value;\n if (typeof value === 'number' \|\| typeof value === 'boolean') return String(value);\n\n try {\n return JSON.stringify(value, null, 2) ?? String(value);\n } catch {\n return String(value);\n }\n};\n\nconst isStructuredExtractedValue = (value: unknown) => typeof value === 'object' && value !== null;\n\nconst ObservationIcon = ({ className }: { className?: string }) => <Eye className={className} />;\n\nconst MarkerPill = ({\n children,\n icon,\n expanded,\n onClick,\n className,\n}: {\n children: React.ReactNode;\n icon: React.ReactNode;\n expanded?: boolean;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n className?: string;\n}) => {\n const content = (\n <>\n {onClick && (\n <Icon>\n <ChevronDown className={cn('transition-all', expanded ? 'rotate-0' : '-rotate-90')} />\n </Icon>\n )}\n <Badge icon={icon}>{children}</Badge>\n </>\n );\n\n if (!onClick) {\n return <div className={cn('inline-flex items-center gap-2', className)}>{content}</div>;\n }\n\n return (\n <button onClick={onClick} className={cn('inline-flex items-center gap-2', className)} type=\"button\">\n {content}\n </button>\n );\n};\n\nconst ExtractedValuesPanel = ({\n extractedValues,\n extractionFailures,\n isExpanded,\n onToggle,\n}: {\n extractedValues?: Record<string, unknown>;\n extractionFailures?: Array<{ slug: string; error: string }>;\n isExpanded: boolean;\n onToggle: () => void;\n}) => {\n const entries = getExtractedValueEntries(extractedValues);\n const failures = extractionFailures ?? [];\n\n if (entries.length === 0 && failures.length === 0) return null;\n\n return (\n <div className=\"border-border mt-2 border-t pt-2\">\n <button\n onClick={onToggle}\n className=\"text-foreground text-meta flex items-center gap-1 tracking-wide uppercase transition-opacity hover:opacity-80\"\n >\n {isExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n Extractions ({entries.length}){failures.length > 0 ? ` · ${failures.length} failed` : ''}\n </button>\n {isExpanded && (\n <div className=\"mt-1 space-y-2\">\n {entries.map(([slug, value]) => (\n <div key={slug} className=\"border-border bg-fill-subtle rounded border p-2\">\n <div className=\"text-foreground/70 text-meta tracking-wide uppercase\">{slug}</div>\n {isStructuredExtractedValue(value) ? (\n <pre className=\"text-foreground/80 text-caption mt-1 max-h-40 overflow-auto break-words whitespace-pre-wrap\">\n {formatExtractedValue(value)}\n </pre>\n ) : (\n <div className=\"[&_code]:text-meta [&_code]:bg-fill mt-1 [&_code]:rounded [&_code]:px-1 [&_code]:py-0.5\">\n <MarkdownRenderer className=\"text-foreground/80 text-caption\">\n {formatExtractedValue(value)}\n </MarkdownRenderer>\n </div>\n )}\n </div>\n ))}\n {failures.map(failure => (\n <div key={failure.slug} className=\"rounded border border-red-500/20 bg-red-500/5 p-2 text-red-700\">\n <div className=\"text-meta tracking-wide uppercase\">{failure.slug}</div>\n <div className=\"text-caption mt-1\">{failure.error}</div>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n};\n\n/\n Renders an inline badge for OM observation markers.\n * These are converted from data-om-* parts to tool-call format for assistant-ui compatibility.\n \n The badge includes a `data-om-badge` attribute with the cycleId so that\n * the BracketOverlay can find it via DOM queries for positioning bracket lines.\n /\nexport const ObservationMarkerBadge = ({ toolName, args, metadata }: ObservationMarkerBadgeProps) => {\n const omData = (metadata?.omData \|\| args) as OmMarkerData;\n const cycleId = omData.cycleId \|\| '';\n\n // Use the _state field set during part merging, or fallback to detecting from data\n const state =\n omData._state \|\|\n (omData.failedAt\n ? 'failed'\n : omData.completedAt\n ? 'complete'\n : (omData as any).disconnectedAt\n ? 'disconnected'\n : 'loading');\n\n const isStart = state === 'loading';\n const isEnd = state === 'complete';\n const isFailed = state === 'failed';\n const isDisconnected = state === 'disconnected';\n const isBuffering = state === 'buffering';\n const isBufferingComplete = state === 'buffering-complete';\n const isBufferingFailed = state === 'buffering-failed';\n const isActivated = state === 'activated';\n const isReflection = omData.operationType === 'reflection';\n const hasExtractionContent =\n getExtractedValueEntries(omData.extractedValues).length > 0 \|\| (omData.extractionFailures?.length ?? 0) > 0;\n const shouldAutoExpand = (isFailed && isReflection) \|\| hasExtractionContent;\n\n // Failed reflections and extraction-bearing markers should expand by default to draw attention to new details.\n const [isExpanded, setIsExpanded] = useState(shouldAutoExpand);\n\n // Auto-expand when completion details arrive after the marker was mounted during loading.\n useEffect(() => {\n if (shouldAutoExpand) {\n setIsExpanded(true);\n }\n }, [shouldAutoExpand]);\n const [isObservationsExpanded, setIsObservationsExpanded] = useState(true);\n const [isTaskExpanded, setIsTaskExpanded] = useState(false);\n const [isResponseExpanded, setIsResponseExpanded] = useState(false);\n const [isExtractedExpanded, setIsExtractedExpanded] = useState(false);\n\n // Colors - same scheme for both observation and reflection\n const bgColor = 'bg-blue-500/10';\n const textColor = 'text-blue-600';\n const completeBgColor = 'bg-green-500/10';\n const completeTextColor = 'text-green-600';\n const completeHoverBgColor = 'hover:bg-green-500/20';\n // Same colors for expanded state\n const expandedBgColor = 'bg-green-500/5';\n const expandedBorderColor = 'border-green-500/10';\n const labelColor = 'text-green-600';\n const bufferExpandedBgColor = 'bg-background';\n const bufferExpandedBorderColor = 'border-border-1';\n const actionLabel = isReflection ? 'Reflecting' : 'Observing';\n const completedLabel = isReflection ? 'Reflected' : 'Observed';\n\n // Render based on marker type\n if (isStart) {\n const tokensToObserve = omData.tokensToObserve;\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div\n className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${bgColor} ${textColor} text-column my-1`}\n >\n <Loader2 className=\"size-3 animate-spin\" />\n {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n <span>\n {actionLabel}\n {tokensToObserve ? ` ~${formatTokens(tokensToObserve)} tokens` : '...'}\n </span>\n </div>\n </div>\n );\n }\n\n if (isEnd) {\n const tokensObserved = omData.tokensObserved;\n const observationTokens = omData.observationTokens;\n const observations = omData.observations;\n const currentTask = omData.currentTask;\n const suggestedResponse = omData.suggestedResponse;\n const extractedValues = omData.extractedValues;\n const extractionFailures = omData.extractionFailures;\n const durationMs = omData.durationMs;\n const compressionRatio =\n tokensObserved && observationTokens && observationTokens > 0\n ? Math.round(tokensObserved / observationTokens)\n : null;\n\n const handleToggle = (e: React.MouseEvent) => {\n // Prevent scroll jump by preserving scroll position\n const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') \|\| document.documentElement;\n const scrollTop = scrollContainer.scrollTop;\n setIsExpanded(!isExpanded);\n // Restore scroll position after React updates\n requestAnimationFrame(() => {\n scrollContainer.scrollTop = scrollTop;\n });\n };\n\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"my-1\">\n <button\n onClick={handleToggle}\n className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${completeBgColor} ${completeTextColor} text-column ${completeHoverBgColor} cursor-pointer`}\n >\n {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n <span>\n {completedLabel} {tokensObserved ? formatTokens(tokensObserved) : '?'}→\n {observationTokens ? formatTokens(observationTokens) : '?'} tokens\n {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n </span>\n </button>\n {isExpanded && (\n <div\n className={`mt-1 ml-6 rounded-md p-2 ${expandedBgColor} text-caption space-y-1.5 border ${expandedBorderColor}`}\n >\n {/ Stats row - all green /}\n <div className={`text-caption flex gap-4 ${labelColor}`}>\n {tokensObserved && <span>Input: {formatTokens(tokensObserved)}</span>}\n {observationTokens && <span>Output: {formatTokens(observationTokens)}</span>}\n {compressionRatio && compressionRatio > 1 && <span>Compression: {compressionRatio}x</span>}\n {durationMs && <span>Duration: {(durationMs / 1000).toFixed(2)}s</span>}\n </div>\n {observations && (\n <div className=\"border-border mt-1 border-t pt-1\">\n {/ If there's no currentTask or suggestedResponse, show observations directly without collapsible wrapper /}\n {!currentTask && !suggestedResponse ? (\n <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n ) : (\n <>\n <button\n onClick={() => setIsObservationsExpanded(!isObservationsExpanded)}\n className=\"text-foreground text-meta flex items-center gap-1 tracking-wide uppercase transition-opacity hover:opacity-80\"\n >\n {isObservationsExpanded ? (\n <ChevronDown className=\"size-2.5\" />\n ) : (\n <ChevronRight className=\"size-2.5\" />\n )}\n {isReflection ? 'Reflections' : 'Observations'}\n </button>\n {isObservationsExpanded && (\n <div className=\"mt-1\">\n <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n </div>\n )}\n </>\n )}\n </div>\n )}\n {currentTask && (\n <div className=\"border-border mt-2 border-t pt-2\">\n <button\n onClick={() => setIsTaskExpanded(!isTaskExpanded)}\n className=\"text-foreground text-meta flex items-center gap-1 tracking-wide uppercase transition-opacity hover:opacity-80\"\n >\n {isTaskExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n Current Task\n </button>\n {isTaskExpanded && (\n <div className=\"[&_code]:text-meta [&_code]:bg-fill mt-1 [&_code]:rounded [&_code]:px-1 [&_code]:py-0.5\">\n <MarkdownRenderer className=\"text-foreground text-caption\">{currentTask}</MarkdownRenderer>\n </div>\n )}\n </div>\n )}\n {suggestedResponse && (\n <div className=\"border-border mt-2 border-t pt-2\">\n <button\n onClick={() => setIsResponseExpanded(!isResponseExpanded)}\n className=\"text-foreground text-meta flex items-center gap-1 tracking-wide uppercase transition-opacity hover:opacity-80\"\n >\n {isResponseExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n Suggested Response\n </button>\n {isResponseExpanded && (\n <div className=\"[&_code]:text-meta [&_code]:bg-fill mt-1 italic [&_code]:rounded [&_code]:px-1 [&_code]:py-0.5\">\n <MarkdownRenderer className=\"text-foreground/80 text-caption\">\n {suggestedResponse}\n </MarkdownRenderer>\n </div>\n )}\n </div>\n )}\n <ExtractedValuesPanel\n extractedValues={extractedValues}\n extractionFailures={extractionFailures}\n isExpanded={isExtractedExpanded}\n onToggle={() => setIsExtractedExpanded(!isExtractedExpanded)}\n />\n </div>\n )}\n </div>\n </div>\n );\n }\n\n if (isDisconnected) {\n const disconnectedLabel = isReflection ? 'Reflection interrupted' : 'Observation interrupted';\n const tokensToObserve = omData.tokensToObserve;\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"text-column my-1 inline-flex items-center gap-1.5 rounded-md bg-yellow-500/10 px-2 py-1 text-yellow-600\">\n <Unplug className=\"size-3\" />\n <span>\n {disconnectedLabel}\n {tokensToObserve ? ` (~${formatTokens(tokensToObserve)} tokens)` : ''}\n </span>\n </div>\n </div>\n );\n }\n\n if (isFailed) {\n const error = omData.error;\n const failedLabel = isReflection ? 'Reflection failed' : 'Observation failed';\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"my-1\">\n <button\n onClick={() => setIsExpanded(!isExpanded)}\n className=\"text-column inline-flex cursor-pointer items-center gap-1.5 rounded-md bg-red-500/10 px-2 py-1 text-red-600 hover:bg-red-500/20\"\n >\n {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n <XCircle className=\"size-3\" />\n <span>{failedLabel}</span>\n </button>\n\n {isExpanded && error && (\n <div className=\"text-caption mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-red-700\">\n <span className=\"text-column\">Error:</span> {error}\n </div>\n )}\n </div>\n </div>\n );\n }\n\n // Async buffering states - non-blocking background observation/reflection\n if (isBuffering) {\n const tokensToBuffer = omData.tokensToBuffer;\n const bufferingLabel = isReflection ? 'Buffering reflection' : 'Buffering observations';\n return (\n <div\n className=\"mt-2 mb-8\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <MarkerPill icon={<Loader2 className=\"text-accent6 animate-spin\" />}>\n {bufferingLabel}\n {tokensToBuffer ? ` ~${formatTokens(tokensToBuffer)} tokens` : '...'}\n </MarkerPill>\n </div>\n );\n }\n\n if (isBufferingComplete) {\n const tokensBuffered = omData.tokensBuffered;\n const bufferedTokens = omData.bufferedTokens;\n const { observations, extractedValues, extractionFailures } = omData;\n const bufferedLabel = isReflection ? 'Buffered reflection' : 'Buffered observations';\n const compressionRatio =\n tokensBuffered && bufferedTokens && bufferedTokens > 0 ? Math.round(tokensBuffered / bufferedTokens) : null;\n\n const handleToggle = (e: React.MouseEvent) => {\n const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') \|\| document.documentElement;\n const scrollTop = scrollContainer.scrollTop;\n setIsExpanded(!isExpanded);\n requestAnimationFrame(() => {\n scrollContainer.scrollTop = scrollTop;\n });\n };\n\n return (\n <div\n className=\"mt-2 mb-8\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div>\n <MarkerPill expanded={isExpanded} onClick={handleToggle} icon={<ObservationIcon className=\"text-accent6\" />}>\n {bufferedLabel} {tokensBuffered ? formatTokens(tokensBuffered) : '?'}→\n {bufferedTokens ? formatTokens(bufferedTokens) : '?'} tokens\n {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n </MarkerPill>\n\n {isExpanded && (\n <div\n className={`mt-2 ml-6 rounded-lg ${bufferExpandedBgColor} text-caption space-y-2 border p-4 ${bufferExpandedBorderColor}`}\n >\n {observations && <ObservationRenderer observations={observations} maxHeight=\"240px\" />}\n <ExtractedValuesPanel\n extractedValues={extractedValues}\n extractionFailures={extractionFailures}\n isExpanded={isExtractedExpanded}\n onToggle={() => setIsExtractedExpanded(!isExtractedExpanded)}\n />\n </div>\n )}\n </div>\n </div>\n );\n }\n\n if (isBufferingFailed) {\n const error = omData.error;\n const failedLabel = isReflection ? 'Buffered reflection failed' : 'Buffered observation failed';\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"my-1\">\n <button\n onClick={() => setIsExpanded(!isExpanded)}\n className=\"text-column inline-flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed border-red-400/40 bg-red-500/10 px-2 py-1 text-red-600 hover:bg-red-500/20\"\n >\n {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n <XCircle className=\"size-3\" />\n <span>{failedLabel}</span>\n </button>\n\n {isExpanded && error && (\n <div className=\"text-caption mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-red-700\">\n <span className=\"text-column\">Error:</span> {error}\n </div>\n )}\n </div>\n </div>\n );\n }\n\n // Activation state - buffered observations have been activated into active observations\n // Styled to match sync observation/reflection markers (green scheme with Brain icon)\n if (isActivated) {\n const tokensActivated = omData.tokensActivated ?? 0;\n const observationTokens = omData.observationTokens ?? 0;\n const { observations } = omData;\n const activatedLabel = isReflection ? 'Reflected' : 'Observed';\n const compressionRatio =\n tokensActivated && observationTokens && observationTokens > 0\n ? Math.round(tokensActivated / observationTokens)\n : null;\n\n const handleToggle = (e: React.MouseEvent) => {\n const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') \|\| document.documentElement;\n const scrollTop = scrollContainer.scrollTop;\n setIsExpanded(!isExpanded);\n requestAnimationFrame(() => {\n scrollContainer.scrollTop = scrollTop;\n });\n };\n\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n data-om-no-highlight=\"true\"\n >\n <div className=\"my-1\">\n <button\n onClick={handleToggle}\n className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${completeBgColor} ${completeTextColor} text-column ${completeHoverBgColor} cursor-pointer`}\n >\n {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n <span>\n {activatedLabel} {tokensActivated ? formatTokens(tokensActivated) : '?'}→\n {observationTokens ? formatTokens(observationTokens) : '?'} tokens\n {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n </span>\n </button>\n {isExpanded && (\n <div\n className={`mt-1 ml-6 rounded-md p-2 ${expandedBgColor} text-caption space-y-1.5 border ${expandedBorderColor}`}\n >\n {/ Stats row */}\n <div className={`text-caption flex gap-4 ${labelColor}`}>\n {tokensActivated > 0 && <span>Input: {formatTokens(tokensActivated)}</span>}\n {observationTokens > 0 && <span>Output: {formatTokens(observationTokens)}</span>}\n {compressionRatio && compressionRatio > 1 && <span>Compression: {compressionRatio}x</span>}\n </div>\n {observations && (\n <div className=\"border-border mt-1 border-t pt-1\">\n <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n );\n }\n\n // Unknown marker type - render generic\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"text-column bg-fill text-muted-foreground my-1 inline-flex items-center gap-1.5 rounded-md px-2 py-1\">\n <Brain className=\"size-3\" />\n <span>{toolName}</span>\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"observation-marker-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/observation-marker-badge.tsx"],"sourcesContent":["import { Brain, XCircle, Loader2, ChevronDown, ChevronRight, Unplug, Eye } from 'lucide-react';\nimport { useState, useEffect } from 'react';\nimport { ObservationRenderer } from './observation-renderer';\nimport { Badge } from '@/ds/components/Badge';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/utils/cn';\n\nexport interface OmMarkerData {\n observedAt?: string;\n completedAt?: string;\n failedAt?: string;\n startedAt?: string;\n tokensObserved?: number;\n tokensToObserve?: number;\n observationTokens?: number;\n observations?: string;\n currentTask?: string;\n suggestedResponse?: string;\n extractedValues?: Record<string, unknown>;\n extractionFailures?: Array<{ slug: string; error: string }>;\n durationMs?: number;\n error?: string;\n recordId?: string;\n cycleId?: string;\n threadId?: string;\n threadIds?: string[];\n operationType?: 'observation' \| 'reflection';\n _state?: 'loading' \| 'complete' \| 'failed' \| 'buffering' \| 'buffering-complete' \| 'buffering-failed' \| 'activated';\n // Activation-specific fields\n chunksActivated?: number;\n tokensActivated?: number;\n messagesActivated?: number;\n config?: {\n scope?: string;\n messageTokens?: number;\n observationTokens?: number;\n };\n // Buffering-specific fields\n tokensToBuffer?: number;\n tokensBuffered?: number;\n bufferedTokens?: number;\n}\n\nexport interface ObservationMarkerBadgeProps {\n toolName: string;\n args: Record<string, unknown>;\n metadata?: {\n mode?: string;\n omData?: OmMarkerData;\n };\n}\n\n/*\n Format token count for display (e.g., 7234 -> \"7.2k\", 234 -> \"234\")\n /\nconst formatTokens = (tokens: number): string => {\n if (tokens >= 1000) {\n return `${(tokens / 1000).toFixed(1)}k`;\n }\n return String(Math.round(tokens));\n};\n\nconst hasExtractedValue = (value: unknown) => value !== undefined && value !== null && value !== '';\n\nconst getExtractedValueEntries = (values?: Record<string, unknown>) => {\n return Object.entries(values ?? {}).filter(([, value]) => hasExtractedValue(value));\n};\n\nconst formatExtractedValue = (value: unknown): string => {\n if (typeof value === 'string') return value;\n if (typeof value === 'number' \|\| typeof value === 'boolean') return String(value);\n\n try {\n return JSON.stringify(value, null, 2) ?? String(value);\n } catch {\n return String(value);\n }\n};\n\nconst isStructuredExtractedValue = (value: unknown) => typeof value === 'object' && value !== null;\n\nconst ObservationIcon = ({ className }: { className?: string }) => <Eye className={className} />;\n\nconst MarkerPill = ({\n children,\n icon,\n expanded,\n onClick,\n className,\n}: {\n children: React.ReactNode;\n icon: React.ReactNode;\n expanded?: boolean;\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n className?: string;\n}) => {\n const content = (\n <>\n {onClick && (\n <Icon>\n <ChevronDown className={cn('transition-all', expanded ? 'rotate-0' : '-rotate-90')} />\n </Icon>\n )}\n <Badge icon={icon}>{children}</Badge>\n </>\n );\n\n if (!onClick) {\n return <div className={cn('inline-flex items-center gap-2', className)}>{content}</div>;\n }\n\n return (\n <button onClick={onClick} className={cn('inline-flex items-center gap-2', className)} type=\"button\">\n {content}\n </button>\n );\n};\n\nconst ExtractedValuesPanel = ({\n extractedValues,\n extractionFailures,\n isExpanded,\n onToggle,\n}: {\n extractedValues?: Record<string, unknown>;\n extractionFailures?: Array<{ slug: string; error: string }>;\n isExpanded: boolean;\n onToggle: () => void;\n}) => {\n const entries = getExtractedValueEntries(extractedValues);\n const failures = extractionFailures ?? [];\n\n if (entries.length === 0 && failures.length === 0) return null;\n\n return (\n <div className=\"mt-2 border-t border-border pt-2\">\n <button\n onClick={onToggle}\n className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n >\n {isExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n Extractions ({entries.length}){failures.length > 0 ? ` · ${failures.length} failed` : ''}\n </button>\n {isExpanded && (\n <div className=\"mt-1 space-y-2\">\n {entries.map(([slug, value]) => (\n <div key={slug} className=\"rounded border border-border bg-fill-subtle p-2\">\n <div className=\"text-meta tracking-wide text-foreground/70 uppercase\">{slug}</div>\n {isStructuredExtractedValue(value) ? (\n <pre className=\"mt-1 max-h-40 overflow-auto text-caption break-words whitespace-pre-wrap text-foreground/80\">\n {formatExtractedValue(value)}\n </pre>\n ) : (\n <div className=\"mt-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n <MarkdownRenderer className=\"text-caption text-foreground/80\">\n {formatExtractedValue(value)}\n </MarkdownRenderer>\n </div>\n )}\n </div>\n ))}\n {failures.map(failure => (\n <div key={failure.slug} className=\"rounded border border-red-500/20 bg-red-500/5 p-2 text-red-700\">\n <div className=\"text-meta tracking-wide uppercase\">{failure.slug}</div>\n <div className=\"mt-1 text-caption\">{failure.error}</div>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n};\n\n/\n Renders an inline badge for OM observation markers.\n * These are converted from data-om-* parts to tool-call format for assistant-ui compatibility.\n \n The badge includes a `data-om-badge` attribute with the cycleId so that\n * the BracketOverlay can find it via DOM queries for positioning bracket lines.\n /\nexport const ObservationMarkerBadge = ({ toolName, args, metadata }: ObservationMarkerBadgeProps) => {\n const omData = (metadata?.omData \|\| args) as OmMarkerData;\n const cycleId = omData.cycleId \|\| '';\n\n // Use the _state field set during part merging, or fallback to detecting from data\n const state =\n omData._state \|\|\n (omData.failedAt\n ? 'failed'\n : omData.completedAt\n ? 'complete'\n : (omData as any).disconnectedAt\n ? 'disconnected'\n : 'loading');\n\n const isStart = state === 'loading';\n const isEnd = state === 'complete';\n const isFailed = state === 'failed';\n const isDisconnected = state === 'disconnected';\n const isBuffering = state === 'buffering';\n const isBufferingComplete = state === 'buffering-complete';\n const isBufferingFailed = state === 'buffering-failed';\n const isActivated = state === 'activated';\n const isReflection = omData.operationType === 'reflection';\n const hasExtractionContent =\n getExtractedValueEntries(omData.extractedValues).length > 0 \|\| (omData.extractionFailures?.length ?? 0) > 0;\n const shouldAutoExpand = (isFailed && isReflection) \|\| hasExtractionContent;\n\n // Failed reflections and extraction-bearing markers should expand by default to draw attention to new details.\n const [isExpanded, setIsExpanded] = useState(shouldAutoExpand);\n\n // Auto-expand when completion details arrive after the marker was mounted during loading.\n useEffect(() => {\n if (shouldAutoExpand) {\n setIsExpanded(true);\n }\n }, [shouldAutoExpand]);\n const [isObservationsExpanded, setIsObservationsExpanded] = useState(true);\n const [isTaskExpanded, setIsTaskExpanded] = useState(false);\n const [isResponseExpanded, setIsResponseExpanded] = useState(false);\n const [isExtractedExpanded, setIsExtractedExpanded] = useState(false);\n\n // Colors - same scheme for both observation and reflection\n const bgColor = 'bg-blue-500/10';\n const textColor = 'text-blue-600';\n const completeBgColor = 'bg-green-500/10';\n const completeTextColor = 'text-green-600';\n const completeHoverBgColor = 'hover:bg-green-500/20';\n // Same colors for expanded state\n const expandedBgColor = 'bg-green-500/5';\n const expandedBorderColor = 'border-green-500/10';\n const labelColor = 'text-green-600';\n const bufferExpandedBgColor = 'bg-background';\n const bufferExpandedBorderColor = 'border-border-1';\n const actionLabel = isReflection ? 'Reflecting' : 'Observing';\n const completedLabel = isReflection ? 'Reflected' : 'Observed';\n\n // Render based on marker type\n if (isStart) {\n const tokensToObserve = omData.tokensToObserve;\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div\n className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${bgColor} ${textColor} my-1 text-column`}\n >\n <Loader2 className=\"size-3 animate-spin\" />\n {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n <span>\n {actionLabel}\n {tokensToObserve ? ` ~${formatTokens(tokensToObserve)} tokens` : '...'}\n </span>\n </div>\n </div>\n );\n }\n\n if (isEnd) {\n const tokensObserved = omData.tokensObserved;\n const observationTokens = omData.observationTokens;\n const observations = omData.observations;\n const currentTask = omData.currentTask;\n const suggestedResponse = omData.suggestedResponse;\n const extractedValues = omData.extractedValues;\n const extractionFailures = omData.extractionFailures;\n const durationMs = omData.durationMs;\n const compressionRatio =\n tokensObserved && observationTokens && observationTokens > 0\n ? Math.round(tokensObserved / observationTokens)\n : null;\n\n const handleToggle = (e: React.MouseEvent) => {\n // Prevent scroll jump by preserving scroll position\n const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') \|\| document.documentElement;\n const scrollTop = scrollContainer.scrollTop;\n setIsExpanded(!isExpanded);\n // Restore scroll position after React updates\n requestAnimationFrame(() => {\n scrollContainer.scrollTop = scrollTop;\n });\n };\n\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"my-1\">\n <button\n onClick={handleToggle}\n className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${completeBgColor} ${completeTextColor} text-column ${completeHoverBgColor} cursor-pointer`}\n >\n {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n <span>\n {completedLabel} {tokensObserved ? formatTokens(tokensObserved) : '?'}→\n {observationTokens ? formatTokens(observationTokens) : '?'} tokens\n {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n </span>\n </button>\n {isExpanded && (\n <div\n className={`mt-1 ml-6 rounded-md p-2 ${expandedBgColor} space-y-1.5 border text-caption ${expandedBorderColor}`}\n >\n {/ Stats row - all green /}\n <div className={`flex gap-4 text-caption ${labelColor}`}>\n {tokensObserved && <span>Input: {formatTokens(tokensObserved)}</span>}\n {observationTokens && <span>Output: {formatTokens(observationTokens)}</span>}\n {compressionRatio && compressionRatio > 1 && <span>Compression: {compressionRatio}x</span>}\n {durationMs && <span>Duration: {(durationMs / 1000).toFixed(2)}s</span>}\n </div>\n {observations && (\n <div className=\"mt-1 border-t border-border pt-1\">\n {/ If there's no currentTask or suggestedResponse, show observations directly without collapsible wrapper /}\n {!currentTask && !suggestedResponse ? (\n <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n ) : (\n <>\n <button\n onClick={() => setIsObservationsExpanded(!isObservationsExpanded)}\n className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n >\n {isObservationsExpanded ? (\n <ChevronDown className=\"size-2.5\" />\n ) : (\n <ChevronRight className=\"size-2.5\" />\n )}\n {isReflection ? 'Reflections' : 'Observations'}\n </button>\n {isObservationsExpanded && (\n <div className=\"mt-1\">\n <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n </div>\n )}\n </>\n )}\n </div>\n )}\n {currentTask && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <button\n onClick={() => setIsTaskExpanded(!isTaskExpanded)}\n className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n >\n {isTaskExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n Current Task\n </button>\n {isTaskExpanded && (\n <div className=\"mt-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n <MarkdownRenderer className=\"text-caption text-foreground\">{currentTask}</MarkdownRenderer>\n </div>\n )}\n </div>\n )}\n {suggestedResponse && (\n <div className=\"mt-2 border-t border-border pt-2\">\n <button\n onClick={() => setIsResponseExpanded(!isResponseExpanded)}\n className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n >\n {isResponseExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n Suggested Response\n </button>\n {isResponseExpanded && (\n <div className=\"mt-1 italic [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n <MarkdownRenderer className=\"text-caption text-foreground/80\">\n {suggestedResponse}\n </MarkdownRenderer>\n </div>\n )}\n </div>\n )}\n <ExtractedValuesPanel\n extractedValues={extractedValues}\n extractionFailures={extractionFailures}\n isExpanded={isExtractedExpanded}\n onToggle={() => setIsExtractedExpanded(!isExtractedExpanded)}\n />\n </div>\n )}\n </div>\n </div>\n );\n }\n\n if (isDisconnected) {\n const disconnectedLabel = isReflection ? 'Reflection interrupted' : 'Observation interrupted';\n const tokensToObserve = omData.tokensToObserve;\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"my-1 inline-flex items-center gap-1.5 rounded-md bg-yellow-500/10 px-2 py-1 text-column text-yellow-600\">\n <Unplug className=\"size-3\" />\n <span>\n {disconnectedLabel}\n {tokensToObserve ? ` (~${formatTokens(tokensToObserve)} tokens)` : ''}\n </span>\n </div>\n </div>\n );\n }\n\n if (isFailed) {\n const error = omData.error;\n const failedLabel = isReflection ? 'Reflection failed' : 'Observation failed';\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"my-1\">\n <button\n onClick={() => setIsExpanded(!isExpanded)}\n className=\"inline-flex cursor-pointer items-center gap-1.5 rounded-md bg-red-500/10 px-2 py-1 text-column text-red-600 hover:bg-red-500/20\"\n >\n {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n <XCircle className=\"size-3\" />\n <span>{failedLabel}</span>\n </button>\n\n {isExpanded && error && (\n <div className=\"mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-caption text-red-700\">\n <span className=\"text-column\">Error:</span> {error}\n </div>\n )}\n </div>\n </div>\n );\n }\n\n // Async buffering states - non-blocking background observation/reflection\n if (isBuffering) {\n const tokensToBuffer = omData.tokensToBuffer;\n const bufferingLabel = isReflection ? 'Buffering reflection' : 'Buffering observations';\n return (\n <div\n className=\"mt-2 mb-8\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <MarkerPill icon={<Loader2 className=\"animate-spin text-accent6\" />}>\n {bufferingLabel}\n {tokensToBuffer ? ` ~${formatTokens(tokensToBuffer)} tokens` : '...'}\n </MarkerPill>\n </div>\n );\n }\n\n if (isBufferingComplete) {\n const tokensBuffered = omData.tokensBuffered;\n const bufferedTokens = omData.bufferedTokens;\n const { observations, extractedValues, extractionFailures } = omData;\n const bufferedLabel = isReflection ? 'Buffered reflection' : 'Buffered observations';\n const compressionRatio =\n tokensBuffered && bufferedTokens && bufferedTokens > 0 ? Math.round(tokensBuffered / bufferedTokens) : null;\n\n const handleToggle = (e: React.MouseEvent) => {\n const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') \|\| document.documentElement;\n const scrollTop = scrollContainer.scrollTop;\n setIsExpanded(!isExpanded);\n requestAnimationFrame(() => {\n scrollContainer.scrollTop = scrollTop;\n });\n };\n\n return (\n <div\n className=\"mt-2 mb-8\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div>\n <MarkerPill expanded={isExpanded} onClick={handleToggle} icon={<ObservationIcon className=\"text-accent6\" />}>\n {bufferedLabel} {tokensBuffered ? formatTokens(tokensBuffered) : '?'}→\n {bufferedTokens ? formatTokens(bufferedTokens) : '?'} tokens\n {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n </MarkerPill>\n\n {isExpanded && (\n <div\n className={`mt-2 ml-6 rounded-lg ${bufferExpandedBgColor} space-y-2 border p-4 text-caption ${bufferExpandedBorderColor}`}\n >\n {observations && <ObservationRenderer observations={observations} maxHeight=\"240px\" />}\n <ExtractedValuesPanel\n extractedValues={extractedValues}\n extractionFailures={extractionFailures}\n isExpanded={isExtractedExpanded}\n onToggle={() => setIsExtractedExpanded(!isExtractedExpanded)}\n />\n </div>\n )}\n </div>\n </div>\n );\n }\n\n if (isBufferingFailed) {\n const error = omData.error;\n const failedLabel = isReflection ? 'Buffered reflection failed' : 'Buffered observation failed';\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"my-1\">\n <button\n onClick={() => setIsExpanded(!isExpanded)}\n className=\"inline-flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed border-red-400/40 bg-red-500/10 px-2 py-1 text-column text-red-600 hover:bg-red-500/20\"\n >\n {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n <XCircle className=\"size-3\" />\n <span>{failedLabel}</span>\n </button>\n\n {isExpanded && error && (\n <div className=\"mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-caption text-red-700\">\n <span className=\"text-column\">Error:</span> {error}\n </div>\n )}\n </div>\n </div>\n );\n }\n\n // Activation state - buffered observations have been activated into active observations\n // Styled to match sync observation/reflection markers (green scheme with Brain icon)\n if (isActivated) {\n const tokensActivated = omData.tokensActivated ?? 0;\n const observationTokens = omData.observationTokens ?? 0;\n const { observations } = omData;\n const activatedLabel = isReflection ? 'Reflected' : 'Observed';\n const compressionRatio =\n tokensActivated && observationTokens && observationTokens > 0\n ? Math.round(tokensActivated / observationTokens)\n : null;\n\n const handleToggle = (e: React.MouseEvent) => {\n const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') \|\| document.documentElement;\n const scrollTop = scrollContainer.scrollTop;\n setIsExpanded(!isExpanded);\n requestAnimationFrame(() => {\n scrollContainer.scrollTop = scrollTop;\n });\n };\n\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n data-om-no-highlight=\"true\"\n >\n <div className=\"my-1\">\n <button\n onClick={handleToggle}\n className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${completeBgColor} ${completeTextColor} text-column ${completeHoverBgColor} cursor-pointer`}\n >\n {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n <span>\n {activatedLabel} {tokensActivated ? formatTokens(tokensActivated) : '?'}→\n {observationTokens ? formatTokens(observationTokens) : '?'} tokens\n {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n </span>\n </button>\n {isExpanded && (\n <div\n className={`mt-1 ml-6 rounded-md p-2 ${expandedBgColor} space-y-1.5 border text-caption ${expandedBorderColor}`}\n >\n {/ Stats row */}\n <div className={`flex gap-4 text-caption ${labelColor}`}>\n {tokensActivated > 0 && <span>Input: {formatTokens(tokensActivated)}</span>}\n {observationTokens > 0 && <span>Output: {formatTokens(observationTokens)}</span>}\n {compressionRatio && compressionRatio > 1 && <span>Compression: {compressionRatio}x</span>}\n </div>\n {observations && (\n <div className=\"mt-1 border-t border-border pt-1\">\n <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n );\n }\n\n // Unknown marker type - render generic\n return (\n <div\n className=\"mb-3\"\n data-om-badge={cycleId}\n data-om-state={state}\n data-om-type={isReflection ? 'reflection' : 'observation'}\n >\n <div className=\"my-1 inline-flex items-center gap-1.5 rounded-md bg-fill px-2 py-1 text-column text-muted-foreground\">\n <Brain className=\"size-3\" />\n <span>{toolName}</span>\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const markdownRenderer = require('../../../../markdown-renderer-D8qYAU7K.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-C74wABzc.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 const PRIORITY_COLORS = {
@@ -146,7 +146,7 @@ function ObservationItem({
   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";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("py-0.5", observation.isNested && "border-border/50 ml-4 border-l pl-2"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("py-0.5", observation.isNested && "ml-4 border-l border-border/50 pl-2"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -158,7 +158,7 @@ function ObservationItem({
         ),
         children: [
           observation.isNested && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("shrink-0", useInheritedTextColor ? "opacity-60" : "text-muted-foreground"), children: "→" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "[&_code]:text-meta flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: priorityColor, children: observation.content }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: priorityColor, children: observation.content }) }),
           observation.time && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
@@ -208,7 +208,7 @@ function ThreadSection({
       {
         className: utils_cn.cn(
           "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"
+          useInheritedTextColor ? "bg-current/10 opacity-60" : "bg-muted/50 text-muted-foreground"
         ),
         children: [
           "Thread ",
@@ -230,7 +230,7 @@ function ObservationRenderer({
   const parsed = React.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__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-muted-foreground text-caption italic", className), children: "No observations" });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-caption text-muted-foreground italic", className), children: "No observations" });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("overflow-hidden text-body", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -249,13 +249,13 @@ function ObservationRenderer({
         ))
       }
     ),
-    showCurrentTask && parsed.currentTask && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border mt-2 border-t pt-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-meta mb-1 tracking-wide uppercase", children: "Current Task" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground text-caption whitespace-pre-wrap", children: parsed.currentTask })
+    showCurrentTask && parsed.currentTask && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 border-t border-border pt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-meta tracking-wide text-muted-foreground uppercase", children: "Current Task" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-caption whitespace-pre-wrap text-foreground", children: parsed.currentTask })
     ] }),
-    showSuggestedResponse && parsed.suggestedResponse && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border mt-2 border-t pt-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-meta mb-1 tracking-wide uppercase", children: "Suggested Response" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground/80 text-caption whitespace-pre-wrap italic", children: parsed.suggestedResponse })
+    showSuggestedResponse && parsed.suggestedResponse && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 border-t border-border pt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-meta tracking-wide text-muted-foreground uppercase", children: "Suggested Response" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-caption whitespace-pre-wrap text-foreground/80 italic", children: parsed.suggestedResponse })
     ] })
   ] });
 }