@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/span-payload-primitives-CL3hlirm.cjs

@@ -0,0 +1,217 @@
+const require_domains_traces_components_span_payload_span_payload_json = require("./domains/traces/components/span-payload/span-payload-json.cjs.js");
+const require_domains_traces_components_span_payload_span_payload_registry = require("./domains/traces/components/span-payload/span-payload-registry.cjs.js");
+const require_domains_chat_components_badge_wrapper = require("./domains/chat/components/badge-wrapper.cjs.js");
+const require_activity = require("./activity-Ciolopq8.cjs");
+const require_tool_presentation = require("./tool-presentation-DPp9h-n2.cjs");
+const require_DataKeysAndValues = require("./DataKeysAndValues-BbKeVxrQ.cjs");
+const require_lib_framework = require("./lib/framework.cjs.js");
+const require_components_Collapsible = require("./components/Collapsible.cjs.js");
+const require_components_DisclosureChevron = require("./components/DisclosureChevron.cjs.js");
+const require_MarkdownRenderer = require("./MarkdownRenderer-CDwlvw0Y.cjs");
+const require_scroll_area = require("./scroll-area-BU_TorPW.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+require("./primitives/raised-surface.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/traces/components/span-payload/span-payload-tool.tsx
+var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+/** A tool name in a key/value list, linked to its page when the tool is a workflow or sub-agent. */
+function SpanToolNameValue({ toolName }) {
+	const { Link, paths } = require_lib_framework.useLinkComponent();
+	const href = require_domains_traces_components_span_payload_span_payload_registry.getDelegatedToolHref(paths, toolName);
+	if (!href) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: toolName });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.ValueLink, {
+		href,
+		as: Link,
+		children: toolName
+	});
+}
+function SpanPayloadTool({ value }) {
+	const { Link, paths } = require_lib_framework.useLinkComponent();
+	if (!isRecord(value)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value });
+	const call = value.type === "tool-invocation" ? value.toolInvocation : value;
+	if (!isRecord(call) || typeof call.toolName !== "string" || !call.toolName) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value });
+	const input = "args" in call ? call.args : call.input;
+	const output = "result" in call ? call.result : call.output;
+	const error = call.isError === true || call.state === "output-error";
+	const errorText = typeof call.errorText === "string" ? call.errorText : void 0;
+	const { icon: ToolIcon, label, detail, description } = require_tool_presentation.presentTool(call.toolName, input);
+	const delegated = require_domains_traces_components_span_payload_span_payload_registry.getDelegatedTool(call.toolName);
+	const delegatedHref = require_domains_traces_components_span_payload_span_payload_registry.getDelegatedToolHref(paths, call.toolName);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "span-payload-tool",
+		className: "flex flex-col gap-2",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_components_badge_wrapper.BadgeWrapper, {
+			status: error ? "error" : "idle",
+			header: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityHeadline, {
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { "aria-hidden": true }),
+				label,
+				detail,
+				description
+			}),
+			children: (Boolean(delegatedHref) || input !== void 0 || output !== void 0 || errorText !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-3",
+				children: [
+					delegated && delegatedHref && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DataKeysAndValues.DataKeysAndValues, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: delegated.kind === "workflow" ? "Workflow" : "Agent" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.ValueLink, {
+						href: delegatedHref,
+						as: Link,
+						children: delegated.key
+					})] }),
+					input !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpanPayloadField, {
+						label: "Arguments",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value: input })
+					}),
+					output !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpanPayloadField, {
+						label: "Result",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value: output })
+					}),
+					errorText !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpanPayloadField, {
+						label: "Error",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value: errorText })
+					})
+				]
+			})
+		})
+	});
+}
+// src/domains/traces/components/span-payload/span-payload-primitives.tsx
+/** Small-caps label above a field of a rich payload. */
+function SpanPayloadLabel({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+		as: "span",
+		variant: "meta",
+		tone: "faint",
+		className: "block uppercase",
+		children
+	});
+}
+function SpanPayloadField({ label, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-slot": "span-payload-field",
+		className: "flex flex-col gap-1.5",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpanPayloadLabel, { children: label }), children]
+	});
+}
+function SpanPayloadMarkdown({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "span-payload-markdown",
+		className: "text-foreground",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownRenderer.MarkdownRenderer, { children })
+	});
+}
+/** A collapsed block for secondary data (reasoning, steps, warnings…). */
+function SpanPayloadCollapsible({ label, children, defaultOpen = false }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Collapsible.Collapsible, {
+		defaultOpen,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Collapsible.CollapsibleTrigger, {
+			className: "flex items-center gap-1 text-meta text-placeholder uppercase",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DisclosureChevron.DisclosureChevron, {
+				direction: "right",
+				className: "size-3"
+			}), label]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Collapsible.CollapsibleContent, {
+			className: "pt-1.5",
+			children
+		})]
+	});
+}
+/**
+* A scrollable list of named items with an optional description (tools, skills…). The scrollbar
+* stays visible while the list overflows, so readers can tell there are more items below.
+* `card` frames it on its own surface, for a list that stands alone in a section.
+*/
+function SpanPayloadList({ items, slot, card }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_scroll_area.ScrollArea, {
+		maxHeight: "12rem",
+		alwaysShowScrollbar: true,
+		className: require_utils.cn(card && require_utils.cn("bg-card hover:bg-card active:bg-card shadow-raised [--field:var(--field-on-surface)] [--field-disabled:var(--field-on-surface)] [--field-rim:var(--field-rim-on-surface)]", "rounded-lg [--scroll-area-scrollbar-inset:0.5rem]")),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			"data-slot": slot,
+			className: require_utils.cn("flex flex-col gap-2", card ? "p-3 pr-4" : "pr-3"),
+			children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "flex min-w-0 flex-col",
+				children: [item.name, item.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+					as: "span",
+					variant: "body-sm",
+					className: "line-clamp-2",
+					title: item.description,
+					children: item.description
+				})]
+			}, item.key))
+		})
+	});
+}
+/** A list item name rendered as plain text. */
+function SpanPayloadListName({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+		as: "span",
+		variant: "label",
+		tone: "ink",
+		className: "truncate",
+		children
+	});
+}
+/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */
+function SpanPayloadToolCalls({ toolCalls }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		"data-slot": "span-payload-tool-calls",
+		className: "flex flex-col gap-2",
+		children: toolCalls.map((call, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpanPayloadTool, { value: call }) }, index))
+	});
+}
+Object.defineProperty(exports, "SpanPayloadCollapsible", {
+	enumerable: true,
+	get: function() {
+		return SpanPayloadCollapsible;
+	}
+});
+Object.defineProperty(exports, "SpanPayloadField", {
+	enumerable: true,
+	get: function() {
+		return SpanPayloadField;
+	}
+});
+Object.defineProperty(exports, "SpanPayloadLabel", {
+	enumerable: true,
+	get: function() {
+		return SpanPayloadLabel;
+	}
+});
+Object.defineProperty(exports, "SpanPayloadList", {
+	enumerable: true,
+	get: function() {
+		return SpanPayloadList;
+	}
+});
+Object.defineProperty(exports, "SpanPayloadListName", {
+	enumerable: true,
+	get: function() {
+		return SpanPayloadListName;
+	}
+});
+Object.defineProperty(exports, "SpanPayloadMarkdown", {
+	enumerable: true,
+	get: function() {
+		return SpanPayloadMarkdown;
+	}
+});
+Object.defineProperty(exports, "SpanPayloadTool", {
+	enumerable: true,
+	get: function() {
+		return SpanPayloadTool;
+	}
+});
+Object.defineProperty(exports, "SpanPayloadToolCalls", {
+	enumerable: true,
+	get: function() {
+		return SpanPayloadToolCalls;
+	}
+});
+Object.defineProperty(exports, "SpanToolNameValue", {
+	enumerable: true,
+	get: function() {
+		return SpanToolNameValue;
+	}
+});
+
+//# sourceMappingURL=span-payload-primitives-CL3hlirm.cjs.map

