@sentry/junior-dashboard 0.243.0 → 0.245.0

package/src/client/conversations/eventLog.ts

@@ -94,7 +94,7 @@ export function eventLogSummary(data: ConversationReportEventData): string {
     case "handoff":
       return "Handoff · New configuration applied";
     case "subagent":
-      return `${data.subagentKind} · ${data.status} · ${data.childConversationId}`;
+      return `${data.agentName ?? data.subagentKind} · ${data.status} · ${data.childConversationId}`;
   }
 }
 

package/src/client/conversations/eventTranscript.ts

@@ -362,6 +362,9 @@ export function transcriptMessagesFromEvents(
         childConversationId: data.childConversationId,
         subagentKind: data.subagentKind,
         status: data.status,
+        ...(data.agentName ? { agentName: data.agentName } : undefined),
+        ...(data.task ? { task: data.task } : undefined),
+        ...(data.title ? { title: data.title } : undefined),
       };
       subagents.set(subagentId, part);
       messages.push({

package/src/client/conversations/transcriptRenderModel.ts

@@ -194,7 +194,12 @@ export function messageRawText(message: TranscriptViewMessage): string {
       if (part.type === "reasoning") return part.text ?? "reasoning redacted";
       if (part.type === "tool_call") return `tool_call ${part.name}`;
       if (part.type === "subagent") {
-        return `subagent ${part.subagentKind}\nstatus ${part.status}`;
+        return [
+          `subagent ${part.agentName ?? part.subagentKind}`,
+          ...(part.title ? [`title ${part.title}`] : []),
+          ...(part.task ? [`task ${part.task}`] : []),
+          `status ${part.status}`,
+        ].join("\n");
       }
       if (part.type === "structured_event") {
         return [

package/src/client/conversations/transcriptSearch.tsx

@@ -160,7 +160,12 @@ export function entryMatchesSearch(
 
   if (entry.kind === "subagent") {
     return (
-      textContains(entry.part.subagentKind, normalizedQuery) ||
+      textContains(
+        entry.part.agentName ?? entry.part.subagentKind,
+        normalizedQuery,
+      ) ||
+      textContains(entry.part.title, normalizedQuery) ||
+      textContains(entry.part.task, normalizedQuery) ||
       textContains(entry.part.status, normalizedQuery)
     );
   }

package/src/client/format.ts

@@ -660,6 +660,21 @@ function compareTimeDesc(a: string | undefined, b: string | undefined): number {
   return (parseTime(b) ?? 0) - (parseTime(a) ?? 0);
 }
 
+/**
+ * Return the title of a loaded Conversation. A child agent Conversation uses
+ * its agent label from the agent tree, because it has no title of its own.
+ */
+export function conversationDetailTitle(
+  detail:
+    | Pick<ConversationTranscript, "agentTree" | "displayTitle">
+    | undefined,
+): string | undefined {
+  return (
+    detail?.agentTree?.at(-1)?.label ??
+    (detail?.displayTitle?.trim() || undefined)
+  );
+}
+
 /** Return the display title prepared by the reporting API. */
 export function conversationDisplayTitle(
   conversation: Conversation | undefined,

package/src/client/markdownExport.ts

@@ -396,9 +396,14 @@ function appendSubagent(
   part: TranscriptViewSubagentPart,
   timestamp: number | undefined,
 ): void {
-  lines.push("", `### Subagent: ${headingText(part.subagentKind)}`);
+  lines.push(
+    "",
+    `### Subagent: ${headingText(part.agentName ?? part.subagentKind)}`,
+  );
   addEventMeta(lines, conversationTranscript, timestamp);
   addMetaLine(lines, "Status", part.status);
+  addMetaLine(lines, "Title", part.title);
+  addMetaLine(lines, "Task", part.task);
 }
 
 function appendTool(

package/src/client/pages/dev/SegmentedFixtures.tsx

@@ -11,7 +11,7 @@ export function SegmentedTabsFixture() {
       <SegmentedTabs
         items={[
           { label: "Details", value: "details" },
-          { label: "Memories", value: "memories" },
+          { count: 3, label: "Memories", value: "memories" },
           { label: "Usage", value: "usage" },
         ]}
         label="Conversation panels"

package/src/client/types.ts

@@ -38,10 +38,13 @@ export type TranscriptViewToolCallPart = {
 };
 
 export type TranscriptViewSubagentPart = {
+  agentName?: string;
   childConversationId: string;
   id: string;
   status: "aborted" | "blocked" | "completed" | "error" | "running";
   subagentKind: string;
+  task?: string;
+  title?: string;
   type: "subagent";
 };
 

package/src/mock-reporting/fixtures.ts

@@ -719,6 +719,9 @@ function dashboardQaConversation(nowMs: number): ConversationDetailReport {
         startedAt: iso(Date.parse(startedAt), 4_000),
         childConversationId: DASHBOARD_QA_PLAN_ID,
         subagentKind: "agent",
+        agentName: "planner",
+        task: "Review the dashboard plan before editing.",
+        title: "Review the dashboard plan",
         parentToolCallId: "qa-advisor",
         status: "running",
       }),
@@ -728,6 +731,9 @@ function dashboardQaConversation(nowMs: number): ConversationDetailReport {
         startedAt: iso(Date.parse(startedAt), 4_000),
         childConversationId: DASHBOARD_QA_PLAN_ID,
         subagentKind: "agent",
+        agentName: "planner",
+        task: "Review the dashboard plan before editing.",
+        title: "Review the dashboard plan",
         parentToolCallId: "qa-advisor",
         status: "completed",
       }),
@@ -750,6 +756,7 @@ function dashboardQaConversation(nowMs: number): ConversationDetailReport {
         startedAt: iso(Date.parse(startedAt), 25_000),
         childConversationId: DASHBOARD_QA_REVIEW_ID,
         subagentKind: "agent",
+        agentName: "reviewer",
         status: "running",
       }),
       reportEvent(7, iso(Date.parse(startedAt), 44_000), {
@@ -758,6 +765,7 @@ function dashboardQaConversation(nowMs: number): ConversationDetailReport {
         startedAt: iso(Date.parse(startedAt), 25_000),
         childConversationId: DASHBOARD_QA_REVIEW_ID,
         subagentKind: "agent",
+        agentName: "reviewer",
         status: "blocked",
       }),
       reportEvent(8, iso(Date.parse(startedAt), 50_000), {
@@ -963,6 +971,10 @@ function advisorConversation(
   nowMs: number,
   conversationId: string,
   text: string,
+  metrics: Pick<
+    ConversationDetailReport,
+    "cumulativeDurationMs" | "cumulativeUsage"
+  >,
 ): MockConversation {
   const startedAt = iso(nowMs, -10 * 60_000);
   const conversation = detail(nowMs, {
@@ -971,7 +983,7 @@ function advisorConversation(
     startedAt,
     lastSeenAt: iso(Date.parse(startedAt), 18_000),
     lastProgressAt: iso(Date.parse(startedAt), 18_000),
-    cumulativeDurationMs: 18_000,
+    ...metrics,
     events: [
       reportEvent(0, startedAt, {
         type: "message",
@@ -1391,11 +1403,28 @@ function mockConversations(nowMs: number): MockConversation[] {
       nowMs,
       DASHBOARD_QA_PLAN_ID,
       "Review the dashboard plan before editing.",
+      {
+        cumulativeDurationMs: 72_400,
+        cumulativeUsage: {
+          inputTokens: 38_400,
+          outputTokens: 2_150,
+          cachedInputTokens: 21_600,
+          cost: { input: 0.094, output: 0.048, total: 0.142 },
+        },
+      },
     ),
     advisorConversation(
       nowMs,
       DASHBOARD_QA_REVIEW_ID,
       "Review the implementation after the first advisor pass.",
+      {
+        cumulativeDurationMs: 9_800,
+        cumulativeUsage: {
+          inputTokens: 6_200,
+          outputTokens: 310,
+          cost: { input: 0.015, output: 0.004, total: 0.019 },
+        },
+      },
     ),
     longConversation(nowMs),
     incidentConversation(nowMs),
@@ -1821,7 +1850,8 @@ export function readMockConversationPendingMessages(
 export function readMockConversationChildAgents(
   conversationId: string,
 ): ConversationChildAgentsReport | undefined {
-  const conversation = mockConversations(NOW_MS).find(
+  const conversations = mockConversations(NOW_MS);
+  const conversation = conversations.find(
     (candidate) => candidate.conversationId === conversationId,
   );
   if (!conversation) return undefined;
@@ -1829,9 +1859,20 @@ export function readMockConversationChildAgents(
     return { agents: [], conversationId };
   }
   const startedAtMs = NOW_MS - 5 * 60 * 60_000;
+  // Match the API: each row has the usage of its own child Conversation.
+  const childMetrics = (childConversationId: string) => {
+    const child = conversations.find(
+      (candidate) => candidate.conversationId === childConversationId,
+    )!;
+    return {
+      cumulativeDurationMs: child.cumulativeDurationMs,
+      cumulativeUsage: child.cumulativeUsage,
+    };
+  };
   return {
     agents: [
       {
+        ...childMetrics(DASHBOARD_QA_REVIEW_ID),
         conversationId: DASHBOARD_QA_REVIEW_ID,
         error: "GitHub access is needed to read the pull request.",
         name: "reviewer",
@@ -1840,9 +1881,11 @@ export function readMockConversationChildAgents(
         updatedAt: iso(startedAtMs, 44_000),
       },
       {
+        ...childMetrics(DASHBOARD_QA_PLAN_ID),
         conversationId: DASHBOARD_QA_PLAN_ID,
         status: "completed",
         task: "Review the dashboard plan before editing.",
+        title: "Review the dashboard plan",
         updatedAt: iso(startedAtMs, 20_000),
       },
     ],
@@ -1850,6 +1893,36 @@ export function readMockConversationChildAgents(
   };
 }
 
+/** Build the agent tree of a mock child Conversation, like the API. */
+function mockAgentTree(
+  conversation: MockConversation,
+): ConversationDetailReport["agentTree"] {
+  if (!conversation.parentConversationId) return undefined;
+  const conversations = mockConversations(NOW_MS);
+  const chain = [conversation];
+  let current = conversation;
+  while (current.parentConversationId) {
+    const parent = conversations.find(
+      (candidate) => candidate.conversationId === current.parentConversationId,
+    );
+    if (!parent) break;
+    chain.unshift(parent);
+    current = parent;
+  }
+  return chain.map((item) => {
+    if (!item.parentConversationId) {
+      return { conversationId: item.conversationId, label: item.displayTitle };
+    }
+    const agent = readMockConversationChildAgents(
+      item.parentConversationId,
+    )?.agents.find((child) => child.conversationId === item.conversationId);
+    return {
+      conversationId: item.conversationId,
+      label: agent?.title ?? agent?.name ?? "Subagent",
+    };
+  });
+}
+
 /** Return one canonical-event visual-QA conversation detail fixture. */
 export function readMockConversationDetail(
   conversationId: string,
@@ -1860,9 +1933,11 @@ export function readMockConversationDetail(
   );
   if (!conversation) return undefined;
   const { parentConversationId, ...conversationDetail } = conversation;
+  const agentTree = mockAgentTree(conversation);
   // Match the API: only readable root Conversations can be forked.
   const detail = {
     ...conversationDetail,
+    ...(agentTree ? { agentTree } : undefined),
     canFork:
       !parentConversationId &&
       conversationDetail.eventHistory.status !== "redacted",