@signalflare-ai/ui 0.5.0 → 1.0.0

package/dist/ai-part-group-DBtgTgAn.js

@@ -0,0 +1,277 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { d as hasToolResult, l as hasToolError } from "./ai-tool-Cn1O4xjP.js";
+import { t as TextRoll } from "./text-roll-BZ3I1umc.js";
+import { Children, isValidElement, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CaretDownIcon, SpinnerGapIcon } from "@phosphor-icons/react";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/ai-part-group/ai-part-group.tsx
+var snapshotCache = /* @__PURE__ */ new Map();
+/**
+* Reads the frozen snapshot for a group, or `undefined` if it hasn't completed
+* yet. Useful for consumers driving custom layouts.
+*/
+function getAiPartGroupSnapshot(groupKey) {
+	return snapshotCache.get(groupKey);
+}
+/**
+* Groups streaming ephemeral activity (tool calls + reasoning) into a single
+* rolling window during streaming, then collapses to a frozen summary line
+* once the parent message completes.
+*
+* Behavior:
+* - **Streaming:** shows the most recent `max` (default 3) ephemeral children.
+*   Pinned rows (errors / user-expanded) sit above the live window.
+* - **Completed:** writes a snapshot keyed by `groupKey`, unmounts ephemeral
+*   children entirely, and renders a static `▸ {title} · N steps` line.
+* - **Re-mount after completion:** always renders the cached snapshot — no
+*   animations, no `useEffect` re-runs, no tool re-execution risk.
+*
+* @example
+* ```tsx
+* <AiPartGroup
+*   groupKey={message.id}
+*   complete={message.status === "complete"}
+*   title={message.reasoningSummary}
+*   max={3}
+* >
+*   {message.parts.map((p) =>
+*     p.type === "reasoning"
+*       ? <AiReasoning key={p.id} variant="ephemeral" part={p} />
+*       : <AiToolCall  key={p.toolCallId} variant="ephemeral" part={p} />
+*   )}
+* </AiPartGroup>
+* ```
+*/
+function AiPartGroup({ groupKey, complete = false, max = 3, title, children, className, ...props }) {
+	const cached = snapshotCache.get(groupKey);
+	if (cached) return /* @__PURE__ */ jsx(TitledSummary, {
+		snapshot: cached,
+		className,
+		defaultOpen: false,
+		...props
+	});
+	if (complete) {
+		const snapshot = deriveSnapshot(children, title);
+		snapshotCache.set(groupKey, snapshot);
+		return /* @__PURE__ */ jsx(TitledSummary, {
+			snapshot,
+			className,
+			defaultOpen: false,
+			...props
+		});
+	}
+	const allChildren = Children.toArray(children).filter(isValidElement);
+	const live = allChildren.slice(Math.max(0, allChildren.length - max));
+	const liveTitle = title?.trim() || deriveLiveTitle(allChildren);
+	const stepCount = allChildren.length;
+	return /* @__PURE__ */ jsx(LiveGroup, {
+		className,
+		liveRows: live,
+		stepCount,
+		title: liveTitle,
+		...props
+	});
+}
+AiPartGroup.displayName = "AiPartGroup";
+function LiveGroup({ title, liveRows, stepCount, className, ...props }) {
+	const stepLabel = stepCount === 1 ? "step" : "steps";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", className),
+		"data-streaming": "true",
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("flex w-fit items-center gap-1.5 rounded px-1 py-0.5"),
+			children: [
+				/* @__PURE__ */ jsx(SpinnerGapIcon, { className: "size-3.5 shrink-0 animate-spin text-sf-subtle" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 truncate text-sm text-sf-default",
+					children: /* @__PURE__ */ jsx(TextRoll, {
+						duration: .3,
+						getEnterDelay: (i) => i * .03,
+						getExitDelay: (i) => i * .03 + .12,
+						children: title
+					}, title)
+				}),
+				stepCount > 0 ? /* @__PURE__ */ jsxs("span", {
+					className: "text-xs tabular-nums text-sf-subtle/60",
+					children: [
+						stepCount,
+						" ",
+						stepLabel
+					]
+				}) : null,
+				/* @__PURE__ */ jsx(CaretDownIcon, { className: "size-3 shrink-0 text-sf-subtle/60" })
+			]
+		}), liveRows.length > 0 ? /* @__PURE__ */ jsx("div", {
+			className: "ml-[0.3125rem] flex flex-col gap-0.5 border-l border-sf-line/40 pl-3",
+			children: liveRows
+		}) : null]
+	});
+}
+function TitledSummary({ snapshot, defaultOpen, className, ...props }) {
+	const [isOpen, setIsOpen] = useState(defaultOpen);
+	const stepLabel = snapshot.steps.length === 1 ? "step" : "steps";
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		open: isOpen,
+		onOpenChange: setIsOpen,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("flex flex-col", className),
+			"data-streaming": "false",
+			...props,
+			children: [/* @__PURE__ */ jsxs(Collapsible.Trigger, {
+				render: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: cn("flex w-fit items-center gap-1.5 rounded px-1 py-0.5 text-left", "transition-colors hover:bg-sf-tint")
+				}),
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: cn("size-1.5 shrink-0 rounded-full bg-current", snapshot.errorCount > 0 ? "text-sf-danger" : "text-sf-success")
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 truncate text-sm text-sf-subtle",
+						children: snapshot.title
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "text-xs tabular-nums text-sf-subtle/60",
+						children: [
+							snapshot.steps.length,
+							" ",
+							stepLabel,
+							snapshot.errorCount > 0 ? ` · ${snapshot.errorCount} error` : ""
+						]
+					}),
+					/* @__PURE__ */ jsx(CaretDownIcon, { className: cn("size-3 shrink-0 text-sf-subtle/60 transition-transform duration-200", !isOpen && "-rotate-90") })
+				]
+			}), /* @__PURE__ */ jsx(Collapsible.Panel, {
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ jsx("ul", {
+					className: "mt-1 ml-[0.3125rem] flex flex-col gap-0.5 border-l border-sf-line/40 pl-3",
+					children: snapshot.steps.map((step, i) => /* @__PURE__ */ jsxs("li", {
+						className: "flex items-center gap-1.5 text-xs text-sf-subtle",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: cn("size-1.5 shrink-0 rounded-full bg-current", step.ok ? "text-sf-success" : "text-sf-danger")
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "min-w-0 truncate",
+								children: step.name
+							}),
+							step.duration ? /* @__PURE__ */ jsxs("span", {
+								className: "tabular-nums text-sf-subtle/60",
+								children: [step.duration, "ms"]
+							}) : null
+						]
+					}, `${step.kind}-${i}-${step.name}`))
+				})
+			})]
+		})
+	});
+}
+function deriveLiveTitle(elements) {
+	for (const el of elements) {
+		const part = el.props.part;
+		const text = part?.summary ?? part?.text;
+		if (text) return truncate(text, 60);
+	}
+	return "Working…";
+}
+function deriveSnapshot(children, explicitTitle) {
+	const elements = Children.toArray(children).filter(isValidElement);
+	const steps = [];
+	let errorCount = 0;
+	let totalDuration = 0;
+	let firstReasoningSnippet;
+	for (const el of elements) {
+		const kind = inferKind(el);
+		const part = el.props.part;
+		const duration = el.props.duration;
+		if (typeof duration === "number") totalDuration += duration;
+		if (kind === "tool") {
+			const toolPart = part;
+			const ok = toolPart ? !hasToolError(toolPart) : true;
+			const settled = toolPart ? hasToolResult(toolPart) : true;
+			if (!ok) errorCount += 1;
+			steps.push({
+				kind: "tool",
+				name: toolPart?.toolName ?? "tool",
+				ok: ok && settled,
+				duration
+			});
+		} else {
+			const text = part?.summary ?? part?.text;
+			if (!firstReasoningSnippet && text) firstReasoningSnippet = text;
+			steps.push({
+				kind: "reasoning",
+				name: text ? truncate(text, 60) : "Thinking",
+				ok: true,
+				duration
+			});
+		}
+	}
+	return {
+		title: explicitTitle?.trim() || firstReasoningSnippet && truncate(firstReasoningSnippet, 60) || `${steps.length} ${steps.length === 1 ? "step" : "steps"}`,
+		steps,
+		errorCount,
+		totalDuration
+	};
+}
+function inferKind(el) {
+	const part = el.props.part;
+	if (part && typeof part === "object") {
+		if ("toolName" in part || "toolCallId" in part) return "tool";
+		if ("text" in part || "summary" in part) return "reasoning";
+	}
+	if ((el.type?.displayName ?? el.type?.name ?? "").includes("Tool")) return "tool";
+	return "reasoning";
+}
+function truncate(s, n) {
+	if (s.length <= n) return s;
+	return `${s.slice(0, n - 1).trimEnd()}…`;
+}
+/**
+* Split a message's parts into alternating `text` and `activity` chunks so each
+* contiguous run of reasoning/tool parts can be rendered inside its own
+* {@link AiPartGroup}, with narrative text rendered between them.
+*
+* @example
+* ```tsx
+* {groupParts(message.parts).map((chunk, i) =>
+*   chunk.kind === "text" ? (
+*     <AiMessageContent key={i}>{joinText(chunk.parts)}</AiMessageContent>
+*   ) : (
+*     <AiPartGroup
+*       key={i}
+*       groupKey={`${message.id}:activity:${i}`}
+*       complete={!message.isStreaming}
+*     >
+*       {chunk.parts.map(renderActivityPart)}
+*     </AiPartGroup>
+*   )
+* )}
+* ```
+*/
+function groupParts(parts, options = {}) {
+	const isActivity = options.isActivity ?? ((p) => {
+		const t = p.type;
+		return t === "reasoning" || t === "tool-call" || t === "tool-result" || t.startsWith("tool-");
+	});
+	const chunks = [];
+	for (const part of parts) {
+		const kind = isActivity(part) ? "activity" : "text";
+		const last = chunks.at(-1);
+		if (last && last.kind === kind) last.parts.push(part);
+		else chunks.push({
+			kind,
+			parts: [part]
+		});
+	}
+	return chunks;
+}
+//#endregion
+export { getAiPartGroupSnapshot as n, groupParts as r, AiPartGroup as t };
+
+//# sourceMappingURL=ai-part-group-DBtgTgAn.js.map