package/dist/span-payload-primitives-CL3hlirm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives-CL3hlirm.cjs","names":["useLinkComponent","getDelegatedToolHref","DataKeysAndValues","SpanPayloadJson","presentTool","getDelegatedTool","BadgeWrapper","ActivityHeadline","Txt","MarkdownRenderer","Collapsible","CollapsibleTrigger","DisclosureChevron","CollapsibleContent","ScrollArea","cn"],"sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField } from './span-payload-primitives';\nimport { getDelegatedTool, getDelegatedToolHref } from './span-payload-registry';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { useLinkComponent } from '@/lib/framework';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** A tool name in a key/value list, linked to its page when the tool is a workflow or sub-agent. */\nexport function SpanToolNameValue({ toolName }: { toolName: string }) {\n  const { Link, paths } = useLinkComponent();\n  const href = getDelegatedToolHref(paths, toolName);\n  if (!href) return <DataKeysAndValues.Value>{toolName}</DataKeysAndValues.Value>;\n  return (\n    <DataKeysAndValues.ValueLink href={href} as={Link}>\n      {toolName}\n    </DataKeysAndValues.ValueLink>\n  );\n}\n\nexport function SpanPayloadTool({ value }: { value: unknown }) {\n  const { Link, paths } = useLinkComponent();\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const delegated = getDelegatedTool(call.toolName);\n  // The header toggles the body, so the workflow or agent link sits in the body rather than in it.\n  const delegatedHref = getDelegatedToolHref(paths, call.toolName);\n  const hasBody = Boolean(delegatedHref) || input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {delegated && delegatedHref && (\n              <DataKeysAndValues>\n                <DataKeysAndValues.Key>{delegated.kind === 'workflow' ? 'Workflow' : 'Agent'}</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueLink href={delegatedHref} as={Link}>\n                  {delegated.key}\n                </DataKeysAndValues.ValueLink>\n              </DataKeysAndValues>\n            )}\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"faint\" className=\"block uppercase\">\n      {children}\n    </Txt>\n  );\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta text-placeholder uppercase\">\n        <DisclosureChevron direction=\"right\" className=\"size-3\" />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport interface SpanPayloadListItem {\n  key: string;\n  /** The item name, a link when it has a page to open. */\n  name: ReactNode;\n  description?: string;\n}\n\n/**\n * A scrollable list of named items with an optional description (tools, skills…). The scrollbar\n * stays visible while the list overflows, so readers can tell there are more items below.\n * `card` frames it on its own surface, for a list that stands alone in a section.\n */\nexport function SpanPayloadList({ items, slot, card }: { items: SpanPayloadListItem[]; slot: string; card?: boolean }) {\n  return (\n    <ScrollArea\n      maxHeight=\"12rem\"\n      alwaysShowScrollbar\n      className={cn(card && cn(raisedSurfaceStyle, 'rounded-lg [--scroll-area-scrollbar-inset:0.5rem]'))}\n    >\n      <ul data-slot={slot} className={cn('flex flex-col gap-2', card ? 'p-3 pr-4' : 'pr-3')}>\n        {items.map(item => (\n          <li key={item.key} className=\"flex min-w-0 flex-col\">\n            {item.name}\n            {item.description && (\n              // Payload content reads in ink like the messages around it; grey is kept for the labels.\n              <Txt as=\"span\" variant=\"body-sm\" className=\"line-clamp-2\" title={item.description}>\n                {item.description}\n              </Txt>\n            )}\n          </li>\n        ))}\n      </ul>\n    </ScrollArea>\n  );\n}\n\n/** A list item name rendered as plain text. */\nexport function SpanPayloadListName({ children }: { children: string }) {\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"ink\" className=\"truncate\">\n      {children}\n    </Txt>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/span-payload-primitives-KxqoXspn.js

@@ -0,0 +1,164 @@
+import { SpanPayloadJson } from "./domains/traces/components/span-payload/span-payload-json.es.js";
+import { getDelegatedTool, getDelegatedToolHref } from "./domains/traces/components/span-payload/span-payload-registry.es.js";
+import { BadgeWrapper } from "./domains/chat/components/badge-wrapper.es.js";
+import { f as ActivityHeadline } from "./activity-BH_eegMA.js";
+import { i as presentTool } from "./tool-presentation-C2bYQ7gB.js";
+import { t as DataKeysAndValues } from "./DataKeysAndValues-B56je3sK.js";
+import { useLinkComponent } from "./lib/framework.es.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/Collapsible.es.js";
+import { DisclosureChevron } from "./components/DisclosureChevron.es.js";
+import { t as MarkdownRenderer } from "./MarkdownRenderer-BSGb65Ze.js";
+import { t as ScrollArea } from "./scroll-area-9-S7wfSs.js";
+import { t as Txt } from "./Txt-5efBsb2p.js";
+import "./primitives/raised-surface.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/domains/traces/components/span-payload/span-payload-tool.tsx
+var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+/** A tool name in a key/value list, linked to its page when the tool is a workflow or sub-agent. */
+function SpanToolNameValue({ toolName }) {
+	const { Link, paths } = useLinkComponent();
+	const href = getDelegatedToolHref(paths, toolName);
+	if (!href) return /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: toolName });
+	return /* @__PURE__ */ jsx(DataKeysAndValues.ValueLink, {
+		href,
+		as: Link,
+		children: toolName
+	});
+}
+function SpanPayloadTool({ value }) {
+	const { Link, paths } = useLinkComponent();
+	if (!isRecord(value)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+	const call = value.type === "tool-invocation" ? value.toolInvocation : value;
+	if (!isRecord(call) || typeof call.toolName !== "string" || !call.toolName) return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+	const input = "args" in call ? call.args : call.input;
+	const output = "result" in call ? call.result : call.output;
+	const error = call.isError === true || call.state === "output-error";
+	const errorText = typeof call.errorText === "string" ? call.errorText : void 0;
+	const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);
+	const delegated = getDelegatedTool(call.toolName);
+	const delegatedHref = getDelegatedToolHref(paths, call.toolName);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "span-payload-tool",
+		className: "flex flex-col gap-2",
+		children: /* @__PURE__ */ jsx(BadgeWrapper, {
+			status: error ? "error" : "idle",
+			header: /* @__PURE__ */ jsx(ActivityHeadline, {
+				icon: /* @__PURE__ */ jsx(ToolIcon, { "aria-hidden": true }),
+				label,
+				detail,
+				description
+			}),
+			children: (Boolean(delegatedHref) || input !== void 0 || output !== void 0 || errorText !== void 0) && /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3",
+				children: [
+					delegated && delegatedHref && /* @__PURE__ */ jsxs(DataKeysAndValues, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: delegated.kind === "workflow" ? "Workflow" : "Agent" }), /* @__PURE__ */ jsx(DataKeysAndValues.ValueLink, {
+						href: delegatedHref,
+						as: Link,
+						children: delegated.key
+					})] }),
+					input !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, {
+						label: "Arguments",
+						children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: input })
+					}),
+					output !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, {
+						label: "Result",
+						children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: output })
+					}),
+					errorText !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, {
+						label: "Error",
+						children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: errorText })
+					})
+				]
+			})
+		})
+	});
+}
+// src/domains/traces/components/span-payload/span-payload-primitives.tsx
+/** Small-caps label above a field of a rich payload. */
+function SpanPayloadLabel({ children }) {
+	return /* @__PURE__ */ jsx(Txt, {
+		as: "span",
+		variant: "meta",
+		tone: "faint",
+		className: "block uppercase",
+		children
+	});
+}
+function SpanPayloadField({ label, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "span-payload-field",
+		className: "flex flex-col gap-1.5",
+		children: [/* @__PURE__ */ jsx(SpanPayloadLabel, { children: label }), children]
+	});
+}
+function SpanPayloadMarkdown({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "span-payload-markdown",
+		className: "text-foreground",
+		children: /* @__PURE__ */ jsx(MarkdownRenderer, { children })
+	});
+}
+/** A collapsed block for secondary data (reasoning, steps, warnings…). */
+function SpanPayloadCollapsible({ label, children, defaultOpen = false }) {
+	return /* @__PURE__ */ jsxs(Collapsible, {
+		defaultOpen,
+		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+			className: "flex items-center gap-1 text-meta text-placeholder uppercase",
+			children: [/* @__PURE__ */ jsx(DisclosureChevron, {
+				direction: "right",
+				className: "size-3"
+			}), label]
+		}), /* @__PURE__ */ jsx(CollapsibleContent, {
+			className: "pt-1.5",
+			children
+		})]
+	});
+}
+/**
+* A scrollable list of named items with an optional description (tools, skills…). The scrollbar
+* stays visible while the list overflows, so readers can tell there are more items below.
+* `card` frames it on its own surface, for a list that stands alone in a section.
+*/
+function SpanPayloadList({ items, slot, card }) {
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		maxHeight: "12rem",
+		alwaysShowScrollbar: true,
+		className: cn(card && cn("bg-card hover:bg-card active:bg-card shadow-raised [--field:var(--field-on-surface)] [--field-disabled:var(--field-on-surface)] [--field-rim:var(--field-rim-on-surface)]", "rounded-lg [--scroll-area-scrollbar-inset:0.5rem]")),
+		children: /* @__PURE__ */ jsx("ul", {
+			"data-slot": slot,
+			className: cn("flex flex-col gap-2", card ? "p-3 pr-4" : "pr-3"),
+			children: items.map((item) => /* @__PURE__ */ jsxs("li", {
+				className: "flex min-w-0 flex-col",
+				children: [item.name, item.description && /* @__PURE__ */ jsx(Txt, {
+					as: "span",
+					variant: "body-sm",
+					className: "line-clamp-2",
+					title: item.description,
+					children: item.description
+				})]
+			}, item.key))
+		})
+	});
+}
+/** A list item name rendered as plain text. */
+function SpanPayloadListName({ children }) {
+	return /* @__PURE__ */ jsx(Txt, {
+		as: "span",
+		variant: "label",
+		tone: "ink",
+		className: "truncate",
+		children
+	});
+}
+/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */
+function SpanPayloadToolCalls({ toolCalls }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "span-payload-tool-calls",
+		className: "flex flex-col gap-2",
+		children: toolCalls.map((call, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(SpanPayloadTool, { value: call }) }, index))
+	});
+}
+export { SpanPayloadListName as a, SpanPayloadTool as c, SpanPayloadList as i, SpanToolNameValue as l, SpanPayloadField as n, SpanPayloadMarkdown as o, SpanPayloadLabel as r, SpanPayloadToolCalls as s, SpanPayloadCollapsible as t };
+
+//# sourceMappingURL=span-payload-primitives-KxqoXspn.js.map

