@springbrand/message-panel 0.1.3-alpha.32 → 0.1.3-alpha.34

package/cloud-os/chat/tool-rows.tsx

@@ -1,10 +1,6 @@
 import { Atom, CaretDown, CaretRight, Copy } from "@phosphor-icons/react";
-import { motion, useReducedMotion } from "motion/react";
-import { memo, useId, type ReactNode } from "react";
-import {
-  MarkdownMessage,
-  type CloudOsUrlResolver,
-} from "./markdown-message";
+import { memo, useId, useState } from "react";
+import { MarkdownMessage } from "./markdown-message";
 import {
   getToolCallSummary,
   getToolIcon,
@@ -13,24 +9,6 @@ import {
   type PhosphorIcon,
   type ToolCallGroup,
 } from "./tool-presentation";
-import { useLifecycleDisclosure } from "./use-lifecycle-disclosure";
-
-const thinkingSpark = new URL(
-  "../assets/thinking-spark.svg",
-  import.meta.url,
-).href;
-
-const SECONDARY_DISCLOSURE_TITLE_BASE =
-  "flex min-w-0 cursor-pointer gap-2 rounded-xl text-left text-[14px] leading-[1.4] text-cos-work-description transition-colors duration-150 ease-out hover:text-cos-work-description-subtle focus-visible:text-cos-work-description-subtle focus-visible:outline-none active:scale-[0.995]";
-
-export const SECONDARY_DISCLOSURE_TITLE_WITH_ICON =
-  `${SECONDARY_DISCLOSURE_TITLE_BASE} items-start px-1.5 py-1`;
-
-export const SECONDARY_DISCLOSURE_TITLE_WITHOUT_ICON =
-  `${SECONDARY_DISCLOSURE_TITLE_BASE} items-center py-1 pr-1.5`;
-
-export const SECONDARY_DISCLOSURE_ICON =
-  "mt-0.5 flex size-4 shrink-0 items-center justify-center";
 
 /**
  * 工作行(work rows): WorkIcon / ToolCallDetails / NestedToolCallRow /
@@ -56,74 +34,26 @@ function displayOutput(value: unknown, fallback: string): string {
   return displayValue(record);
 }
 
-interface ToolDetailItem {
-  key: string;
-  label: string;
-  output: string;
-  error: string;
-}
-
-function detailItems(calls: readonly CloudOsToolCall[]): ToolDetailItem[] {
-  return calls.map((call) => {
-    const summary = getToolCallSummary(call);
-    return {
-      key: call.toolCallId,
-      label: `${summary.verb}${summary.target ? ` ${summary.target}` : ""}`,
-      output: displayOutput(call.output, call.outputText),
-      error: call.errorText,
-    };
-  });
-}
-
-function OutputCard({ items }: { items: readonly ToolDetailItem[] }) {
-  const copyValue = items
-    .map((item) => {
-      const detail = [item.error, item.output]
-        .filter(Boolean)
-        .join("\n\n") || "No additional data";
-      return items.length === 1 ? detail : `${item.label}\n${detail}`;
-    })
-    .join("\n\n");
+function OutputPre({ value }: { value: string }) {
   return (
     <div
-      className="rounded-xl border border-[rgba(0,0,0,0.07)] bg-[rgba(0,0,0,0.03)] px-4 py-3 text-cos-output"
+      className="rounded-xl border border-kumo-line/70 bg-kumo-elevated/45 px-4 py-3 text-kumo-subtle"
       data-output-card=""
     >
       <div className="flex items-center justify-between gap-3 text-[14px] font-medium leading-5">
         <span>Output</span>
         <button
           type="button"
-          onClick={() => navigator.clipboard.writeText(copyValue)}
-          className="flex h-4 w-4 items-center justify-center text-cos-output transition-colors hover:text-kumo-default focus-visible:outline-none focus-visible:text-kumo-default"
+          onClick={() => navigator.clipboard.writeText(value)}
+          className="flex h-4 w-4 items-center justify-center text-kumo-subtle transition-colors hover:text-kumo-default focus-visible:outline-none focus-visible:text-kumo-default"
           aria-label="Copy output"
         >
           <Copy size={16} />
         </button>
       </div>
-      <div className="mt-3 max-h-56 space-y-3 overflow-auto border-t border-kumo-line/70 pt-3 text-[14px] font-normal leading-[1.4]">
-        {items.map((item) => (
-          <div key={item.key} className="space-y-1.5">
-            {items.length > 1 && (
-              <p className="m-0 text-[12px] leading-4 text-cos-output">
-                {item.label}
-              </p>
-            )}
-            {item.error && (
-              <p className="m-0 whitespace-pre-wrap text-kumo-danger">
-                {item.error}
-              </p>
-            )}
-            {item.output && (
-              <p className="m-0 whitespace-pre-wrap text-cos-output">
-                {item.output}
-              </p>
-            )}
-            {!item.error && !item.output && (
-              <p className="m-0 text-cos-output">No additional data</p>
-            )}
-          </div>
-        ))}
-      </div>
+      <pre className="mt-2 max-h-56 overflow-auto border-t border-kumo-line/70 pt-3 font-sans text-[14px] font-normal leading-5 whitespace-pre-wrap">
+        {value}
+      </pre>
     </div>
   );
 }
@@ -133,15 +63,22 @@ export const ToolCallDetails = memo(function ToolCallDetails({
 }: {
   toolCall: CloudOsToolCall;
 }) {
-  return <OutputCard items={detailItems([tc])} />;
-});
-
-export const ToolGroupDetails = memo(function ToolGroupDetails({
-  calls,
-}: {
-  calls: readonly CloudOsToolCall[];
-}) {
-  return <OutputCard items={detailItems(calls)} />;
+  const output = displayOutput(tc.output, tc.outputText);
+  return (
+    <div className="space-y-2">
+      {tc.errorText && (
+        <pre className="rounded-xl border border-kumo-danger/20 bg-kumo-danger-tint/40 p-3 font-mono text-[12px] leading-[18px] text-kumo-danger whitespace-pre-wrap">
+          {tc.errorText}
+        </pre>
+      )}
+      {output && <OutputPre value={output} />}
+      {!output && !tc.errorText && (
+        <p className="m-0 text-[12px] leading-4 text-kumo-inactive">
+          No additional data
+        </p>
+      )}
+    </div>
+  );
 });
 
 export const NestedToolCallRow = memo(function NestedToolCallRow({
@@ -163,13 +100,13 @@ export const NestedToolCallRow = memo(function NestedToolCallRow({
       <button
         type="button"
         onClick={() => onToggle(key)}
-        className={`${SECONDARY_DISCLOSURE_TITLE_WITH_ICON} w-full`}
+        className="flex w-full cursor-pointer items-center gap-3 rounded-xl px-1.5 py-1 text-left text-kumo-subtle transition-colors duration-150 ease-out hover:text-kumo-default focus-visible:text-kumo-default focus-visible:outline-none active:scale-[0.995]"
         aria-expanded={open}
       >
-        <span className={SECONDARY_DISCLOSURE_ICON}>
+        <span className="flex h-5 w-5 flex-shrink-0 items-center justify-center">
           <WorkIcon Icon={Icon} />
         </span>
-        <span className="flex min-w-0 flex-1 items-center gap-2">
+        <span className="flex min-w-0 flex-1 items-center gap-2 text-[14px] leading-5 tracking-[-0.25px]">
           <span className="min-w-0 truncate">{label}</span>
           {tc.failed && (
             <span className="flex-shrink-0 rounded-full bg-kumo-danger-tint px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.04em] text-kumo-danger">
@@ -177,13 +114,14 @@ export const NestedToolCallRow = memo(function NestedToolCallRow({
             </span>
           )}
           <CaretRight
-            size={16}
+            size={13}
+            weight="bold"
             className={`flex-shrink-0 text-kumo-inactive transition-transform duration-150 ease-out ${open ? "rotate-90" : ""}`}
           />
         </span>
       </button>
       {open && (
-        <div className="mt-1 space-y-3">
+        <div className="ml-8 mt-1 space-y-3">
           <ToolCallDetails toolCall={tc} />
         </div>
       )}
@@ -191,27 +129,6 @@ export const NestedToolCallRow = memo(function NestedToolCallRow({
   );
 });
 
-function ThinkingContent({
-  id,
-  text,
-  resolveUrl,
-  className = "",
-}: {
-  id?: string;
-  text: string;
-  resolveUrl?: CloudOsUrlResolver;
-  className?: string;
-}) {
-  return (
-    <div
-      id={id}
-      className={`cos-markdown max-h-[240px] overflow-y-auto rounded-xl border border-[rgba(0,0,0,0.07)] bg-[#F2F2F2] px-4 py-3 text-[14px] leading-[1.4] text-[rgba(0,0,0,0.7)] ${className}`}
-    >
-      <MarkdownMessage message={text} resolveUrl={resolveUrl} />
-    </div>
-  );
-}
-
 export const ThinkingTraceRow = memo(function ThinkingTraceRow({
   reasoning,
   running,
@@ -219,7 +136,7 @@ export const ThinkingTraceRow = memo(function ThinkingTraceRow({
   reasoning: string;
   running: boolean;
 }) {
-  const [open, toggle] = useLifecycleDisclosure(running);
+  const [open, setOpen] = useState(false);
   const contentId = useId();
   const summary = reasoning.replace(/\s+/g, " ").trim();
 
@@ -231,22 +148,22 @@ export const ThinkingTraceRow = memo(function ThinkingTraceRow({
     >
       <button
         type="button"
-        onClick={toggle}
-        className={`${SECONDARY_DISCLOSURE_TITLE_WITH_ICON} group w-fit max-w-[80%]`}
+        onClick={() => setOpen((current) => !current)}
+        className="group -ml-0.5 flex w-fit max-w-[80%] min-w-0 items-center gap-1.5 rounded-xl px-1.5 py-1 text-left text-[14px] leading-5 text-kumo-inactive transition-colors hover:text-kumo-default focus-visible:text-kumo-default focus-visible:outline-none"
         aria-expanded={open}
         aria-controls={contentId}
       >
-        <span className={`${SECONDARY_DISCLOSURE_ICON} relative`} aria-hidden="true">
+        <span className="relative grid size-4 flex-shrink-0 place-items-center" aria-hidden="true">
           <Atom
-            size={15}
+            size={14}
             className="transition-opacity group-hover:opacity-0 group-focus-visible:opacity-0"
           />
           <CaretDown
-            size={15}
+            size={14}
             className={`absolute opacity-0 transition-[opacity,transform] group-hover:opacity-100 group-focus-visible:opacity-100 ${open ? "" : "-rotate-90"}`}
           />
         </span>
-        <span className="flex-shrink-0">Think</span>
+        <span className="flex-shrink-0 text-kumo-subtle">Think</span>
         <span aria-hidden="true">·</span>
         <span
           className="min-w-0 flex-1 truncate"
@@ -256,186 +173,17 @@ export const ThinkingTraceRow = memo(function ThinkingTraceRow({
         </span>
       </button>
       {open && (
-        <ThinkingContent
+        <div
           id={contentId}
-          text={reasoning}
-          className="w-full"
-        />
-      )}
-    </div>
-  );
-});
-
-export function formatWorkDuration(milliseconds: number): string {
-  const totalSeconds = Math.max(0, Math.floor(milliseconds / 1000));
-  const hours = Math.floor(totalSeconds / 3600);
-  const minutes = Math.floor((totalSeconds % 3600) / 60);
-  const seconds = totalSeconds % 60;
-  if (hours > 0) {
-    return `${hours}h ${minutes}m${seconds > 0 ? ` ${seconds}s` : ""}`;
-  }
-  if (minutes > 0) return `${minutes}m${seconds > 0 ? ` ${seconds}s` : ""}`;
-  return `${seconds}s`;
-}
-
-interface ActivitySummary {
-  leading: string;
-  emphasis?: string;
-  trailing?: string;
-}
-
-function plural(count: number, singular: string, plural = `${singular}s`): string {
-  return `${count} ${count === 1 ? singular : plural}`;
-}
-
-function activitySummary(groups: readonly ToolCallGroup[]): ActivitySummary | null {
-  const calls = groups.flatMap((group) => group.calls);
-  const count = (kind: CloudOsToolCall["kind"]) =>
-    calls.filter((call) => call.kind === kind).length;
-  const webSearches = count("web-search");
-  const webPages = count("web-fetch");
-  if (webSearches > 0 && webPages > 0) {
-    return {
-      leading: "searched the web and retrieved ",
-      emphasis: `${webPages} web`,
-      trailing: webPages === 1 ? " page" : " pages",
-    };
-  }
-  if (webSearches > 0) return { leading: "searched the web" };
-  if (webPages > 0) {
-    return {
-      leading: "retrieved ",
-      emphasis: `${webPages} web`,
-      trailing: webPages === 1 ? " page" : " pages",
-    };
-  }
-
-  const firstKnown = calls.find((call) =>
-    ["read", "write", "edit", "bash", "skill", "javascript"].includes(
-      call.kind,
-    ),
-  );
-  if (!firstKnown) return null;
-  const total = count(firstKnown.kind);
-  switch (firstKnown.kind) {
-    case "read":
-      return { leading: `read ${plural(total, "file")}` };
-    case "write":
-      return { leading: `wrote ${plural(total, "file")}` };
-    case "edit":
-      return { leading: `made ${plural(total, "edit")}` };
-    case "bash":
-      return { leading: `ran ${plural(total, "command")}` };
-    case "skill":
-      return { leading: `read ${plural(total, "instruction set")}` };
-    case "javascript":
-      return { leading: total === 1 ? "ran code" : `ran code ${total} times` };
-    default:
-      return null;
-  }
-}
-
-export const WorkTraceDisclosure = memo(function WorkTraceDisclosure({
-  durationMs,
-  groups,
-  completed = false,
-  open,
-  onToggle,
-  children,
-}: {
-  durationMs?: number;
-  groups: readonly ToolCallGroup[];
-  completed?: boolean;
-  open: boolean;
-  onToggle: () => void;
-  children: ReactNode;
-}) {
-  const contentId = useId();
-  const reduceMotion = useReducedMotion();
-  const activity = activitySummary(groups);
-  const duration = durationMs === undefined ? "" : ` for ${formatWorkDuration(durationMs)}`;
-  const verb = completed ? "Worked" : "Thought";
-  const label = `${verb}${duration}${activity ? `, ${activity.leading}${activity.emphasis ?? ""}${activity.trailing ?? ""}` : ""}`;
-
-  return (
-    <div data-agent-work="" data-state={open ? "open" : "closed"}>
-      <div className="w-full pb-2">
-        <button
-          type="button"
-          onClick={onToggle}
-          aria-expanded={open}
-          aria-controls={contentId}
-          aria-label={label}
-          className="flex min-w-0 items-center gap-2 text-left text-[14px] leading-[1.4] text-cos-work-description transition-colors duration-150 ease-out hover:text-cos-work-description-subtle focus-visible:text-cos-work-description-subtle focus-visible:outline-none"
+          className="cos-markdown w-full rounded-xl border border-kumo-line bg-kumo-elevated/45 px-4 py-3 text-[14px] leading-[1.4] text-kumo-default/70"
         >
-          {!completed && (
-            <span className="grid size-4 shrink-0 place-items-center" aria-hidden="true">
-              <motion.img
-                src={thinkingSpark}
-                alt=""
-                className="size-[12.24px]"
-                initial={{ rotate: 0 }}
-                animate={
-                  reduceMotion ? { rotate: 0 } : { rotate: [0, 360, -360, -360] }
-                }
-                transition={
-                  reduceMotion
-                    ? { duration: 0 }
-                    : {
-                        rotate: {
-                          duration: 1.68,
-                          times: [0, 0.8368, 0.8373, 1],
-                          ease: [
-                            [0.5, 0, 0.5, 1],
-                            [0.5, 0, 0.5, 1],
-                            "linear",
-                          ],
-                          repeat: Infinity,
-                        },
-                      }
-                }
-              />
-            </span>
-          )}
-          <span className="min-w-0 truncate">
-            <span>{`${verb}${duration}${activity ? `, ${activity.leading}` : ""}`}</span>
-            {activity?.emphasis && (
-              <span className="text-kumo-default">{activity.emphasis}</span>
-            )}
-            {activity?.trailing}
-          </span>
-          <CaretRight
-            size={16}
-            className={`shrink-0 text-kumo-inactive transition-transform duration-150 ease-out ${open ? "rotate-90" : ""}`}
-            aria-hidden="true"
-          />
-        </button>
-      </div>
-      {open && (
-        <div id={contentId} className="mt-4 space-y-3" data-agent-work-content="">
-          {children}
+          <MarkdownMessage message={reasoning} />
         </div>
       )}
     </div>
   );
 });
 
-export const WorkDescriptionRow = memo(function WorkDescriptionRow({
-  text,
-  resolveUrl,
-}: {
-  text: string;
-  running?: boolean;
-  resolveUrl?: CloudOsUrlResolver;
-}) {
-  return (
-    <ThinkingContent
-      text={text}
-      resolveUrl={resolveUrl}
-    />
-  );
-});
-
 export const ToolGroupRow = memo(function ToolGroupRow({
   group,
   open,
@@ -447,20 +195,19 @@ export const ToolGroupRow = memo(function ToolGroupRow({
   expandedKeys: ReadonlySet<string>;
   onToggle: (key: string) => void;
 }) {
-  void expandedKeys;
   return (
-    <div className="group/tool-call">
+    <div className="group -ml-0.5">
       <button
         type="button"
         onClick={() => onToggle(group.key)}
-        className={SECONDARY_DISCLOSURE_TITLE_WITH_ICON}
+        className="flex w-full cursor-pointer items-center gap-3 rounded-xl px-1.5 py-1 text-left text-kumo-subtle transition-colors duration-150 ease-out hover:text-kumo-default focus-visible:text-kumo-default focus-visible:outline-none active:scale-[0.995]"
         aria-expanded={open}
       >
-        <span className={SECONDARY_DISCLOSURE_ICON}>
+        <span className="flex h-5 w-5 flex-shrink-0 items-center justify-center">
           <WorkIcon Icon={group.Icon} />
         </span>
         <span className="min-w-0 flex-1">
-          <span className="flex min-w-0 items-center gap-2">
+          <span className="flex min-w-0 items-center gap-2 text-[14px] leading-5 tracking-[-0.25px]">
             <span
               className={`min-w-0 truncate ${group.hasRunning ? "cos-thinking-shimmer" : ""}`}
             >
@@ -472,22 +219,38 @@ export const ToolGroupRow = memo(function ToolGroupRow({
               </span>
             )}
             <CaretRight
-              size={16}
-              className={`shrink-0 text-kumo-inactive transition-transform duration-150 ease-out ${open ? "rotate-90" : ""}`}
+              size={13}
+              weight="bold"
+              className={`flex-shrink-0 text-kumo-inactive transition-transform duration-150 ease-out ${open ? "rotate-90" : ""}`}
             />
           </span>
           {group.detailLines.length > 1 && (
-            <span className="mt-2 block truncate text-[12px] leading-4 text-[rgba(0,0,0,0.3)]">
+            <span className="mt-1 block truncate font-mono text-[12px] leading-4 text-kumo-inactive">
               {group.detailLines.join(" · ")}
             </span>
           )}
         </span>
       </button>
-      {open && (
-        <div className="mt-3">
-          <ToolGroupDetails calls={group.calls} />
-        </div>
-      )}
+      {open &&
+        (group.calls.length === 1 ? (
+          <div className="ml-8 mt-1 space-y-3">
+            <ToolCallDetails toolCall={group.calls[0]} />
+          </div>
+        ) : (
+          <div className="ml-8 mt-1 space-y-1">
+            {group.calls.map((toolCall) => {
+              const key = `call-${toolCall.toolCallId}`;
+              return (
+                <NestedToolCallRow
+                  key={toolCall.toolCallId}
+                  toolCall={toolCall}
+                  open={expandedKeys.has(key)}
+                  onToggle={onToggle}
+                />
+              );
+            })}
+          </div>
+        ))}
     </div>
   );
 });

package/cloud-os/chat/transcript-model.ts

@@ -27,7 +27,6 @@ export interface CloudOsMessageMetadata extends UnknownRecord {
   createdAt?: number;
   error?: string;
   interruptedByUser?: boolean;
-  turnId?: string;
   turnDurationMs?: number;
   turnStartedAt?: number;
   turnStatus?: string;
@@ -144,10 +143,8 @@ export type CloudOsEntry =
       type: "assistant";
       key: string;
       messageId: string;
-      turnId?: string;
       blocks: AssistantBlock[];
       copyText: string;
-      durationMs?: number;
       timestamp?: number;
       terminal?: { kind: "interrupted" | "error"; title: string; body?: string };
     };
@@ -171,10 +168,6 @@ function nonNegativeNumber(value: unknown): number | undefined {
     : undefined;
 }
 
-function nonEmptyString(value: unknown): string | undefined {
-  return typeof value === "string" && value.trim() ? value : undefined;
-}
-
 export function cloudOsMetadata(message: UIMessage): CloudOsMessageMetadata {
   return recordOf(message.metadata) as CloudOsMessageMetadata;
 }
@@ -229,54 +222,6 @@ export function formatFullTimestamp(timestamp: number): string {
   });
 }
 
-function turnDuration(metadata: CloudOsMessageMetadata): number | undefined {
-  const explicit = nonNegativeNumber(metadata.turnDurationMs);
-  if (explicit !== undefined) return explicit;
-  const startedAt = nonNegativeNumber(metadata.turnStartedAt);
-  const completedAt = nonNegativeNumber(metadata.completedAt);
-  return startedAt !== undefined && completedAt !== undefined
-    ? Math.max(0, completedAt - startedAt)
-    : undefined;
-}
-
-function isWorkBlock(block: AssistantBlock): boolean {
-  return (
-    block.kind === "reasoning" ||
-    block.kind === "toolGroup" ||
-    block.kind === "plan" ||
-    block.kind === "parallel" ||
-    block.kind === "subagents"
-  );
-}
-
-/**
- * 把一条 assistant 消息拆成可折叠的工作过程与始终可见的最终内容。
- * 最后一段工作之前的 text 是过程旁白；最后一次工作之后的 text 才是正文。
- */
-export function partitionAssistantBlocks(blocks: readonly AssistantBlock[]): {
-  work: AssistantBlock[];
-  content: AssistantBlock[];
-} {
-  let lastWorkIndex = -1;
-  blocks.forEach((block, index) => {
-    if (isWorkBlock(block)) lastWorkIndex = index;
-  });
-
-  const work: AssistantBlock[] = [];
-  const content: AssistantBlock[] = [];
-  blocks.forEach((block, index) => {
-    if (
-      isWorkBlock(block) ||
-      (block.kind === "text" && index < lastWorkIndex)
-    ) {
-      work.push(block);
-    } else {
-      content.push(block);
-    }
-  });
-  return { work, content };
-}
-
 function toolNameOf(part: unknown): string | null {
   const type = String(recordOf(part).type ?? "");
   if (type === "dynamic-tool") {
@@ -683,9 +628,6 @@ export function buildCloudOsEntries({
     }
     return -1;
   })();
-  const activeTurnId = isActive && lastAssistantIndex >= 0
-    ? nonEmptyString(cloudOsMetadata(messages[lastAssistantIndex]!).turnId)
-    : undefined;
 
   messages.forEach((message, index) => {
     if (message.role === "system") return;
@@ -740,10 +682,8 @@ export function buildCloudOsEntries({
       type: "assistant",
       key: `assistant-${message.id}-${index}`,
       messageId: message.id,
-      turnId: nonEmptyString(metadata.turnId),
       blocks,
       copyText: messageText(message),
-      durationMs: turnDuration(metadata),
       timestamp:
         nonNegativeNumber(metadata.completedAt) ??
         nonNegativeNumber(metadata.createdAt),
@@ -751,54 +691,7 @@ export function buildCloudOsEntries({
     });
   });
 
-  return aggregateCompletedTurnWork(
-    dropSupersededActionPresentations(dropSupersededPlans(entries)),
-    activeTurnId,
-  );
-}
-
-/** Collapse every completed Turn's assistant segments into one display entry. */
-function aggregateCompletedTurnWork(
-  entries: CloudOsEntry[],
-  activeTurnId: string | undefined,
-): CloudOsEntry[] {
-  const indexesByTurn = new Map<string, number[]>();
-  entries.forEach((entry, index) => {
-    if (entry.type !== "assistant" || !entry.turnId) return;
-    const indexes = indexesByTurn.get(entry.turnId) ?? [];
-    indexes.push(index);
-    indexesByTurn.set(entry.turnId, indexes);
-  });
-
-  const hidden = new Set<number>();
-  const replacements = new Map<number, CloudOsEntry>();
-  for (const [turnId, indexes] of indexesByTurn) {
-    if (turnId === activeTurnId || indexes.length < 2) continue;
-    const assistantEntries = indexes.map(
-      (index) => entries[index] as Extract<CloudOsEntry, { type: "assistant" }>,
-    );
-    const anchorIndex = indexes[indexes.length - 1]!;
-    const anchor = assistantEntries[assistantEntries.length - 1]!;
-    const durations = assistantEntries.flatMap((entry) =>
-      entry.durationMs === undefined ? [] : [entry.durationMs]
-    );
-    const timestamps = assistantEntries.flatMap((entry) =>
-      entry.timestamp === undefined ? [] : [entry.timestamp]
-    );
-
-    indexes.slice(0, -1).forEach((index) => hidden.add(index));
-    replacements.set(anchorIndex, {
-      ...anchor,
-      key: `assistant-turn-${turnId}`,
-      blocks: assistantEntries.flatMap((entry) => entry.blocks),
-      ...(durations.length > 0 ? { durationMs: Math.max(...durations) } : {}),
-      ...(timestamps.length > 0 ? { timestamp: Math.max(...timestamps) } : {}),
-    });
-  }
-
-  return entries.flatMap((entry, index) =>
-    hidden.has(index) ? [] : [replacements.get(index) ?? entry]
-  );
+  return dropSupersededActionPresentations(dropSupersededPlans(entries));
 }
 
 function dropSupersededActionPresentations(entries: CloudOsEntry[]): CloudOsEntry[] {

package/cloud-os/index.ts

@@ -68,12 +68,8 @@ export type {
 export {
   ThinkingTraceRow,
   ToolCallDetails,
-  ToolGroupDetails,
   ToolGroupRow,
-  WorkDescriptionRow,
   WorkIcon,
-  WorkTraceDisclosure,
-  formatWorkDuration,
 } from "./chat/tool-rows";
 export {
   ApprovalBlock,
@@ -98,7 +94,6 @@ export {
   formatClockTime,
   formatFullTimestamp,
   messageText,
-  partitionAssistantBlocks,
   requestedCapabilitiesOf,
   rhythmTopClass,
 } from "./chat/transcript-model";