@mastra/playground-ui 66.1.0-alpha.2 → 67.0.0

package/dist/domains/chat/messages/skill-message.es.js

@@ -1,16 +1,18 @@
 import { t as ScrollArea } from "../../../scroll-area-C226l0v0.js";
-import { m as ActivityItem, t as SignalActivity } from "../../../activity-ihrl0JtH.js";
-import { t as MarkdownRenderer } from "../../../MarkdownRenderer-DKCDXaLy.js";
+import { t as agentGlyph } from "../../../AgentIndicator-Bs2S8AWJ.js";
+import { m as ActivityItem, t as SignalActivity } from "../../../activity-CM34JyW-.js";
+import { t as MarkdownRenderer } from "../../../MarkdownRenderer-DME2xKTk.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { BookOpen } from "lucide-react";
 // src/domains/chat/messages/skill-message.tsx
-function SkillMessage({ activation, defaultOpen }) {
+var SkillGlyph = agentGlyph("skill");
+function SkillMessage({ activation, defaultOpen, appearance = "row" }) {
 	const { name, arguments: args, instructions, feed } = activation;
 	const item = /* @__PURE__ */ jsx(ActivityItem, {
+		appearance,
 		label: "Skill",
 		detail: args ? `${name} ${args}` : name,
-		icon: /* @__PURE__ */ jsx(BookOpen, {
-			className: "text-span-skill",
+		icon: /* @__PURE__ */ jsx(SkillGlyph, {
+			className: appearance === "inline" ? void 0 : "text-span-skill",
 			"aria-hidden": true
 		}),
 		"data-skill-name": name,
@@ -31,7 +33,8 @@ function SkillMessage({ activation, defaultOpen }) {
 		children: [item, /* @__PURE__ */ jsx(SignalActivity, {
 			kind: "reactive",
 			label: "Work item feed",
-			message: feed
+			message: feed,
+			appearance
 		})]
 	});
 }

package/dist/domains/chat/messages/skill-message.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"skill-message.es.js","names":[],"sources":["../../../../src/domains/chat/messages/skill-message.tsx"],"sourcesContent":["import { BookOpen } from 'lucide-react';\n\nimport type { SkillActivation } from './skill-activation';\nimport { ActivityItem, SignalActivity } from '@/ds/components/ai/activity';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\n\nexport function SkillMessage({ activation, defaultOpen }: { activation: SkillActivation; defaultOpen?: boolean }) {\n  const { name, arguments: args, instructions, feed } = activation;\n  const item = (\n    <ActivityItem\n      label=\"Skill\"\n      detail={args ? `${name} ${args}` : name}\n      icon={<BookOpen className=\"text-span-skill\" aria-hidden />}\n      data-skill-name={name}\n      aria-label={`Skill: ${name}`}\n      defaultOpen={defaultOpen}\n    >\n      <ScrollArea maxHeight=\"24rem\" revealScrollbarOnHover={false}>\n        <MarkdownRenderer className=\"text-caption\">{instructions}</MarkdownRenderer>\n      </ScrollArea>\n    </ActivityItem>\n  );\n\n  if (feed === undefined) return item;\n\n  return (\n    <div className=\"flex flex-col\">\n      {item}\n      <SignalActivity kind=\"reactive\" label=\"Work item feed\" message={feed} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAgB,aAAa,EAAE,YAAY,eAAuE;CAChH,MAAM,EAAE,MAAM,WAAW,MAAM,cAAc,SAAS;CACtD,MAAM,OACJ,oBAAC,cAAD;EACE,OAAM;EACN,QAAQ,OAAO,GAAG,KAAK,GAAG,SAAS;EACnC,MAAM,oBAAC,UAAD;GAAU,WAAU;GAAkB,eAAA;EAAa,CAAA;EACzD,mBAAiB;EACjB,cAAY,UAAU;EACT;EAEb,UAAA,oBAAC,YAAD;GAAY,WAAU;GAAQ,wBAAwB;GACpD,UAAA,oBAAC,kBAAD;IAAkB,WAAU;IAAgB,UAAA;GAA+B,CAAA;EACjE,CAAA;CACA,CAAA;CAGhB,IAAI,SAAS,KAAA,GAAW,OAAO;CAE/B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,MACD,oBAAC,gBAAD;GAAgB,MAAK;GAAW,OAAM;GAAiB,SAAS;EAAO,CAAA,CACpE;;AAET"}
+{"version":3,"file":"skill-message.es.js","names":[],"sources":["../../../../src/domains/chat/messages/skill-message.tsx"],"sourcesContent":["import type { SkillActivation } from './skill-activation';\nimport { agentGlyph } from '@/ds/components/AgentIndicator';\nimport { ActivityItem, SignalActivity } from '@/ds/components/ai/activity';\nimport type { ActivityAppearance } from '@/ds/components/ai/activity';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\n\nconst SkillGlyph = agentGlyph('skill');\n\nexport function SkillMessage({\n  activation,\n  defaultOpen,\n  appearance = 'row',\n}: {\n  activation: SkillActivation;\n  defaultOpen?: boolean;\n  appearance?: ActivityAppearance;\n}) {\n  const { name, arguments: args, instructions, feed } = activation;\n  const item = (\n    <ActivityItem\n      appearance={appearance}\n      label=\"Skill\"\n      detail={args ? `${name} ${args}` : name}\n      icon={<SkillGlyph className={appearance === 'inline' ? undefined : 'text-span-skill'} aria-hidden />}\n      data-skill-name={name}\n      aria-label={`Skill: ${name}`}\n      defaultOpen={defaultOpen}\n    >\n      <ScrollArea maxHeight=\"24rem\" revealScrollbarOnHover={false}>\n        <MarkdownRenderer className=\"text-caption\">{instructions}</MarkdownRenderer>\n      </ScrollArea>\n    </ActivityItem>\n  );\n\n  if (feed === undefined) return item;\n\n  return (\n    <div className=\"flex flex-col\">\n      {item}\n      <SignalActivity kind=\"reactive\" label=\"Work item feed\" message={feed} appearance={appearance} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,IAAM,aAAa,WAAW,OAAO;AAErC,SAAgB,aAAa,EAC3B,YACA,aACA,aAAa,SAKZ;CACD,MAAM,EAAE,MAAM,WAAW,MAAM,cAAc,SAAS;CACtD,MAAM,OACJ,oBAAC,cAAD;EACc;EACZ,OAAM;EACN,QAAQ,OAAO,GAAG,KAAK,GAAG,SAAS;EACnC,MAAM,oBAAC,YAAD;GAAY,WAAW,eAAe,WAAW,KAAA,IAAY;GAAmB,eAAA;EAAa,CAAA;EACnG,mBAAiB;EACjB,cAAY,UAAU;EACT;EAEb,UAAA,oBAAC,YAAD;GAAY,WAAU;GAAQ,wBAAwB;GACpD,UAAA,oBAAC,kBAAD;IAAkB,WAAU;IAAgB,UAAA;GAA+B,CAAA;EACjE,CAAA;CACA,CAAA;CAGhB,IAAI,SAAS,KAAA,GAAW,OAAO;CAE/B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,MACD,oBAAC,gBAAD;GAAgB,MAAK;GAAW,OAAM;GAAiB,SAAS;GAAkB;EAAa,CAAA,CAC5F;;AAET"}

package/dist/domains/chat/messages/system-reminder-badge.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_activity = require("../../../activity-QyLJcBKc.cjs");
+const require_activity = require("../../../activity-DAK8tj7r.cjs");
 const require_domains_chat_messages_system_reminder_utils = require("./system-reminder-utils.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/chat/messages/system-reminder-badge.es.js

@@ -1,4 +1,4 @@
-import { t as SignalActivity } from "../../../activity-ihrl0JtH.js";
+import { t as SignalActivity } from "../../../activity-CM34JyW-.js";
 import { parseSystemReminder } from "./system-reminder-utils.es.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/domains/chat/tools/badges/agent-badge-wrapper.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tool_card = require("../../../../tool-card-o5u4YCR0.cjs");
+const require_tool_card = require("../../../../tool-card-B7O8AsRl.cjs");
 exports.AgentBadgeWrapper = require_tool_card.AgentBadgeWrapper;

package/dist/domains/chat/tools/badges/agent-badge-wrapper.es.js

@@ -1 +1 @@
-export { r as AgentBadgeWrapper } from "../../../../tool-card-Bd8weXze.js";
+export { r as AgentBadgeWrapper } from "../../../../tool-card-ELW898uw.js";

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

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tool_card = require("../../../../tool-card-o5u4YCR0.cjs");
+const require_tool_card = require("../../../../tool-card-B7O8AsRl.cjs");
 exports.AgentBadge = require_tool_card.AgentBadge;

package/dist/domains/chat/tools/badges/agent-badge.es.js

@@ -1 +1 @@
-export { i as AgentBadge } from "../../../../tool-card-Bd8weXze.js";
+export { i as AgentBadge } from "../../../../tool-card-ELW898uw.js";

package/dist/domains/chat/tools/badges/file-tree-badge.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_tool_call = require("../../../../tool-call-Dq9xF3WD.cjs");
-const require_tool_presentation = require("../../../../tool-presentation-D2uUj1AB.cjs");
+const require_tool_call = require("../../../../tool-call-CvilN9ti.cjs");
+const require_tool_presentation = require("../../../../tool-presentation-BLErsb7c.cjs");
 const require_domains_chat_tools_badges_awaits_tool_approval = require("./awaits-tool-approval.cjs.js");
 const require_domains_chat_tools_badges_tool_approval_badge = require("./tool-approval-badge.cjs.js");
 const require_domains_chat_tools_badges_workspace_data_parts = require("./workspace-data-parts.cjs.js");

package/dist/domains/chat/tools/badges/file-tree-badge.es.js

@@ -1,6 +1,6 @@
 import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { a as ToolCallArguments, r as ToolCallOutput } from "../../../../tool-call-CItJ8KLA.js";
-import { r as presentTool } from "../../../../tool-presentation-DKfIKLQy.js";
+import { a as ToolCallArguments, r as ToolCallOutput } from "../../../../tool-call-BxYXs9w0.js";
+import { r as presentTool } from "../../../../tool-presentation-BSZYIWx2.js";
 import { awaitsToolApproval } from "./awaits-tool-approval.es.js";
 import { ToolApprovalBadge } from "./tool-approval-badge.es.js";
 import { parseToolArgs, workspaceMetadata } from "./workspace-data-parts.es.js";

package/dist/domains/chat/tools/badges/mcp-task-chip.cjs.js

@@ -0,0 +1,111 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_copy_button = require("../../../../copy-button-BYEFKNpo.cjs");
+const require_Badge = require("../../../../Badge-DZ6r6bcw.cjs");
+const require_domains_chat_tools_badges_use_mcp_task_progress = require("./use-mcp-task-progress.cjs.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mastra_react = require("@mastra/react");
+let _tanstack_react_query = require("@tanstack/react-query");
+// src/domains/chat/tools/badges/mcp-task-chip.tsx
+var STATUS = {
+	working: {
+		label: "working",
+		variant: "info",
+		indicator: "pulse"
+	},
+	input_required: {
+		label: "input required",
+		variant: "warning",
+		indicator: "dot"
+	},
+	completed: {
+		label: "completed",
+		variant: "success"
+	},
+	failed: {
+		label: "failed",
+		variant: "destructive"
+	},
+	cancelled: {
+		label: "cancelled",
+		variant: "neutral"
+	}
+};
+/** Now, every second, until `endedAt` is known. */
+function useClock(endedAt) {
+	const [now, setNow] = (0, react.useState)(Date.now);
+	(0, react.useEffect)(() => {
+		if (endedAt !== void 0) return;
+		const timer = setInterval(() => setNow(Date.now()), 1e3);
+		return () => clearInterval(timer);
+	}, [endedAt]);
+	return endedAt ?? now;
+}
+var formatElapsed = (ms) => {
+	if (Number.isNaN(ms)) return "--:--";
+	const seconds = Math.max(0, Math.floor(ms / 1e3));
+	return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, "0")}`;
+};
+/** `task · working · 0:42` for a tool call that continued as an MCP task, with its task id to copy. */
+function McpTaskChip({ task }) {
+	const { label, variant, indicator } = STATUS[task.status];
+	const elapsed = useClock(require_domains_chat_tools_badges_use_mcp_task_progress.isTerminalMcpTaskStatus(task.status) ? task.endedAt : void 0) - Date.parse(task.createdAt);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: "inline-flex items-center gap-1",
+		"data-testid": "mcp-task-chip",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Badge.Badge, {
+			size: "sm",
+			variant,
+			emphasis: "subtle",
+			indicator,
+			title: `MCP task ${task.taskId} on ${task.serverName}`,
+			children: [
+				"task · ",
+				label,
+				" · ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-mono tabular-nums",
+					children: formatElapsed(elapsed)
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_copy_button.CopyButton, {
+			content: task.taskId,
+			tooltip: "Copy MCP task id",
+			copyMessage: "Copied MCP task id"
+		})]
+	});
+}
+var BACKGROUND_POLL_MS = 2e3;
+/** How the Mastra background task ended, as the MCP task's status; undefined while it runs. */
+var BACKGROUND_END = {
+	completed: "completed",
+	failed: "failed",
+	timed_out: "failed",
+	cancelled: "cancelled"
+};
+/**
+* The chip for a call deferred to a Mastra background task. The chat stream ends with the turn, so
+* the task's later progress and its end never reach this card; until the progress shows the task
+* ended, the background task is polled for how it ended.
+*/
+function BackgroundMcpTaskChip({ task, backgroundTaskId }) {
+	const client = (0, _mastra_react.useMastraClient)();
+	const ended = require_domains_chat_tools_badges_use_mcp_task_progress.isTerminalMcpTaskStatus(task.status);
+	const { data, dataUpdatedAt } = (0, _tanstack_react_query.useQuery)({
+		queryKey: ["background-task", backgroundTaskId],
+		queryFn: () => client.getBackgroundTask(backgroundTaskId),
+		enabled: !ended,
+		refetchInterval: (query) => BACKGROUND_END[query.state.data?.status ?? ""] ? false : BACKGROUND_POLL_MS
+	});
+	const backgroundEnd = ended ? void 0 : BACKGROUND_END[data?.status ?? ""];
+	const completedAt = data?.completedAt ? new Date(data.completedAt).getTime() : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(McpTaskChip, { task: backgroundEnd ? {
+		...task,
+		status: backgroundEnd,
+		endedAt: completedAt ?? task.endedAt ?? dataUpdatedAt
+	} : task });
+}
+exports.BackgroundMcpTaskChip = BackgroundMcpTaskChip;
+exports.McpTaskChip = McpTaskChip;
+
+//# sourceMappingURL=mcp-task-chip.cjs.js.map

package/dist/domains/chat/tools/badges/mcp-task-chip.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-task-chip.cjs.js","names":["useState","isTerminalMcpTaskStatus","Badge","CopyButton","useMastraClient","useQuery"],"sources":["../../../../../src/domains/chat/tools/badges/mcp-task-chip.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { isTerminalMcpTaskStatus } from './use-mcp-task-progress';\nimport type { McpTaskStatus, McpTaskView } from './use-mcp-task-progress';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeIndicator, BadgeVariant } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\n\nconst STATUS: Record<McpTaskStatus, { label: string; variant: BadgeVariant; indicator?: BadgeIndicator }> = {\n  working: { label: 'working', variant: 'info', indicator: 'pulse' },\n  input_required: { label: 'input required', variant: 'warning', indicator: 'dot' },\n  completed: { label: 'completed', variant: 'success' },\n  failed: { label: 'failed', variant: 'destructive' },\n  cancelled: { label: 'cancelled', variant: 'neutral' },\n};\n\n/** Now, every second, until `endedAt` is known. */\nfunction useClock(endedAt: number | undefined) {\n  const [now, setNow] = useState(Date.now);\n  useEffect(() => {\n    if (endedAt !== undefined) return;\n    const timer = setInterval(() => setNow(Date.now()), 1_000);\n    return () => clearInterval(timer);\n  }, [endedAt]);\n  return endedAt ?? now;\n}\n\nconst formatElapsed = (ms: number) => {\n  // A server may send a valid ISO 8601 `createdAt` that `Date.parse` can't read, like `20261029T120000Z`.\n  if (Number.isNaN(ms)) return '--:--';\n  const seconds = Math.max(0, Math.floor(ms / 1000));\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;\n};\n\n/** `task · working · 0:42` for a tool call that continued as an MCP task, with its task id to copy. */\nexport function McpTaskChip({ task }: { task: McpTaskView }) {\n  const { label, variant, indicator } = STATUS[task.status];\n  const terminal = isTerminalMcpTaskStatus(task.status);\n  const elapsed = useClock(terminal ? task.endedAt : undefined) - Date.parse(task.createdAt);\n\n  return (\n    <span className=\"inline-flex items-center gap-1\" data-testid=\"mcp-task-chip\">\n      <Badge\n        size=\"sm\"\n        variant={variant}\n        emphasis=\"subtle\"\n        indicator={indicator}\n        title={`MCP task ${task.taskId} on ${task.serverName}`}\n      >\n        task · {label} · <span className=\"font-mono tabular-nums\">{formatElapsed(elapsed)}</span>\n      </Badge>\n      <CopyButton content={task.taskId} tooltip=\"Copy MCP task id\" copyMessage=\"Copied MCP task id\" />\n    </span>\n  );\n}\n\nconst BACKGROUND_POLL_MS = 2_000;\n\n/** How the Mastra background task ended, as the MCP task's status; undefined while it runs. */\nconst BACKGROUND_END: Record<string, McpTaskStatus | undefined> = {\n  completed: 'completed',\n  failed: 'failed',\n  timed_out: 'failed',\n  cancelled: 'cancelled',\n};\n\n/**\n * The chip for a call deferred to a Mastra background task. The chat stream ends with the turn, so\n * the task's later progress and its end never reach this card; until the progress shows the task\n * ended, the background task is polled for how it ended.\n */\nexport function BackgroundMcpTaskChip({ task, backgroundTaskId }: { task: McpTaskView; backgroundTaskId: string }) {\n  const client = useMastraClient();\n  const ended = isTerminalMcpTaskStatus(task.status);\n  const { data, dataUpdatedAt } = useQuery({\n    queryKey: ['background-task', backgroundTaskId],\n    queryFn: () => client.getBackgroundTask(backgroundTaskId),\n    enabled: !ended,\n    refetchInterval: query => (BACKGROUND_END[query.state.data?.status ?? ''] ? false : BACKGROUND_POLL_MS),\n  });\n  const backgroundEnd = ended ? undefined : BACKGROUND_END[data?.status ?? ''];\n  const completedAt = data?.completedAt ? new Date(data.completedAt).getTime() : undefined;\n\n  return (\n    <McpTaskChip\n      task={\n        backgroundEnd ? { ...task, status: backgroundEnd, endedAt: completedAt ?? task.endedAt ?? dataUpdatedAt } : task\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AASA,IAAM,SAAsG;CAC1G,SAAS;EAAE,OAAO;EAAW,SAAS;EAAQ,WAAW;CAAQ;CACjE,gBAAgB;EAAE,OAAO;EAAkB,SAAS;EAAW,WAAW;CAAM;CAChF,WAAW;EAAE,OAAO;EAAa,SAAS;CAAU;CACpD,QAAQ;EAAE,OAAO;EAAU,SAAS;CAAc;CAClD,WAAW;EAAE,OAAO;EAAa,SAAS;CAAU;AACtD;;AAGA,SAAS,SAAS,SAA6B;CAC7C,MAAM,CAAC,KAAK,WAAA,GAAUA,MAAAA,SAAAA,CAAS,KAAK,GAAG;CACvC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,YAAY,KAAA,GAAW;EAC3B,MAAM,QAAQ,kBAAkB,OAAO,KAAK,IAAI,CAAC,GAAG,GAAK;EACzD,aAAa,cAAc,KAAK;CAClC,GAAG,CAAC,OAAO,CAAC;CACZ,OAAO,WAAW;AACpB;AAEA,IAAM,iBAAiB,OAAe;CAEpC,IAAI,OAAO,MAAM,EAAE,GAAG,OAAO;CAC7B,MAAM,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,GAAI,CAAC;CACjD,OAAO,GAAG,KAAK,MAAM,UAAU,EAAE,EAAE,GAAG,OAAO,UAAU,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;AAC5E;;AAGA,SAAgB,YAAY,EAAE,QAA+B;CAC3D,MAAM,EAAE,OAAO,SAAS,cAAc,OAAO,KAAK;CAElD,MAAM,UAAU,SADCC,wDAAAA,wBAAwB,KAAK,MACrB,IAAW,KAAK,UAAU,KAAA,CAAS,IAAI,KAAK,MAAM,KAAK,SAAS;CAEzF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EAAM,WAAU;EAAiC,eAAY;EAA7D,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,cAAAA,OAAD;GACE,MAAK;GACI;GACT,UAAS;GACE;GACX,OAAO,YAAY,KAAK,OAAO,MAAM,KAAK;GAL5C,UAAA;IAMC;IACS;IAAM;IAAG,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAA0B,UAAA,cAAc,OAAO;IAAQ,CAAA;GACnF;EACP,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAD;GAAY,SAAS,KAAK;GAAQ,SAAQ;GAAmB,aAAY;EAAsB,CAAA,CAC3F;;AAEV;AAEA,IAAM,qBAAqB;;AAG3B,IAAM,iBAA4D;CAChE,WAAW;CACX,QAAQ;CACR,WAAW;CACX,WAAW;AACb;;;;;;AAOA,SAAgB,sBAAsB,EAAE,MAAM,oBAAqE;CACjH,MAAM,UAAA,GAASC,cAAAA,gBAAAA,CAAgB;CAC/B,MAAM,QAAQH,wDAAAA,wBAAwB,KAAK,MAAM;CACjD,MAAM,EAAE,MAAM,mBAAA,GAAkBI,sBAAAA,SAAAA,CAAS;EACvC,UAAU,CAAC,mBAAmB,gBAAgB;EAC9C,eAAe,OAAO,kBAAkB,gBAAgB;EACxD,SAAS,CAAC;EACV,kBAAiB,UAAU,eAAe,MAAM,MAAM,MAAM,UAAU,MAAM,QAAQ;CACtF,CAAC;CACD,MAAM,gBAAgB,QAAQ,KAAA,IAAY,eAAe,MAAM,UAAU;CACzE,MAAM,cAAc,MAAM,cAAc,IAAI,KAAK,KAAK,WAAW,CAAC,CAAC,QAAQ,IAAI,KAAA;CAE/E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EACE,MACE,gBAAgB;EAAE,GAAG;EAAM,QAAQ;EAAe,SAAS,eAAe,KAAK,WAAW;CAAc,IAAI,KAE/G,CAAA;AAEL"}

package/dist/domains/chat/tools/badges/mcp-task-chip.d.ts

@@ -0,0 +1 @@
+export * from '../../../../src/domains/chat/tools/badges/mcp-task-chip';

package/dist/domains/chat/tools/badges/mcp-task-chip.es.js

@@ -0,0 +1,109 @@
+import { t as CopyButton } from "../../../../copy-button-CF-X4iDj.js";
+import { t as Badge } from "../../../../Badge-aVu5iGAF.js";
+import { isTerminalMcpTaskStatus } from "./use-mcp-task-progress.es.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMastraClient } from "@mastra/react";
+import { useQuery } from "@tanstack/react-query";
+// src/domains/chat/tools/badges/mcp-task-chip.tsx
+var STATUS = {
+	working: {
+		label: "working",
+		variant: "info",
+		indicator: "pulse"
+	},
+	input_required: {
+		label: "input required",
+		variant: "warning",
+		indicator: "dot"
+	},
+	completed: {
+		label: "completed",
+		variant: "success"
+	},
+	failed: {
+		label: "failed",
+		variant: "destructive"
+	},
+	cancelled: {
+		label: "cancelled",
+		variant: "neutral"
+	}
+};
+/** Now, every second, until `endedAt` is known. */
+function useClock(endedAt) {
+	const [now, setNow] = useState(Date.now);
+	useEffect(() => {
+		if (endedAt !== void 0) return;
+		const timer = setInterval(() => setNow(Date.now()), 1e3);
+		return () => clearInterval(timer);
+	}, [endedAt]);
+	return endedAt ?? now;
+}
+var formatElapsed = (ms) => {
+	if (Number.isNaN(ms)) return "--:--";
+	const seconds = Math.max(0, Math.floor(ms / 1e3));
+	return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, "0")}`;
+};
+/** `task · working · 0:42` for a tool call that continued as an MCP task, with its task id to copy. */
+function McpTaskChip({ task }) {
+	const { label, variant, indicator } = STATUS[task.status];
+	const elapsed = useClock(isTerminalMcpTaskStatus(task.status) ? task.endedAt : void 0) - Date.parse(task.createdAt);
+	return /* @__PURE__ */ jsxs("span", {
+		className: "inline-flex items-center gap-1",
+		"data-testid": "mcp-task-chip",
+		children: [/* @__PURE__ */ jsxs(Badge, {
+			size: "sm",
+			variant,
+			emphasis: "subtle",
+			indicator,
+			title: `MCP task ${task.taskId} on ${task.serverName}`,
+			children: [
+				"task · ",
+				label,
+				" · ",
+				/* @__PURE__ */ jsx("span", {
+					className: "font-mono tabular-nums",
+					children: formatElapsed(elapsed)
+				})
+			]
+		}), /* @__PURE__ */ jsx(CopyButton, {
+			content: task.taskId,
+			tooltip: "Copy MCP task id",
+			copyMessage: "Copied MCP task id"
+		})]
+	});
+}
+var BACKGROUND_POLL_MS = 2e3;
+/** How the Mastra background task ended, as the MCP task's status; undefined while it runs. */
+var BACKGROUND_END = {
+	completed: "completed",
+	failed: "failed",
+	timed_out: "failed",
+	cancelled: "cancelled"
+};
+/**
+* The chip for a call deferred to a Mastra background task. The chat stream ends with the turn, so
+* the task's later progress and its end never reach this card; until the progress shows the task
+* ended, the background task is polled for how it ended.
+*/
+function BackgroundMcpTaskChip({ task, backgroundTaskId }) {
+	const client = useMastraClient();
+	const ended = isTerminalMcpTaskStatus(task.status);
+	const { data, dataUpdatedAt } = useQuery({
+		queryKey: ["background-task", backgroundTaskId],
+		queryFn: () => client.getBackgroundTask(backgroundTaskId),
+		enabled: !ended,
+		refetchInterval: (query) => BACKGROUND_END[query.state.data?.status ?? ""] ? false : BACKGROUND_POLL_MS
+	});
+	const backgroundEnd = ended ? void 0 : BACKGROUND_END[data?.status ?? ""];
+	const completedAt = data?.completedAt ? new Date(data.completedAt).getTime() : void 0;
+	return /* @__PURE__ */ jsx(McpTaskChip, { task: backgroundEnd ? {
+		...task,
+		status: backgroundEnd,
+		endedAt: completedAt ?? task.endedAt ?? dataUpdatedAt
+	} : task });
+}
+export { BackgroundMcpTaskChip, McpTaskChip };
+
+//# sourceMappingURL=mcp-task-chip.es.js.map

package/dist/domains/chat/tools/badges/mcp-task-chip.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-task-chip.es.js","names":[],"sources":["../../../../../src/domains/chat/tools/badges/mcp-task-chip.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { isTerminalMcpTaskStatus } from './use-mcp-task-progress';\nimport type { McpTaskStatus, McpTaskView } from './use-mcp-task-progress';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeIndicator, BadgeVariant } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\n\nconst STATUS: Record<McpTaskStatus, { label: string; variant: BadgeVariant; indicator?: BadgeIndicator }> = {\n  working: { label: 'working', variant: 'info', indicator: 'pulse' },\n  input_required: { label: 'input required', variant: 'warning', indicator: 'dot' },\n  completed: { label: 'completed', variant: 'success' },\n  failed: { label: 'failed', variant: 'destructive' },\n  cancelled: { label: 'cancelled', variant: 'neutral' },\n};\n\n/** Now, every second, until `endedAt` is known. */\nfunction useClock(endedAt: number | undefined) {\n  const [now, setNow] = useState(Date.now);\n  useEffect(() => {\n    if (endedAt !== undefined) return;\n    const timer = setInterval(() => setNow(Date.now()), 1_000);\n    return () => clearInterval(timer);\n  }, [endedAt]);\n  return endedAt ?? now;\n}\n\nconst formatElapsed = (ms: number) => {\n  // A server may send a valid ISO 8601 `createdAt` that `Date.parse` can't read, like `20261029T120000Z`.\n  if (Number.isNaN(ms)) return '--:--';\n  const seconds = Math.max(0, Math.floor(ms / 1000));\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;\n};\n\n/** `task · working · 0:42` for a tool call that continued as an MCP task, with its task id to copy. */\nexport function McpTaskChip({ task }: { task: McpTaskView }) {\n  const { label, variant, indicator } = STATUS[task.status];\n  const terminal = isTerminalMcpTaskStatus(task.status);\n  const elapsed = useClock(terminal ? task.endedAt : undefined) - Date.parse(task.createdAt);\n\n  return (\n    <span className=\"inline-flex items-center gap-1\" data-testid=\"mcp-task-chip\">\n      <Badge\n        size=\"sm\"\n        variant={variant}\n        emphasis=\"subtle\"\n        indicator={indicator}\n        title={`MCP task ${task.taskId} on ${task.serverName}`}\n      >\n        task · {label} · <span className=\"font-mono tabular-nums\">{formatElapsed(elapsed)}</span>\n      </Badge>\n      <CopyButton content={task.taskId} tooltip=\"Copy MCP task id\" copyMessage=\"Copied MCP task id\" />\n    </span>\n  );\n}\n\nconst BACKGROUND_POLL_MS = 2_000;\n\n/** How the Mastra background task ended, as the MCP task's status; undefined while it runs. */\nconst BACKGROUND_END: Record<string, McpTaskStatus | undefined> = {\n  completed: 'completed',\n  failed: 'failed',\n  timed_out: 'failed',\n  cancelled: 'cancelled',\n};\n\n/**\n * The chip for a call deferred to a Mastra background task. The chat stream ends with the turn, so\n * the task's later progress and its end never reach this card; until the progress shows the task\n * ended, the background task is polled for how it ended.\n */\nexport function BackgroundMcpTaskChip({ task, backgroundTaskId }: { task: McpTaskView; backgroundTaskId: string }) {\n  const client = useMastraClient();\n  const ended = isTerminalMcpTaskStatus(task.status);\n  const { data, dataUpdatedAt } = useQuery({\n    queryKey: ['background-task', backgroundTaskId],\n    queryFn: () => client.getBackgroundTask(backgroundTaskId),\n    enabled: !ended,\n    refetchInterval: query => (BACKGROUND_END[query.state.data?.status ?? ''] ? false : BACKGROUND_POLL_MS),\n  });\n  const backgroundEnd = ended ? undefined : BACKGROUND_END[data?.status ?? ''];\n  const completedAt = data?.completedAt ? new Date(data.completedAt).getTime() : undefined;\n\n  return (\n    <McpTaskChip\n      task={\n        backgroundEnd ? { ...task, status: backgroundEnd, endedAt: completedAt ?? task.endedAt ?? dataUpdatedAt } : task\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;AASA,IAAM,SAAsG;CAC1G,SAAS;EAAE,OAAO;EAAW,SAAS;EAAQ,WAAW;CAAQ;CACjE,gBAAgB;EAAE,OAAO;EAAkB,SAAS;EAAW,WAAW;CAAM;CAChF,WAAW;EAAE,OAAO;EAAa,SAAS;CAAU;CACpD,QAAQ;EAAE,OAAO;EAAU,SAAS;CAAc;CAClD,WAAW;EAAE,OAAO;EAAa,SAAS;CAAU;AACtD;;AAGA,SAAS,SAAS,SAA6B;CAC7C,MAAM,CAAC,KAAK,UAAU,SAAS,KAAK,GAAG;CACvC,gBAAgB;EACd,IAAI,YAAY,KAAA,GAAW;EAC3B,MAAM,QAAQ,kBAAkB,OAAO,KAAK,IAAI,CAAC,GAAG,GAAK;EACzD,aAAa,cAAc,KAAK;CAClC,GAAG,CAAC,OAAO,CAAC;CACZ,OAAO,WAAW;AACpB;AAEA,IAAM,iBAAiB,OAAe;CAEpC,IAAI,OAAO,MAAM,EAAE,GAAG,OAAO;CAC7B,MAAM,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,GAAI,CAAC;CACjD,OAAO,GAAG,KAAK,MAAM,UAAU,EAAE,EAAE,GAAG,OAAO,UAAU,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;AAC5E;;AAGA,SAAgB,YAAY,EAAE,QAA+B;CAC3D,MAAM,EAAE,OAAO,SAAS,cAAc,OAAO,KAAK;CAElD,MAAM,UAAU,SADC,wBAAwB,KAAK,MACrB,IAAW,KAAK,UAAU,KAAA,CAAS,IAAI,KAAK,MAAM,KAAK,SAAS;CAEzF,OACE,qBAAC,QAAD;EAAM,WAAU;EAAiC,eAAY;EAA7D,UAAA,CACE,qBAAC,OAAD;GACE,MAAK;GACI;GACT,UAAS;GACE;GACX,OAAO,YAAY,KAAK,OAAO,MAAM,KAAK;GAL5C,UAAA;IAMC;IACS;IAAM;IAAG,oBAAC,QAAD;KAAM,WAAU;KAA0B,UAAA,cAAc,OAAO;IAAQ,CAAA;GACnF;EACP,CAAA,GAAA,oBAAC,YAAD;GAAY,SAAS,KAAK;GAAQ,SAAQ;GAAmB,aAAY;EAAsB,CAAA,CAC3F;;AAEV;AAEA,IAAM,qBAAqB;;AAG3B,IAAM,iBAA4D;CAChE,WAAW;CACX,QAAQ;CACR,WAAW;CACX,WAAW;AACb;;;;;;AAOA,SAAgB,sBAAsB,EAAE,MAAM,oBAAqE;CACjH,MAAM,SAAS,gBAAgB;CAC/B,MAAM,QAAQ,wBAAwB,KAAK,MAAM;CACjD,MAAM,EAAE,MAAM,kBAAkB,SAAS;EACvC,UAAU,CAAC,mBAAmB,gBAAgB;EAC9C,eAAe,OAAO,kBAAkB,gBAAgB;EACxD,SAAS,CAAC;EACV,kBAAiB,UAAU,eAAe,MAAM,MAAM,MAAM,UAAU,MAAM,QAAQ;CACtF,CAAC;CACD,MAAM,gBAAgB,QAAQ,KAAA,IAAY,eAAe,MAAM,UAAU;CACzE,MAAM,cAAc,MAAM,cAAc,IAAI,KAAK,KAAK,WAAW,CAAC,CAAC,QAAQ,IAAI,KAAA;CAE/E,OACE,oBAAC,aAAD,EACE,MACE,gBAAgB;EAAE,GAAG;EAAM,QAAQ;EAAe,SAAS,eAAe,KAAK,WAAW;CAAc,IAAI,KAE/G,CAAA;AAEL"}

package/dist/domains/chat/tools/badges/observation-marker-badge.cjs.js

@@ -1,12 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tool_call = require("../../../../tool-call-Dq9xF3WD.cjs");
-const require_activity = require("../../../../activity-QyLJcBKc.cjs");
+const require_AgentIndicator = require("../../../../AgentIndicator-to30W73z.cjs");
+const require_tool_call = require("../../../../tool-call-CvilN9ti.cjs");
+const require_activity = require("../../../../activity-DAK8tj7r.cjs");
 const require_domains_chat_tools_badges_observation_marker_format = require("./observation-marker-format.cjs.js");
 const require_domains_chat_tools_badges_observation_marker_details = require("./observation-marker-details.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/chat/tools/badges/observation-marker-badge.tsx
+var ThinkingGlyph = require_AgentIndicator.agentGlyph("thinking");
+var MemoryGlyph = require_AgentIndicator.agentGlyph("memory");
 function markerState(omData) {
 	if (omData._state) return omData._state;
 	if (omData.failedAt) return "failed";
@@ -23,7 +26,7 @@ function pendingTokens(tokens) {
 }
 function markerLine(toolName, state, omData) {
 	const isReflection = omData.operationType === "reflection";
-	const icon = isReflection ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Brain, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Eye, {});
+	const icon = isReflection ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThinkingGlyph, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoryGlyph, {});
 	const doneLabel = isReflection ? "Reflected" : "Observed";
 	const errorBody = omData.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallOutput, {
 		text: omData.error,
@@ -113,7 +116,7 @@ function markerLine(toolName, state, omData) {
 			})] })
 		};
 		default: return {
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Brain, {}),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoryGlyph, {}),
 			label: toolName,
 			status: "idle"
 		};
