@sentry/junior-dashboard 0.244.0 → 0.245.0

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/mock-reporting/fixtures.ts

@@ -971,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, {
@@ -979,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",
@@ -1399,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),
@@ -1829,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;
@@ -1837,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",
@@ -1848,6 +1881,7 @@ 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.",
@@ -1859,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,
@@ -1869,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",