package/dist/span-payload-primitives-KxqoXspn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives-KxqoXspn.js","names":[],"sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField } from './span-payload-primitives';\nimport { getDelegatedTool, getDelegatedToolHref } from './span-payload-registry';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { useLinkComponent } from '@/lib/framework';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** A tool name in a key/value list, linked to its page when the tool is a workflow or sub-agent. */\nexport function SpanToolNameValue({ toolName }: { toolName: string }) {\n  const { Link, paths } = useLinkComponent();\n  const href = getDelegatedToolHref(paths, toolName);\n  if (!href) return <DataKeysAndValues.Value>{toolName}</DataKeysAndValues.Value>;\n  return (\n    <DataKeysAndValues.ValueLink href={href} as={Link}>\n      {toolName}\n    </DataKeysAndValues.ValueLink>\n  );\n}\n\nexport function SpanPayloadTool({ value }: { value: unknown }) {\n  const { Link, paths } = useLinkComponent();\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const delegated = getDelegatedTool(call.toolName);\n  // The header toggles the body, so the workflow or agent link sits in the body rather than in it.\n  const delegatedHref = getDelegatedToolHref(paths, call.toolName);\n  const hasBody = Boolean(delegatedHref) || input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {delegated && delegatedHref && (\n              <DataKeysAndValues>\n                <DataKeysAndValues.Key>{delegated.kind === 'workflow' ? 'Workflow' : 'Agent'}</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueLink href={delegatedHref} as={Link}>\n                  {delegated.key}\n                </DataKeysAndValues.ValueLink>\n              </DataKeysAndValues>\n            )}\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"faint\" className=\"block uppercase\">\n      {children}\n    </Txt>\n  );\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta text-placeholder uppercase\">\n        <DisclosureChevron direction=\"right\" className=\"size-3\" />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport interface SpanPayloadListItem {\n  key: string;\n  /** The item name, a link when it has a page to open. */\n  name: ReactNode;\n  description?: string;\n}\n\n/**\n * A scrollable list of named items with an optional description (tools, skills…). The scrollbar\n * stays visible while the list overflows, so readers can tell there are more items below.\n * `card` frames it on its own surface, for a list that stands alone in a section.\n */\nexport function SpanPayloadList({ items, slot, card }: { items: SpanPayloadListItem[]; slot: string; card?: boolean }) {\n  return (\n    <ScrollArea\n      maxHeight=\"12rem\"\n      alwaysShowScrollbar\n      className={cn(card && cn(raisedSurfaceStyle, 'rounded-lg [--scroll-area-scrollbar-inset:0.5rem]'))}\n    >\n      <ul data-slot={slot} className={cn('flex flex-col gap-2', card ? 'p-3 pr-4' : 'pr-3')}>\n        {items.map(item => (\n          <li key={item.key} className=\"flex min-w-0 flex-col\">\n            {item.name}\n            {item.description && (\n              // Payload content reads in ink like the messages around it; grey is kept for the labels.\n              <Txt as=\"span\" variant=\"body-sm\" className=\"line-clamp-2\" title={item.description}>\n                {item.description}\n              </Txt>\n            )}\n          </li>\n        ))}\n      </ul>\n    </ScrollArea>\n  );\n}\n\n/** A list item name rendered as plain text. */\nexport function SpanPayloadListName({ children }: { children: string }) {\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"ink\" className=\"truncate\">\n      {children}\n    </Txt>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/spinner-B9ykw74u.js

@@ -0,0 +1,63 @@
+import { t as cva } from "./dist-BhWtUEhi.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import './spinner.css';// src/ds/components/Spinner/spinner.tsx
+var spinnerVariants = cva("spinner inline-block text-foreground", {
+	variants: {
+		size: {
+			sm: "size-4",
+			md: "size-6",
+			lg: "size-8"
+		},
+		variant: {
+			default: "",
+			pulse: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+function Spinner({ className, size = "md", variant = "default", fill = false, "aria-label": ariaLabel = "Loading", role = "status", ...props }) {
+	const resolvedSize = size ?? "md";
+	const resolvedVariant = variant ?? "default";
+	const svg = /* @__PURE__ */ jsx("svg", {
+		...props,
+		role,
+		"aria-label": ariaLabel,
+		"data-size": resolvedSize,
+		"data-variant": resolvedVariant,
+		className: cn(spinnerVariants({
+			size: resolvedSize,
+			variant: resolvedVariant
+		}), className),
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		children: resolvedVariant === "pulse" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+			className: "spinner-pulse-ring",
+			cx: "12",
+			cy: "12",
+			r: "7"
+		}), /* @__PURE__ */ jsx("circle", {
+			className: "spinner-pulse-core",
+			cx: "12",
+			cy: "12",
+			r: "5"
+		})] }) : /* @__PURE__ */ jsx("circle", {
+			className: "spinner-ring",
+			cx: "12",
+			cy: "12",
+			r: "8.5"
+		})
+	});
+	if (fill) return /* @__PURE__ */ jsx("div", {
+		"data-slot": "spinner-fill",
+		className: "flex h-full items-center-safe justify-center-safe",
+		children: svg
+	});
+	return svg;
+}
+export { Spinner as t };
+
+//# sourceMappingURL=spinner-B9ykw74u.js.map