@@ -145,8 +148,7 @@ var ObservationMarkerBadge = ({ toolName, omData }) => {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityHeadline, {
 			icon,
 			label,
-			detail,
-			detailFont: "sans"
+			detail
 		}) }), body && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityContent, { children: body })]
 	});
 };

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

@@ -1 +1 @@
-{"version":3,"file":"observation-marker-badge.cjs.js","names":["compressionRatio","formatTokens","Brain","Eye","ToolCallOutput","_Fragment","ObservationStats","ObservationSections","Extractions","Unplug","extractedValueEntries","useState","Activity","ActivityTrigger","ActivityHeadline","ActivityContent"],"sources":["../../../../../src/domains/chat/tools/badges/observation-marker-badge.tsx"],"sourcesContent":["import { Brain, Eye, Unplug } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { Extractions, ObservationSections, ObservationStats } from './observation-marker-details';\nimport { compressionRatio, extractedValueEntries, formatTokens } from './observation-marker-format';\nimport { Activity, ActivityContent, ActivityHeadline, ActivityTrigger } from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { ToolCallOutput } from '@/ds/components/ai/tool-call';\n\nexport interface OmMarkerData {\n  observedAt?: string;\n  completedAt?: string;\n  failedAt?: string;\n  disconnectedAt?: 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  chunksActivated?: number;\n  tokensActivated?: number;\n  messagesActivated?: number;\n  config?: {\n    scope?: string;\n    messageTokens?: number;\n    observationTokens?: number;\n  };\n  tokensToBuffer?: number;\n  tokensBuffered?: number;\n  bufferedTokens?: number;\n}\n\ntype MarkerState = NonNullable<OmMarkerData['_state']> | 'disconnected';\n\ninterface MarkerLine {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  status: ActivityStatus;\n  body?: ReactNode;\n}\n\nexport interface ObservationMarkerBadgeProps {\n  toolName: string;\n  omData: OmMarkerData;\n}\n\nfunction markerState(omData: OmMarkerData): MarkerState {\n  if (omData._state) return omData._state;\n  if (omData.failedAt) return 'failed';\n  if (omData.completedAt) return 'complete';\n  if (omData.disconnectedAt) return 'disconnected';\n  return 'loading';\n}\n\nfunction tokenFlow(inputTokens?: number, outputTokens?: number): string {\n  const ratio = compressionRatio(inputTokens, outputTokens);\n  const input = inputTokens ? formatTokens(inputTokens) : '?';\n  const output = outputTokens ? formatTokens(outputTokens) : '?';\n  return `${input}→${output} tokens${ratio ? ` (-${ratio}x)` : ''}`;\n}\n\nfunction pendingTokens(tokens?: number): string | undefined {\n  return tokens ? `~${formatTokens(tokens)} tokens` : undefined;\n}\n\nfunction markerLine(toolName: string, state: MarkerState, omData: OmMarkerData): MarkerLine {\n  const isReflection = omData.operationType === 'reflection';\n  const icon = isReflection ? <Brain /> : <Eye />;\n  const doneLabel = isReflection ? 'Reflected' : 'Observed';\n  const errorBody = omData.error ? <ToolCallOutput text={omData.error} error /> : undefined;\n\n  switch (state) {\n    case 'loading':\n      return {\n        icon,\n        label: isReflection ? 'Reflecting' : 'Observing',\n        detail: pendingTokens(omData.tokensToObserve),\n        status: 'running',\n      };\n    case 'complete':\n      return {\n        icon,\n        label: doneLabel,\n        detail: tokenFlow(omData.tokensObserved, omData.observationTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationStats\n              inputTokens={omData.tokensObserved}\n              outputTokens={omData.observationTokens}\n              durationMs={omData.durationMs}\n            />\n            <ObservationSections\n              observations={omData.observations}\n              isReflection={isReflection}\n              maxHeight=\"500px\"\n              currentTask={omData.currentTask}\n              suggestedResponse={omData.suggestedResponse}\n            />\n            <Extractions extractedValues={omData.extractedValues} extractionFailures={omData.extractionFailures} />\n          </>\n        ),\n      };\n    case 'disconnected':\n      return {\n        icon: <Unplug />,\n        label: isReflection ? 'Reflection interrupted' : 'Observation interrupted',\n        detail: pendingTokens(omData.tokensToObserve),\n        status: 'idle',\n      };\n    case 'failed':\n      return {\n        icon,\n        label: isReflection ? 'Reflection' : 'Observation',\n        status: 'error',\n        body: errorBody,\n      };\n    case 'buffering':\n      return {\n        icon,\n        label: isReflection ? 'Buffering reflection' : 'Buffering observations',\n        detail: pendingTokens(omData.tokensToBuffer),\n        status: 'running',\n      };\n    case 'buffering-complete':\n      return {\n        icon,\n        label: isReflection ? 'Buffered reflection' : 'Buffered observations',\n        detail: tokenFlow(omData.tokensBuffered, omData.bufferedTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationSections observations={omData.observations} isReflection={isReflection} maxHeight=\"240px\" />\n            <Extractions extractedValues={omData.extractedValues} extractionFailures={omData.extractionFailures} />\n          </>\n        ),\n      };\n    case 'buffering-failed':\n      return {\n        icon,\n        label: isReflection ? 'Buffered reflection' : 'Buffered observations',\n        status: 'error',\n        body: errorBody,\n      };\n    case 'activated':\n      return {\n        icon,\n        label: doneLabel,\n        detail: tokenFlow(omData.tokensActivated, omData.observationTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationStats inputTokens={omData.tokensActivated} outputTokens={omData.observationTokens} />\n            <ObservationSections observations={omData.observations} isReflection={isReflection} maxHeight=\"500px\" />\n          </>\n        ),\n      };\n    default:\n      return { icon: <Brain />, label: toolName, status: 'idle' };\n  }\n}\n\n/** `data-om-*` attributes let the thread's bracket overlay find each marker in the DOM. */\nexport const ObservationMarkerBadge = ({ toolName, omData }: ObservationMarkerBadgeProps) => {\n  const state = markerState(omData);\n  const isReflection = omData.operationType === 'reflection';\n  const { icon, label, detail, status, body } = markerLine(toolName, state, omData);\n  const hasExtractions =\n    extractedValueEntries(omData.extractedValues).length > 0 || (omData.extractionFailures?.length ?? 0) > 0;\n  const opensItself = (state === 'failed' && isReflection) || hasExtractions;\n  const [openedByUser, setOpenedByUser] = useState<boolean>();\n  const [openedItselfBefore, setOpenedItselfBefore] = useState(opensItself);\n  if (opensItself !== openedItselfBefore) {\n    setOpenedItselfBefore(opensItself);\n    if (opensItself) setOpenedByUser(undefined);\n  }\n\n  return (\n    <Activity\n      open={openedByUser ?? opensItself}\n      onOpenChange={setOpenedByUser}\n      foldable={Boolean(body)}\n      status={status}\n      aria-label={label}\n      data-om-badge={omData.cycleId ?? ''}\n      data-om-state={state}\n      data-om-type={isReflection ? 'reflection' : 'observation'}\n      data-om-no-highlight={state === 'activated' ? 'true' : undefined}\n    >\n      <ActivityTrigger>\n        <ActivityHeadline icon={icon} label={label} detail={detail} detailFont=\"sans\" />\n      </ActivityTrigger>\n      {body && <ActivityContent>{body}</ActivityContent>}\n    </Activity>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"observation-marker-badge.cjs.js","names":["agentGlyph","compressionRatio","formatTokens","ToolCallOutput","_Fragment","ObservationStats","ObservationSections","Extractions","Unplug","extractedValueEntries","useState","Activity","ActivityTrigger","ActivityHeadline","ActivityContent"],"sources":["../../../../../src/domains/chat/tools/badges/observation-marker-badge.tsx"],"sourcesContent":["import { Unplug } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { Extractions, ObservationSections, ObservationStats } from './observation-marker-details';\nimport { compressionRatio, extractedValueEntries, formatTokens } from './observation-marker-format';\nimport { agentGlyph } from '@/ds/components/AgentIndicator';\nimport { Activity, ActivityContent, ActivityHeadline, ActivityTrigger } from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { ToolCallOutput } from '@/ds/components/ai/tool-call';\n\nconst ThinkingGlyph = agentGlyph('thinking');\nconst MemoryGlyph = agentGlyph('memory');\n\nexport interface OmMarkerData {\n  observedAt?: string;\n  completedAt?: string;\n  failedAt?: string;\n  disconnectedAt?: 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  chunksActivated?: number;\n  tokensActivated?: number;\n  messagesActivated?: number;\n  config?: {\n    scope?: string;\n    messageTokens?: number;\n    observationTokens?: number;\n  };\n  tokensToBuffer?: number;\n  tokensBuffered?: number;\n  bufferedTokens?: number;\n}\n\ntype MarkerState = NonNullable<OmMarkerData['_state']> | 'disconnected';\n\ninterface MarkerLine {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  status: ActivityStatus;\n  body?: ReactNode;\n}\n\nexport interface ObservationMarkerBadgeProps {\n  toolName: string;\n  omData: OmMarkerData;\n}\n\nfunction markerState(omData: OmMarkerData): MarkerState {\n  if (omData._state) return omData._state;\n  if (omData.failedAt) return 'failed';\n  if (omData.completedAt) return 'complete';\n  if (omData.disconnectedAt) return 'disconnected';\n  return 'loading';\n}\n\nfunction tokenFlow(inputTokens?: number, outputTokens?: number): string {\n  const ratio = compressionRatio(inputTokens, outputTokens);\n  const input = inputTokens ? formatTokens(inputTokens) : '?';\n  const output = outputTokens ? formatTokens(outputTokens) : '?';\n  return `${input}→${output} tokens${ratio ? ` (-${ratio}x)` : ''}`;\n}\n\nfunction pendingTokens(tokens?: number): string | undefined {\n  return tokens ? `~${formatTokens(tokens)} tokens` : undefined;\n}\n\nfunction markerLine(toolName: string, state: MarkerState, omData: OmMarkerData): MarkerLine {\n  const isReflection = omData.operationType === 'reflection';\n  const icon = isReflection ? <ThinkingGlyph /> : <MemoryGlyph />;\n  const doneLabel = isReflection ? 'Reflected' : 'Observed';\n  const errorBody = omData.error ? <ToolCallOutput text={omData.error} error /> : undefined;\n\n  switch (state) {\n    case 'loading':\n      return {\n        icon,\n        label: isReflection ? 'Reflecting' : 'Observing',\n        detail: pendingTokens(omData.tokensToObserve),\n        status: 'running',\n      };\n    case 'complete':\n      return {\n        icon,\n        label: doneLabel,\n        detail: tokenFlow(omData.tokensObserved, omData.observationTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationStats\n              inputTokens={omData.tokensObserved}\n              outputTokens={omData.observationTokens}\n              durationMs={omData.durationMs}\n            />\n            <ObservationSections\n              observations={omData.observations}\n              isReflection={isReflection}\n              maxHeight=\"500px\"\n              currentTask={omData.currentTask}\n              suggestedResponse={omData.suggestedResponse}\n            />\n            <Extractions extractedValues={omData.extractedValues} extractionFailures={omData.extractionFailures} />\n          </>\n        ),\n      };\n    case 'disconnected':\n      return {\n        icon: <Unplug />,\n        label: isReflection ? 'Reflection interrupted' : 'Observation interrupted',\n        detail: pendingTokens(omData.tokensToObserve),\n        status: 'idle',\n      };\n    case 'failed':\n      return {\n        icon,\n        label: isReflection ? 'Reflection' : 'Observation',\n        status: 'error',\n        body: errorBody,\n      };\n    case 'buffering':\n      return {\n        icon,\n        label: isReflection ? 'Buffering reflection' : 'Buffering observations',\n        detail: pendingTokens(omData.tokensToBuffer),\n        status: 'running',\n      };\n    case 'buffering-complete':\n      return {\n        icon,\n        label: isReflection ? 'Buffered reflection' : 'Buffered observations',\n        detail: tokenFlow(omData.tokensBuffered, omData.bufferedTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationSections observations={omData.observations} isReflection={isReflection} maxHeight=\"240px\" />\n            <Extractions extractedValues={omData.extractedValues} extractionFailures={omData.extractionFailures} />\n          </>\n        ),\n      };\n    case 'buffering-failed':\n      return {\n        icon,\n        label: isReflection ? 'Buffered reflection' : 'Buffered observations',\n        status: 'error',\n        body: errorBody,\n      };\n    case 'activated':\n      return {\n        icon,\n        label: doneLabel,\n        detail: tokenFlow(omData.tokensActivated, omData.observationTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationStats inputTokens={omData.tokensActivated} outputTokens={omData.observationTokens} />\n            <ObservationSections observations={omData.observations} isReflection={isReflection} maxHeight=\"500px\" />\n          </>\n        ),\n      };\n    default:\n      return { icon: <MemoryGlyph />, label: toolName, status: 'idle' };\n  }\n}\n\n/** `data-om-*` attributes let the thread's bracket overlay find each marker in the DOM. */\nexport const ObservationMarkerBadge = ({ toolName, omData }: ObservationMarkerBadgeProps) => {\n  const state = markerState(omData);\n  const isReflection = omData.operationType === 'reflection';\n  const { icon, label, detail, status, body } = markerLine(toolName, state, omData);\n  const hasExtractions =\n    extractedValueEntries(omData.extractedValues).length > 0 || (omData.extractionFailures?.length ?? 0) > 0;\n  const opensItself = (state === 'failed' && isReflection) || hasExtractions;\n  const [openedByUser, setOpenedByUser] = useState<boolean>();\n  const [openedItselfBefore, setOpenedItselfBefore] = useState(opensItself);\n  if (opensItself !== openedItselfBefore) {\n    setOpenedItselfBefore(opensItself);\n    if (opensItself) setOpenedByUser(undefined);\n  }\n\n  return (\n    <Activity\n      open={openedByUser ?? opensItself}\n      onOpenChange={setOpenedByUser}\n      foldable={Boolean(body)}\n      status={status}\n      aria-label={label}\n      data-om-badge={omData.cycleId ?? ''}\n      data-om-state={state}\n      data-om-type={isReflection ? 'reflection' : 'observation'}\n      data-om-no-highlight={state === 'activated' ? 'true' : undefined}\n    >\n      <ActivityTrigger>\n        <ActivityHeadline icon={icon} label={label} detail={detail} />\n      </ActivityTrigger>\n      {body && <ActivityContent>{body}</ActivityContent>}\n    </Activity>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,11 +1,14 @@
-import { r as ToolCallOutput } from "../../../../tool-call-CItJ8KLA.js";
-import { b as ActivityTrigger, c as ActivityContent, f as ActivityHeadline, s as Activity } from "../../../../activity-ihrl0JtH.js";
+import { t as agentGlyph } from "../../../../AgentIndicator-Bs2S8AWJ.js";
+import { r as ToolCallOutput } from "../../../../tool-call-BxYXs9w0.js";
+import { b as ActivityTrigger, c as ActivityContent, f as ActivityHeadline, s as Activity } from "../../../../activity-CM34JyW-.js";
 import { compressionRatio, extractedValueEntries, formatTokens } from "./observation-marker-format.es.js";
 import { Extractions, ObservationSections, ObservationStats } from "./observation-marker-details.es.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Brain, Eye, Unplug } from "lucide-react";
+import { Unplug } from "lucide-react";
 // src/domains/chat/tools/badges/observation-marker-badge.tsx
+var ThinkingGlyph = agentGlyph("thinking");
+var MemoryGlyph = agentGlyph("memory");
 function markerState(omData) {
 	if (omData._state) return omData._state;
 	if (omData.failedAt) return "failed";
@@ -22,7 +25,7 @@ function pendingTokens(tokens) {
 }
 function markerLine(toolName, state, omData) {
 	const isReflection = omData.operationType === "reflection";
-	const icon = isReflection ? /* @__PURE__ */ jsx(Brain, {}) : /* @__PURE__ */ jsx(Eye, {});
+	const icon = isReflection ? /* @__PURE__ */ jsx(ThinkingGlyph, {}) : /* @__PURE__ */ jsx(MemoryGlyph, {});
 	const doneLabel = isReflection ? "Reflected" : "Observed";
 	const errorBody = omData.error ? /* @__PURE__ */ jsx(ToolCallOutput, {
 		text: omData.error,
@@ -112,7 +115,7 @@ function markerLine(toolName, state, omData) {
 			})] })
 		};
 		default: return {
-			icon: /* @__PURE__ */ jsx(Brain, {}),
+			icon: /* @__PURE__ */ jsx(MemoryGlyph, {}),
 			label: toolName,
 			status: "idle"
 		};
@@ -144,8 +147,7 @@ var ObservationMarkerBadge = ({ toolName, omData }) => {
 		children: [/* @__PURE__ */ jsx(ActivityTrigger, { children: /* @__PURE__ */ jsx(ActivityHeadline, {
 			icon,
 			label,
-			detail,
-			detailFont: "sans"
+			detail
 		}) }), body && /* @__PURE__ */ jsx(ActivityContent, { children: body })]
 	});
 };

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

@@ -1 +1 @@
-{"version":3,"file":"observation-marker-badge.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/chat/tools/badges/observation-marker-badge.tsx"],"sourcesContent":["import { Brain, Eye, Unplug } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { Extractions, ObservationSections, ObservationStats } from './observation-marker-details';\nimport { compressionRatio, extractedValueEntries, formatTokens } from './observation-marker-format';\nimport { Activity, ActivityContent, ActivityHeadline, ActivityTrigger } from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { ToolCallOutput } from '@/ds/components/ai/tool-call';\n\nexport interface OmMarkerData {\n  observedAt?: string;\n  completedAt?: string;\n  failedAt?: string;\n  disconnectedAt?: 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  chunksActivated?: number;\n  tokensActivated?: number;\n  messagesActivated?: number;\n  config?: {\n    scope?: string;\n    messageTokens?: number;\n    observationTokens?: number;\n  };\n  tokensToBuffer?: number;\n  tokensBuffered?: number;\n  bufferedTokens?: number;\n}\n\ntype MarkerState = NonNullable<OmMarkerData['_state']> | 'disconnected';\n\ninterface MarkerLine {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  status: ActivityStatus;\n  body?: ReactNode;\n}\n\nexport interface ObservationMarkerBadgeProps {\n  toolName: string;\n  omData: OmMarkerData;\n}\n\nfunction markerState(omData: OmMarkerData): MarkerState {\n  if (omData._state) return omData._state;\n  if (omData.failedAt) return 'failed';\n  if (omData.completedAt) return 'complete';\n  if (omData.disconnectedAt) return 'disconnected';\n  return 'loading';\n}\n\nfunction tokenFlow(inputTokens?: number, outputTokens?: number): string {\n  const ratio = compressionRatio(inputTokens, outputTokens);\n  const input = inputTokens ? formatTokens(inputTokens) : '?';\n  const output = outputTokens ? formatTokens(outputTokens) : '?';\n  return `${input}→${output} tokens${ratio ? ` (-${ratio}x)` : ''}`;\n}\n\nfunction pendingTokens(tokens?: number): string | undefined {\n  return tokens ? `~${formatTokens(tokens)} tokens` : undefined;\n}\n\nfunction markerLine(toolName: string, state: MarkerState, omData: OmMarkerData): MarkerLine {\n  const isReflection = omData.operationType === 'reflection';\n  const icon = isReflection ? <Brain /> : <Eye />;\n  const doneLabel = isReflection ? 'Reflected' : 'Observed';\n  const errorBody = omData.error ? <ToolCallOutput text={omData.error} error /> : undefined;\n\n  switch (state) {\n    case 'loading':\n      return {\n        icon,\n        label: isReflection ? 'Reflecting' : 'Observing',\n        detail: pendingTokens(omData.tokensToObserve),\n        status: 'running',\n      };\n    case 'complete':\n      return {\n        icon,\n        label: doneLabel,\n        detail: tokenFlow(omData.tokensObserved, omData.observationTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationStats\n              inputTokens={omData.tokensObserved}\n              outputTokens={omData.observationTokens}\n              durationMs={omData.durationMs}\n            />\n            <ObservationSections\n              observations={omData.observations}\n              isReflection={isReflection}\n              maxHeight=\"500px\"\n              currentTask={omData.currentTask}\n              suggestedResponse={omData.suggestedResponse}\n            />\n            <Extractions extractedValues={omData.extractedValues} extractionFailures={omData.extractionFailures} />\n          </>\n        ),\n      };\n    case 'disconnected':\n      return {\n        icon: <Unplug />,\n        label: isReflection ? 'Reflection interrupted' : 'Observation interrupted',\n        detail: pendingTokens(omData.tokensToObserve),\n        status: 'idle',\n      };\n    case 'failed':\n      return {\n        icon,\n        label: isReflection ? 'Reflection' : 'Observation',\n        status: 'error',\n        body: errorBody,\n      };\n    case 'buffering':\n      return {\n        icon,\n        label: isReflection ? 'Buffering reflection' : 'Buffering observations',\n        detail: pendingTokens(omData.tokensToBuffer),\n        status: 'running',\n      };\n    case 'buffering-complete':\n      return {\n        icon,\n        label: isReflection ? 'Buffered reflection' : 'Buffered observations',\n        detail: tokenFlow(omData.tokensBuffered, omData.bufferedTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationSections observations={omData.observations} isReflection={isReflection} maxHeight=\"240px\" />\n            <Extractions extractedValues={omData.extractedValues} extractionFailures={omData.extractionFailures} />\n          </>\n        ),\n      };\n    case 'buffering-failed':\n      return {\n        icon,\n        label: isReflection ? 'Buffered reflection' : 'Buffered observations',\n        status: 'error',\n        body: errorBody,\n      };\n    case 'activated':\n      return {\n        icon,\n        label: doneLabel,\n        detail: tokenFlow(omData.tokensActivated, omData.observationTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationStats inputTokens={omData.tokensActivated} outputTokens={omData.observationTokens} />\n            <ObservationSections observations={omData.observations} isReflection={isReflection} maxHeight=\"500px\" />\n          </>\n        ),\n      };\n    default:\n      return { icon: <Brain />, label: toolName, status: 'idle' };\n  }\n}\n\n/** `data-om-*` attributes let the thread's bracket overlay find each marker in the DOM. */\nexport const ObservationMarkerBadge = ({ toolName, omData }: ObservationMarkerBadgeProps) => {\n  const state = markerState(omData);\n  const isReflection = omData.operationType === 'reflection';\n  const { icon, label, detail, status, body } = markerLine(toolName, state, omData);\n  const hasExtractions =\n    extractedValueEntries(omData.extractedValues).length > 0 || (omData.extractionFailures?.length ?? 0) > 0;\n  const opensItself = (state === 'failed' && isReflection) || hasExtractions;\n  const [openedByUser, setOpenedByUser] = useState<boolean>();\n  const [openedItselfBefore, setOpenedItselfBefore] = useState(opensItself);\n  if (opensItself !== openedItselfBefore) {\n    setOpenedItselfBefore(opensItself);\n    if (opensItself) setOpenedByUser(undefined);\n  }\n\n  return (\n    <Activity\n      open={openedByUser ?? opensItself}\n      onOpenChange={setOpenedByUser}\n      foldable={Boolean(body)}\n      status={status}\n      aria-label={label}\n      data-om-badge={omData.cycleId ?? ''}\n      data-om-state={state}\n      data-om-type={isReflection ? 'reflection' : 'observation'}\n      data-om-no-highlight={state === 'activated' ? 'true' : undefined}\n    >\n      <ActivityTrigger>\n        <ActivityHeadline icon={icon} label={label} detail={detail} detailFont=\"sans\" />\n      </ActivityTrigger>\n      {body && <ActivityContent>{body}</ActivityContent>}\n    </Activity>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"observation-marker-badge.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/chat/tools/badges/observation-marker-badge.tsx"],"sourcesContent":["import { Unplug } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { Extractions, ObservationSections, ObservationStats } from './observation-marker-details';\nimport { compressionRatio, extractedValueEntries, formatTokens } from './observation-marker-format';\nimport { agentGlyph } from '@/ds/components/AgentIndicator';\nimport { Activity, ActivityContent, ActivityHeadline, ActivityTrigger } from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { ToolCallOutput } from '@/ds/components/ai/tool-call';\n\nconst ThinkingGlyph = agentGlyph('thinking');\nconst MemoryGlyph = agentGlyph('memory');\n\nexport interface OmMarkerData {\n  observedAt?: string;\n  completedAt?: string;\n  failedAt?: string;\n  disconnectedAt?: 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  chunksActivated?: number;\n  tokensActivated?: number;\n  messagesActivated?: number;\n  config?: {\n    scope?: string;\n    messageTokens?: number;\n    observationTokens?: number;\n  };\n  tokensToBuffer?: number;\n  tokensBuffered?: number;\n  bufferedTokens?: number;\n}\n\ntype MarkerState = NonNullable<OmMarkerData['_state']> | 'disconnected';\n\ninterface MarkerLine {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  status: ActivityStatus;\n  body?: ReactNode;\n}\n\nexport interface ObservationMarkerBadgeProps {\n  toolName: string;\n  omData: OmMarkerData;\n}\n\nfunction markerState(omData: OmMarkerData): MarkerState {\n  if (omData._state) return omData._state;\n  if (omData.failedAt) return 'failed';\n  if (omData.completedAt) return 'complete';\n  if (omData.disconnectedAt) return 'disconnected';\n  return 'loading';\n}\n\nfunction tokenFlow(inputTokens?: number, outputTokens?: number): string {\n  const ratio = compressionRatio(inputTokens, outputTokens);\n  const input = inputTokens ? formatTokens(inputTokens) : '?';\n  const output = outputTokens ? formatTokens(outputTokens) : '?';\n  return `${input}→${output} tokens${ratio ? ` (-${ratio}x)` : ''}`;\n}\n\nfunction pendingTokens(tokens?: number): string | undefined {\n  return tokens ? `~${formatTokens(tokens)} tokens` : undefined;\n}\n\nfunction markerLine(toolName: string, state: MarkerState, omData: OmMarkerData): MarkerLine {\n  const isReflection = omData.operationType === 'reflection';\n  const icon = isReflection ? <ThinkingGlyph /> : <MemoryGlyph />;\n  const doneLabel = isReflection ? 'Reflected' : 'Observed';\n  const errorBody = omData.error ? <ToolCallOutput text={omData.error} error /> : undefined;\n\n  switch (state) {\n    case 'loading':\n      return {\n        icon,\n        label: isReflection ? 'Reflecting' : 'Observing',\n        detail: pendingTokens(omData.tokensToObserve),\n        status: 'running',\n      };\n    case 'complete':\n      return {\n        icon,\n        label: doneLabel,\n        detail: tokenFlow(omData.tokensObserved, omData.observationTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationStats\n              inputTokens={omData.tokensObserved}\n              outputTokens={omData.observationTokens}\n              durationMs={omData.durationMs}\n            />\n            <ObservationSections\n              observations={omData.observations}\n              isReflection={isReflection}\n              maxHeight=\"500px\"\n              currentTask={omData.currentTask}\n              suggestedResponse={omData.suggestedResponse}\n            />\n            <Extractions extractedValues={omData.extractedValues} extractionFailures={omData.extractionFailures} />\n          </>\n        ),\n      };\n    case 'disconnected':\n      return {\n        icon: <Unplug />,\n        label: isReflection ? 'Reflection interrupted' : 'Observation interrupted',\n        detail: pendingTokens(omData.tokensToObserve),\n        status: 'idle',\n      };\n    case 'failed':\n      return {\n        icon,\n        label: isReflection ? 'Reflection' : 'Observation',\n        status: 'error',\n        body: errorBody,\n      };\n    case 'buffering':\n      return {\n        icon,\n        label: isReflection ? 'Buffering reflection' : 'Buffering observations',\n        detail: pendingTokens(omData.tokensToBuffer),\n        status: 'running',\n      };\n    case 'buffering-complete':\n      return {\n        icon,\n        label: isReflection ? 'Buffered reflection' : 'Buffered observations',\n        detail: tokenFlow(omData.tokensBuffered, omData.bufferedTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationSections observations={omData.observations} isReflection={isReflection} maxHeight=\"240px\" />\n            <Extractions extractedValues={omData.extractedValues} extractionFailures={omData.extractionFailures} />\n          </>\n        ),\n      };\n    case 'buffering-failed':\n      return {\n        icon,\n        label: isReflection ? 'Buffered reflection' : 'Buffered observations',\n        status: 'error',\n        body: errorBody,\n      };\n    case 'activated':\n      return {\n        icon,\n        label: doneLabel,\n        detail: tokenFlow(omData.tokensActivated, omData.observationTokens),\n        status: 'idle',\n        body: (\n          <>\n            <ObservationStats inputTokens={omData.tokensActivated} outputTokens={omData.observationTokens} />\n            <ObservationSections observations={omData.observations} isReflection={isReflection} maxHeight=\"500px\" />\n          </>\n        ),\n      };\n    default:\n      return { icon: <MemoryGlyph />, label: toolName, status: 'idle' };\n  }\n}\n\n/** `data-om-*` attributes let the thread's bracket overlay find each marker in the DOM. */\nexport const ObservationMarkerBadge = ({ toolName, omData }: ObservationMarkerBadgeProps) => {\n  const state = markerState(omData);\n  const isReflection = omData.operationType === 'reflection';\n  const { icon, label, detail, status, body } = markerLine(toolName, state, omData);\n  const hasExtractions =\n    extractedValueEntries(omData.extractedValues).length > 0 || (omData.extractionFailures?.length ?? 0) > 0;\n  const opensItself = (state === 'failed' && isReflection) || hasExtractions;\n  const [openedByUser, setOpenedByUser] = useState<boolean>();\n  const [openedItselfBefore, setOpenedItselfBefore] = useState(opensItself);\n  if (opensItself !== openedItselfBefore) {\n    setOpenedItselfBefore(opensItself);\n    if (opensItself) setOpenedByUser(undefined);\n  }\n\n  return (\n    <Activity\n      open={openedByUser ?? opensItself}\n      onOpenChange={setOpenedByUser}\n      foldable={Boolean(body)}\n      status={status}\n      aria-label={label}\n      data-om-badge={omData.cycleId ?? ''}\n      data-om-state={state}\n      data-om-type={isReflection ? 'reflection' : 'observation'}\n      data-om-no-highlight={state === 'activated' ? 'true' : undefined}\n    >\n      <ActivityTrigger>\n        <ActivityHeadline icon={icon} label={label} detail={detail} />\n      </ActivityTrigger>\n      {body && <ActivityContent>{body}</ActivityContent>}\n    </Activity>\n  );\n};\n"],"mappings":"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"}

package/dist/domains/chat/tools/badges/observation-marker-details.cjs.js

@@ -2,8 +2,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils_duration = require("../../../../utils/duration.cjs.js");
 const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
 const require_code = require("../../../../code-CqgfD-cP.cjs");
-const require_activity = require("../../../../activity-QyLJcBKc.cjs");
-const require_MarkdownRenderer = require("../../../../MarkdownRenderer-BgqKfmRm.cjs");
+const require_activity = require("../../../../activity-DAK8tj7r.cjs");
+const require_MarkdownRenderer = require("../../../../MarkdownRenderer-CS6u5drO.cjs");
 const require_domains_chat_tools_badges_observation_marker_format = require("./observation-marker-format.cjs.js");
 const require_domains_chat_tools_badges_observation_renderer = require("./observation-renderer.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -71,7 +71,6 @@ var Extractions = ({ extractedValues, extractionFailures = [] }) => {
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Braces, {}),
 		label: "Extractions",
 		detail,
-		detailFont: "sans",
 		"aria-label": "Extractions",
 		children: [entries.map(([slug, value]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "rounded-md border border-border bg-fill-subtle p-2",