package/dist/ai-part-group-DBtgTgAn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-part-group-DBtgTgAn.js","names":[],"sources":["../src/components/ai-part-group/ai-part-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { CaretDownIcon, SpinnerGapIcon } from \"@phosphor-icons/react\";\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\nimport { Children, isValidElement, useState } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { type AiToolPart, hasToolError, hasToolResult } from \"../ai-tool\";\nimport { TextRoll } from \"../text-roll\";\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\ntype FrozenStep = {\n  kind: \"tool\" | \"reasoning\";\n  name: string;\n  ok: boolean;\n  duration?: number;\n};\n\ntype FrozenSnapshot = {\n  title: string;\n  steps: FrozenStep[];\n  errorCount: number;\n  totalDuration: number;\n};\n\n// Module-level snapshot cache. Survives re-renders within the page session.\n// Keyed by `groupKey` — usually the parent message id.\nconst snapshotCache = new Map<string, FrozenSnapshot>();\n\n/** Test-only escape hatch for clearing the snapshot cache. */\nexport function _clearAiPartGroupCache() {\n  snapshotCache.clear();\n}\n\n/**\n * Reads the frozen snapshot for a group, or `undefined` if it hasn't completed\n * yet. Useful for consumers driving custom layouts.\n */\nexport function getAiPartGroupSnapshot(\n  groupKey: string\n): FrozenSnapshot | undefined {\n  return snapshotCache.get(groupKey);\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport type AiPartGroupProps = Omit<ComponentProps<\"div\">, \"title\"> & {\n  /**\n   * Stable identifier — usually the parent message id. Required so the group\n   * can persist its frozen snapshot across re-mounts (scroll-back into a\n   * virtualized list re-renders without restarting animations).\n   */\n  groupKey: string;\n  /**\n   * Set to `true` once the parent stream has finished. Triggers the group to\n   * snapshot its current children and from then on render only the static\n   * collapsed summary — ephemeral children never re-mount.\n   */\n  complete?: boolean;\n  /**\n   * Max number of live ephemeral rows visible at once during streaming.\n   * Older rows fall off the top. Pinned rows (errors / user-expanded) render\n   * above the live window and do not count toward this cap.\n   * @default 3\n   */\n  max?: number;\n  /**\n   * Title shown in the collapsed summary line. Falls back to the first\n   * reasoning text snippet, then to a step count.\n   */\n  title?: string;\n  /** Child ephemeral rows (`AiToolCall variant=\"ephemeral\"`, `AiReasoning variant=\"ephemeral\"`). */\n  children?: ReactNode;\n};\n\n/**\n * Groups streaming ephemeral activity (tool calls + reasoning) into a single\n * rolling window during streaming, then collapses to a frozen summary line\n * once the parent message completes.\n *\n * Behavior:\n * - **Streaming:** shows the most recent `max` (default 3) ephemeral children.\n *   Pinned rows (errors / user-expanded) sit above the live window.\n * - **Completed:** writes a snapshot keyed by `groupKey`, unmounts ephemeral\n *   children entirely, and renders a static `▸ {title} · N steps` line.\n * - **Re-mount after completion:** always renders the cached snapshot — no\n *   animations, no `useEffect` re-runs, no tool re-execution risk.\n *\n * @example\n * ```tsx\n * <AiPartGroup\n *   groupKey={message.id}\n *   complete={message.status === \"complete\"}\n *   title={message.reasoningSummary}\n *   max={3}\n * >\n *   {message.parts.map((p) =>\n *     p.type === \"reasoning\"\n *       ? <AiReasoning key={p.id} variant=\"ephemeral\" part={p} />\n *       : <AiToolCall  key={p.toolCallId} variant=\"ephemeral\" part={p} />\n *   )}\n * </AiPartGroup>\n * ```\n */\nexport function AiPartGroup({\n  groupKey,\n  complete = false,\n  max = 3,\n  title,\n  children,\n  className,\n  ...props\n}: AiPartGroupProps) {\n  const cached = snapshotCache.get(groupKey);\n\n  // Cache hit: always render the frozen snapshot, never re-mount ephemerals.\n  // This is the scroll-back-into-an-old-message path.\n  if (cached) {\n    return (\n      <TitledSummary\n        snapshot={cached}\n        className={className}\n        defaultOpen={false}\n        {...props}\n      />\n    );\n  }\n\n  // First-time completion: derive a snapshot, persist it, render frozen.\n  if (complete) {\n    const snapshot = deriveSnapshot(children, title);\n    snapshotCache.set(groupKey, snapshot);\n    return (\n      <TitledSummary\n        snapshot={snapshot}\n        className={className}\n        defaultOpen={false}\n        {...props}\n      />\n    );\n  }\n\n  // Streaming: persistent title row + rolling window of the latest `max` children.\n  // oxlint-disable-next-line no-react-children\n  const allChildren = Children.toArray(children).filter(isValidElement);\n  const live = allChildren.slice(Math.max(0, allChildren.length - max));\n  const liveTitle = title?.trim() || deriveLiveTitle(allChildren);\n  const stepCount = allChildren.length;\n\n  return (\n    <LiveGroup\n      className={className}\n      liveRows={live}\n      stepCount={stepCount}\n      title={liveTitle}\n      {...props}\n    />\n  );\n}\n\nAiPartGroup.displayName = \"AiPartGroup\";\n\n// ─── Live group (streaming) ──────────────────────────────────────────────────\n\nfunction LiveGroup({\n  title,\n  liveRows,\n  stepCount,\n  className,\n  ...props\n}: {\n  title: string;\n  liveRows: ReactElement[];\n  stepCount: number;\n} & Omit<ComponentProps<\"div\">, \"title\">) {\n  // During streaming the group is always open — the caret is purely decorative\n  // so the frozen/live states share a visual footprint (no layout jump on settle).\n  const stepLabel = stepCount === 1 ? \"step\" : \"steps\";\n\n  return (\n    <div\n      className={cn(\"flex flex-col\", className)}\n      data-streaming=\"true\"\n      {...props}\n    >\n      <div\n        className={cn(\"flex w-fit items-center gap-1.5 rounded px-1 py-0.5\")}\n      >\n        <SpinnerGapIcon className=\"size-3.5 shrink-0 animate-spin text-sf-subtle\" />\n        <span className=\"min-w-0 truncate text-sm text-sf-default\">\n          <TextRoll\n            duration={0.3}\n            getEnterDelay={(i) => i * 0.03}\n            getExitDelay={(i) => i * 0.03 + 0.12}\n            key={title}\n          >\n            {title}\n          </TextRoll>\n        </span>\n        {stepCount > 0 ? (\n          <span className=\"text-xs tabular-nums text-sf-subtle/60\">\n            {stepCount} {stepLabel}\n          </span>\n        ) : null}\n        <CaretDownIcon className=\"size-3 shrink-0 text-sf-subtle/60\" />\n      </div>\n      {liveRows.length > 0 ? (\n        <div className=\"ml-[0.3125rem] flex flex-col gap-0.5 border-l border-sf-line/40 pl-3\">\n          {liveRows}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── Frozen summary (titled) ─────────────────────────────────────────────────\n\nfunction TitledSummary({\n  snapshot,\n  defaultOpen,\n  className,\n  ...props\n}: {\n  snapshot: FrozenSnapshot;\n  defaultOpen: boolean;\n} & Omit<ComponentProps<\"div\">, \"title\">) {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const stepLabel = snapshot.steps.length === 1 ? \"step\" : \"steps\";\n\n  return (\n    <BaseCollapsible.Root open={isOpen} onOpenChange={setIsOpen}>\n      <div\n        className={cn(\"flex flex-col\", className)}\n        data-streaming=\"false\"\n        {...props}\n      >\n        <BaseCollapsible.Trigger\n          render={\n            <button\n              type=\"button\"\n              className={cn(\n                \"flex w-fit items-center gap-1.5 rounded px-1 py-0.5 text-left\",\n                \"transition-colors hover:bg-sf-tint\"\n              )}\n            />\n          }\n        >\n          <span\n            aria-hidden\n            className={cn(\n              \"size-1.5 shrink-0 rounded-full bg-current\",\n              snapshot.errorCount > 0 ? \"text-sf-danger\" : \"text-sf-success\"\n            )}\n          />\n          <span className=\"min-w-0 truncate text-sm text-sf-subtle\">\n            {snapshot.title}\n          </span>\n          <span className=\"text-xs tabular-nums text-sf-subtle/60\">\n            {snapshot.steps.length} {stepLabel}\n            {snapshot.errorCount > 0 ? ` · ${snapshot.errorCount} error` : \"\"}\n          </span>\n          <CaretDownIcon\n            className={cn(\n              \"size-3 shrink-0 text-sf-subtle/60 transition-transform duration-200\",\n              !isOpen && \"-rotate-90\"\n            )}\n          />\n        </BaseCollapsible.Trigger>\n\n        <BaseCollapsible.Panel className=\"overflow-hidden\">\n          <ul className=\"mt-1 ml-[0.3125rem] flex flex-col gap-0.5 border-l border-sf-line/40 pl-3\">\n            {snapshot.steps.map((step, i) => (\n              <li\n                className=\"flex items-center gap-1.5 text-xs text-sf-subtle\"\n                key={`${step.kind}-${i}-${step.name}`}\n              >\n                <span\n                  aria-hidden\n                  className={cn(\n                    \"size-1.5 shrink-0 rounded-full bg-current\",\n                    step.ok ? \"text-sf-success\" : \"text-sf-danger\"\n                  )}\n                />\n                <span className=\"min-w-0 truncate\">{step.name}</span>\n                {step.duration ? (\n                  <span className=\"tabular-nums text-sf-subtle/60\">\n                    {step.duration}ms\n                  </span>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        </BaseCollapsible.Panel>\n      </div>\n    </BaseCollapsible.Root>\n  );\n}\n\nfunction deriveLiveTitle(elements: ReactElement[]): string {\n  for (const el of elements as ChildLike[]) {\n    const part = el.props.part as\n      | { text?: string; summary?: string }\n      | undefined;\n    const text = part?.summary ?? part?.text;\n    if (text) return truncate(text, 60);\n  }\n  return \"Working…\";\n}\n\n// ─── Snapshot derivation ─────────────────────────────────────────────────────\n\ntype ChildLike = ReactElement<{\n  part?: AiToolPart | { text?: string; summary?: string; name?: string };\n  duration?: number;\n}>;\n\nfunction deriveSnapshot(\n  children: ReactNode,\n  explicitTitle: string | undefined\n): FrozenSnapshot {\n  // oxlint-disable-next-line no-react-children\n  const elements = Children.toArray(children).filter(\n    isValidElement\n  ) as ChildLike[];\n\n  const steps: FrozenStep[] = [];\n  let errorCount = 0;\n  let totalDuration = 0;\n  let firstReasoningSnippet: string | undefined;\n\n  for (const el of elements) {\n    const kind = inferKind(el);\n    const part = el.props.part as\n      | (AiToolPart & { text?: string; summary?: string; name?: string })\n      | undefined;\n    const duration = el.props.duration;\n    if (typeof duration === \"number\") totalDuration += duration;\n\n    if (kind === \"tool\") {\n      const toolPart = part as AiToolPart | undefined;\n      const ok = toolPart ? !hasToolError(toolPart) : true;\n      const settled = toolPart ? hasToolResult(toolPart) : true;\n      if (!ok) errorCount += 1;\n      steps.push({\n        kind: \"tool\",\n        name: toolPart?.toolName ?? \"tool\",\n        ok: ok && settled,\n        duration,\n      });\n    } else {\n      const text =\n        (part?.summary as string | undefined) ??\n        (part?.text as string | undefined);\n      if (!firstReasoningSnippet && text) {\n        firstReasoningSnippet = text;\n      }\n      steps.push({\n        kind: \"reasoning\",\n        name: text ? truncate(text, 60) : \"Thinking\",\n        ok: true,\n        duration,\n      });\n    }\n  }\n\n  const title =\n    explicitTitle?.trim() ||\n    (firstReasoningSnippet && truncate(firstReasoningSnippet, 60)) ||\n    `${steps.length} ${steps.length === 1 ? \"step\" : \"steps\"}`;\n\n  return { title, steps, errorCount, totalDuration };\n}\n\nfunction inferKind(el: ChildLike): \"tool\" | \"reasoning\" {\n  // Best-effort: check common indicators. Tool parts have `toolName`/`toolCallId`.\n  // Reasoning parts have `text`.\n  const part = el.props.part as Record<string, unknown> | undefined;\n  if (part && typeof part === \"object\") {\n    if (\"toolName\" in part || \"toolCallId\" in part) return \"tool\";\n    if (\"text\" in part || \"summary\" in part) return \"reasoning\";\n  }\n  // Fallback: inspect displayName.\n  const displayName =\n    (el.type as { displayName?: string; name?: string } | undefined)\n      ?.displayName ??\n    (el.type as { displayName?: string; name?: string } | undefined)?.name ??\n    \"\";\n  if (displayName.includes(\"Tool\")) return \"tool\";\n  return \"reasoning\";\n}\n\nfunction truncate(s: string, n: number): string {\n  if (s.length <= n) return s;\n  return `${s.slice(0, n - 1).trimEnd()}…`;\n}\n\n// ─── groupParts ──────────────────────────────────────────────────────\n\n/**\n * A message part that is either narrative text or an \"activity\" (reasoning or\n * tool call). Consumers pass parts shaped like this — the helper does not read\n * any field other than `type`.\n */\nexport type GroupablePart =\n  | { type: \"text\"; [key: string]: unknown }\n  | { type: \"reasoning\"; [key: string]: unknown }\n  | { type: \"tool-call\" | \"tool-result\" | string; [key: string]: unknown };\n\n/** Emitted by {@link groupParts}. */\nexport type PartChunk<TPart = GroupablePart> =\n  | { kind: \"text\"; parts: TPart[] }\n  | { kind: \"activity\"; parts: TPart[] };\n\n/**\n * Split a message's parts into alternating `text` and `activity` chunks so each\n * contiguous run of reasoning/tool parts can be rendered inside its own\n * {@link AiPartGroup}, with narrative text rendered between them.\n *\n * @example\n * ```tsx\n * {groupParts(message.parts).map((chunk, i) =>\n *   chunk.kind === \"text\" ? (\n *     <AiMessageContent key={i}>{joinText(chunk.parts)}</AiMessageContent>\n *   ) : (\n *     <AiPartGroup\n *       key={i}\n *       groupKey={`${message.id}:activity:${i}`}\n *       complete={!message.isStreaming}\n *     >\n *       {chunk.parts.map(renderActivityPart)}\n *     </AiPartGroup>\n *   )\n * )}\n * ```\n */\nexport function groupParts<TPart extends { type: string }>(\n  parts: readonly TPart[],\n  options: {\n    /** Which `type` values count as \"activity\". Defaults to reasoning + tool parts. */\n    isActivity?: (part: TPart) => boolean;\n  } = {}\n): PartChunk<TPart>[] {\n  const isActivity =\n    options.isActivity ??\n    ((p: TPart) => {\n      const t = p.type;\n      return (\n        t === \"reasoning\" ||\n        t === \"tool-call\" ||\n        t === \"tool-result\" ||\n        t.startsWith(\"tool-\")\n      );\n    });\n\n  const chunks: PartChunk<TPart>[] = [];\n  for (const part of parts) {\n    const kind: PartChunk<TPart>[\"kind\"] = isActivity(part)\n      ? \"activity\"\n      : \"text\";\n    const last = chunks.at(-1);\n    if (last && last.kind === kind) {\n      last.parts.push(part);\n    } else {\n      chunks.push({ kind, parts: [part] });\n    }\n  }\n  return chunks;\n}\n"],"mappings":"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"}