package/dist/spinner-B9ykw74u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-B9ykw74u.js","names":["_Fragment"],"sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-foreground', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n      lg: 'size-8',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size' | 'fill'> &\n  SpinnerVariantsProps & {\n    /** Center the spinner in the full height of its parent — the parent must have a definite height. */\n    fill?: boolean;\n  };\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  fill = false,\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  const svg = (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n\n  if (fill) {\n    return (\n      <div data-slot=\"spinner-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {svg}\n      </div>\n    );\n  }\n\n  return svg;\n}\n\nexport { Spinner };\n"],"mappings":";;;;AAQA,IAAM,kBAAkB,IAAI,wCAAwC;CAClE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAYD,SAAS,QAAQ,EACf,WACA,OAAO,MACP,UAAU,WACV,OAAO,OACP,cAAc,YAAY,WAC1B,OAAO,UACP,GAAG,SACY;CACf,MAAM,eAAe,QAAQ;CAC7B,MAAM,kBAAkB,WAAW;CAEnC,MAAM,MACJ,oBAAC,OAAD;EACE,GAAI;EACE;EACN,cAAY;EACZ,aAAW;EACX,gBAAc;EACd,WAAW,GAAG,gBAAgB;GAAE,MAAM;GAAc,SAAS;EAAgB,CAAC,GAAG,SAAS;EAC1F,OAAM;EACN,SAAQ;EAEP,UAAA,oBAAoB,UACnB,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,GAC9D,oBAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,CAC9D,EAAA,CAAA,IAEF,oBAAC,UAAD;GAAQ,WAAU;GAAe,IAAG;GAAK,IAAG;GAAK,GAAE;EAAO,CAAA;CAEzD,CAAA;CAGP,IAAI,MACF,OACE,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAU;EACrC,UAAA;CACE,CAAA;CAIT,OAAO;AACT"}

package/dist/spinner-oS6q4pwx.cjs

@@ -0,0 +1,68 @@
+require('./spinner.css');const require_dist = require("./dist-ClDKPtVq.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/components/Spinner/spinner.tsx
+var spinnerVariants = require_dist.cva("spinner inline-block text-foreground", {
+	variants: {
+		size: {
+			sm: "size-4",
+			md: "size-6",
+			lg: "size-8"
+		},
+		variant: {
+			default: "",
+			pulse: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+function Spinner({ className, size = "md", variant = "default", fill = false, "aria-label": ariaLabel = "Loading", role = "status", ...props }) {
+	const resolvedSize = size ?? "md";
+	const resolvedVariant = variant ?? "default";
+	const svg = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...props,
+		role,
+		"aria-label": ariaLabel,
+		"data-size": resolvedSize,
+		"data-variant": resolvedVariant,
+		className: require_utils.cn(spinnerVariants({
+			size: resolvedSize,
+			variant: resolvedVariant
+		}), className),
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		children: resolvedVariant === "pulse" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			className: "spinner-pulse-ring",
+			cx: "12",
+			cy: "12",
+			r: "7"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			className: "spinner-pulse-core",
+			cx: "12",
+			cy: "12",
+			r: "5"
+		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			className: "spinner-ring",
+			cx: "12",
+			cy: "12",
+			r: "8.5"
+		})
+	});
+	if (fill) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "spinner-fill",
+		className: "flex h-full items-center-safe justify-center-safe",
+		children: svg
+	});
+	return svg;
+}
+Object.defineProperty(exports, "Spinner", {
+	enumerable: true,
+	get: function() {
+		return Spinner;
+	}
+});
+
+//# sourceMappingURL=spinner-oS6q4pwx.cjs.map

package/dist/spinner-oS6q4pwx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-oS6q4pwx.cjs","names":["cva","cn","_Fragment"],"sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-foreground', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n      lg: 'size-8',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size' | 'fill'> &\n  SpinnerVariantsProps & {\n    /** Center the spinner in the full height of its parent — the parent must have a definite height. */\n    fill?: boolean;\n  };\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  fill = false,\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  const svg = (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n\n  if (fill) {\n    return (\n      <div data-slot=\"spinner-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {svg}\n      </div>\n    );\n  }\n\n  return svg;\n}\n\nexport { Spinner };\n"],"mappings":";;;;AAQA,IAAM,kBAAkBA,aAAAA,IAAI,wCAAwC;CAClE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAYD,SAAS,QAAQ,EACf,WACA,OAAO,MACP,UAAU,WACV,OAAO,OACP,cAAc,YAAY,WAC1B,OAAO,UACP,GAAG,SACY;CACf,MAAM,eAAe,QAAQ;CAC7B,MAAM,kBAAkB,WAAW;CAEnC,MAAM,MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACE;EACN,cAAY;EACZ,aAAW;EACX,gBAAc;EACd,WAAWC,cAAAA,GAAG,gBAAgB;GAAE,MAAM;GAAc,SAAS;EAAgB,CAAC,GAAG,SAAS;EAC1F,OAAM;EACN,SAAQ;EAEP,UAAA,oBAAoB,UACnB,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,GAC9D,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,CAC9D,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAe,IAAG;GAAK,IAAG;GAAK,GAAE;EAAO,CAAA;CAEzD,CAAA;CAGP,IAAI,MACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,aAAU;EAAe,WAAU;EACrC,UAAA;CACE,CAAA;CAIT,OAAO;AACT"}

package/dist/src/domains/chat/activity/index.d.ts

@@ -2,7 +2,5 @@ export { ActivityStretchLine } from './activity-stretch-line';
 export type { ActivityStretchLineProps } from './activity-stretch-line';
 export { ActivityDisclosureProvider } from './activity-disclosure-provider';
 export { useActivityRow } from './use-activity-disclosure';
-export { ActivityTimedTrigger } from './components/activity-timed-trigger';
-export type { ActivityTimedTriggerProps } from './components/activity-timed-trigger';
 export type { ActivityCall, ActivityCallState, ActivityCallStatus, ActivityMember, ActivityThought, } from './model/activity-members';
-export { callPose, liveWords } from './model/activity-words';
+export { liveWords } from './model/activity-words';

package/dist/src/domains/chat/activity/model/activity-members.d.ts

@@ -8,12 +8,11 @@ export interface ActivityCall {
     toolName: string;
     args: unknown;
     status: ActivityCallStatus;
-    startedAt?: number;
     row: ReactNode;
     /** What opening the call alone shows; absent when it has nothing to show. */
     body?: ReactNode;
 }
-export type ActivityCallState = Pick<ActivityCall, 'toolName' | 'args' | 'status' | 'startedAt'>;
+export type ActivityCallState = Pick<ActivityCall, 'toolName' | 'args' | 'status'>;
 export interface ActivityThought {
     kind: 'thought';
     key: string;

package/dist/src/domains/chat/activity/model/activity-words.d.ts

@@ -13,7 +13,6 @@ export interface CallsOutcome {
     incomplete: number;
 }
 type WordedCall = Pick<ActivityCall, 'toolName' | 'args' | 'status'>;
-export declare function callPose(toolName: string): AgentIndicatorState;
 export declare function stretchPose(calls: readonly WordedCall[], live: boolean): AgentIndicatorState;
 /** What the stretch is doing now: the latest running call, or thinking between calls. */
 export declare function liveWords(calls: readonly WordedCall[]): ActivityWords;
@@ -22,6 +21,6 @@ export declare function settledWords(calls: readonly WordedCall[], elapsedMs?: n
 /** The line's accessible name: what it says, as one phrase. */
 export declare function wordsName({ label, detail, duration }: ActivityWords): string;
 export declare function callsOutcome(calls: readonly WordedCall[]): CallsOutcome;
-/** "1 failed · 2 incomplete" for several calls; a lone call only says it never finished. */
+/** "1 failed and 2 incomplete" for several calls; a lone call only says it never finished. */
 export declare function outcomeText({ failed, incomplete }: CallsOutcome, callCount: number): string;
 export {};