@sentry/junior-dashboard 0.276.0 → 0.278.0

package/src/mock-reporting/fixtures.ts

@@ -135,12 +135,36 @@ const DASHBOARD_QA_PLAN_CHECK_ID =
   "junior:internal:dashboard-qa:advisor-plan:claim-check";
 /** Process-local archive state so mock restore can be exercised in visual QA. */
 const mockArchivedConversationIds = new Set<string>([ARCHIVED_CONVERSATION_ID]);
+/** Process-local pins so the Pinned section can be exercised in visual QA. */
+const mockPinnedConversationIds = new Set<string>();
 
-/** Restore process-local archive state so tests sharing a worker do not leak state. */
-export function resetMockConversationArchiveState(): void {
+/** Process-local auto-archive choices for mock visual QA. */
+const mockAutoArchiveByConversationId = new Map<string, boolean>();
+
+/**
+ * Restore process-local archive, pin, and auto-archive state so tests sharing
+ * a worker do not leak state.
+ */
+export function resetMockConversationViewerState(): void {
   mockArchivedConversationIds.clear();
   mockArchivedConversationIds.add(ARCHIVED_CONVERSATION_ID);
+  mockPinnedConversationIds.clear();
+  mockAutoArchiveByConversationId.clear();
 }
+
+/** Add the viewer's mock archive and pin times to one conversation. */
+function withMockViewerState<T extends { conversationId: string }>(
+  report: T & { archivedAt?: string | null },
+): T & { archivedAt: string | undefined; pinnedAt: string | null } {
+  return {
+    ...report,
+    archivedAt: mockArchivedConversationIds.has(report.conversationId)
+      ? (report.archivedAt ?? iso(NOW_MS, -2 * 24 * 60 * 60_000))
+      : undefined,
+    pinnedAt: mockPinnedConversationIds.has(report.conversationId) ? NOW : null,
+  };
+}
+
 const PEOPLE_ACTIVITY_DAYS = 90;
 const PEOPLE_PROFILE_ACTIVITY_DAYS = 365;
 const PUBLIC_MOCK_CHANNEL_IDS = new Set([
@@ -452,16 +476,27 @@ function activeConversation(nowMs: number): ConversationDetailReport {
           ],
         },
       }),
-      reportEvent(3, iso(Date.parse(startedAt), 9_000), {
-        type: "turn_routed",
-        turnId: "active-turn",
-        modelProfile: "handoff",
-        modelId: "openai/gpt-5.6-sol",
-        reasoningLevel: "high",
-        confidence: 0.93,
-        source: "router",
-        costUsd: 0.0012,
-      }),
+      reportEvent(
+        3,
+        iso(Date.parse(startedAt), 9_000),
+        {
+          type: "assistant_message",
+          parts: [
+            {
+              type: "reasoning",
+              text: "Compare the latest deploy with the previous baseline.",
+            },
+          ],
+        },
+        {
+          model: { modelId: "openai/gpt-5.6-sol" },
+          modelCall: {
+            provider: "vercel-ai-gateway",
+            api: "openai-responses",
+            stopReason: "toolUse",
+          },
+        },
+      ),
       reportEvent(
         4,
         iso(Date.parse(startedAt), 10_000),
@@ -476,11 +511,7 @@ function activeConversation(nowMs: number): ConversationDetailReport {
           ],
         },
         {
-          model: {
-            modelId: "openai/gpt-5.6-sol",
-            modelProfile: "handoff",
-            reasoningLevel: "high",
-          },
+          model: { modelId: "openai/gpt-5.6-sol" },
           modelCall: {
             provider: "vercel-ai-gateway",
             api: "openai-responses",
@@ -528,11 +559,7 @@ function activeConversation(nowMs: number): ConversationDetailReport {
           ],
         },
         {
-          model: {
-            modelId: "openai/gpt-5.6-sol",
-            modelProfile: "handoff",
-            reasoningLevel: "high",
-          },
+          model: { modelId: "openai/gpt-5.6-sol" },
         },
       ),
       // Mixed markdown keeps font/legibility QA honest for long assistant replies.
@@ -889,7 +916,6 @@ function dashboardQaConversation(nowMs: number): ConversationDetailReport {
       }),
       reportEvent(11, iso(Date.parse(startedAt), 56_000), {
         type: "compaction",
-        modelProfile: "standard",
         modelId: "openai/gpt-5.4",
         details: {
           reason: "capacity",
@@ -1095,7 +1121,6 @@ function longConversation(nowMs: number): ConversationDetailReport {
   events.push(
     reportEvent(nextSeq, iso(Date.parse(startedAt), 53_000), {
       type: "compaction",
-      modelProfile: "standard",
       modelId: "openai/gpt-5.4",
       summary:
         "The release is complete. Preserve the published version and continue by checking the update pull request.",
@@ -1112,17 +1137,6 @@ function longConversation(nowMs: number): ConversationDetailReport {
     }),
   );
   nextSeq += 1;
-  events.push(
-    reportEvent(nextSeq, iso(Date.parse(startedAt), 90_000), {
-      type: "handoff",
-      modelProfile: "fast",
-      modelId: "openai/gpt-5-mini",
-      reasoningLevel: "medium",
-      summary:
-        "Investigate the remaining deployment checks and report any actionable failure.",
-    }),
-  );
-  nextSeq += 1;
   events.push(
     reportEvent(nextSeq, iso(Date.parse(startedAt), 166_000), {
       type: "message",
@@ -1657,19 +1671,11 @@ function summaryFromConversation(
     ...summary,
     ...(activityPreview ? { activityPreview } : undefined),
   };
-  const withArchiveState = mockArchivedConversationIds.has(
-    conversation.conversationId,
-  )
-    ? {
-        ...summaryWithActivity,
-        archivedAt:
-          summaryWithActivity.archivedAt ?? iso(NOW_MS, -2 * 24 * 60 * 60_000),
-      }
-    : { ...summaryWithActivity, archivedAt: undefined };
-  return withArchiveState.channel &&
-    PUBLIC_MOCK_CHANNEL_IDS.has(withArchiveState.channel)
-    ? { ...withArchiveState, locationId: `mock:${withArchiveState.channel}` }
-    : withArchiveState;
+  const withViewerState = withMockViewerState(summaryWithActivity);
+  return withViewerState.channel &&
+    PUBLIC_MOCK_CHANNEL_IDS.has(withViewerState.channel)
+    ? { ...withViewerState, locationId: `mock:${withViewerState.channel}` }
+    : withViewerState;
 }
 
 function mockConversationFeed(nowMs: number): ConversationFeed {
@@ -1924,11 +1930,70 @@ export function setMockConversationArchived(
     (conversation) => conversation.conversationId === conversationId,
   );
   if (!exists) return undefined;
-  if (archived) mockArchivedConversationIds.add(conversationId);
-  else mockArchivedConversationIds.delete(conversationId);
+  if (archived) {
+    mockArchivedConversationIds.add(conversationId);
+    // Match the API: archive also unpins.
+    mockPinnedConversationIds.delete(conversationId);
+  } else {
+    mockArchivedConversationIds.delete(conversationId);
+    // Match the API: a manual restore turns auto-archive off.
+    mockAutoArchiveByConversationId.set(conversationId, false);
+  }
   return { archivedAt: archived ? NOW : null };
 }
 
+/** Pin or unpin one mock conversation for local dashboard visual QA. */
+export function setMockConversationPinned(
+  conversationId: string,
+  pinned: boolean,
+): { pinnedAt: string | null } | undefined {
+  const exists = mockConversations(NOW_MS).some(
+    (conversation) => conversation.conversationId === conversationId,
+  );
+  if (!exists) return undefined;
+  if (pinned) {
+    mockPinnedConversationIds.add(conversationId);
+    // Match the API: a pin also restores an archived conversation.
+    mockArchivedConversationIds.delete(conversationId);
+  } else {
+    mockPinnedConversationIds.delete(conversationId);
+  }
+  return { pinnedAt: pinned ? NOW : null };
+}
+
+/** Archive every done mock conversation once, like the archive-done API. */
+export function archiveMockDoneConversations(): { archived: number } {
+  let archived = 0;
+  for (const summary of mockConversationFeed(NOW_MS).conversations) {
+    if (
+      summary.archivedAt ||
+      summary.pinnedAt ||
+      !summary.assignedWork ||
+      summary.unfinishedWork ||
+      !summary.finishedWorkAt ||
+      mockAutoArchiveByConversationId.get(summary.conversationId) === false
+    ) {
+      continue;
+    }
+    mockArchivedConversationIds.add(summary.conversationId);
+    archived += 1;
+  }
+  return { archived };
+}
+
+/** Save a mock auto-archive choice for local dashboard visual QA. */
+export function setMockConversationAutoArchive(
+  conversationId: string,
+  autoArchive: boolean,
+): { autoArchive: boolean } | undefined {
+  const exists = mockConversations(NOW_MS).some(
+    (conversation) => conversation.conversationId === conversationId,
+  );
+  if (!exists) return undefined;
+  mockAutoArchiveByConversationId.set(conversationId, autoArchive);
+  return { autoArchive };
+}
+
 /** Return accepted mailbox rows for local dashboard visual QA. */
 export function readMockConversationPendingMessages(
   conversationId: string,
@@ -2151,22 +2216,23 @@ export function readMockConversationDetail(
     canFork:
       !parentConversationId &&
       conversationDetail.eventHistory.status !== "redacted",
+    ...(conversationDetail.isParticipant
+      ? {
+          autoArchive:
+            mockAutoArchiveByConversationId.get(conversationId) ?? false,
+        }
+      : undefined),
   };
-  const withArchiveState = mockArchivedConversationIds.has(conversationId)
-    ? {
-        ...detail,
-        archivedAt: detail.archivedAt ?? iso(NOW_MS, -2 * 24 * 60 * 60_000),
-      }
-    : { ...detail, archivedAt: undefined };
-  const events = withArchiveState.events.slice(-limit);
+  const withViewerState = withMockViewerState(detail);
+  const events = withViewerState.events.slice(-limit);
   const bounded =
-    events.length < withArchiveState.events.length && events[0]
+    events.length < withViewerState.events.length && events[0]
       ? {
-          ...withArchiveState,
+          ...withViewerState,
           events,
           previousCursor: mockBeforeCursor(conversationId, events[0].seq),
         }
-      : withArchiveState;
+      : withViewerState;
   return bounded.channel && PUBLIC_MOCK_CHANNEL_IDS.has(bounded.channel)
     ? { ...bounded, locationId: `mock:${bounded.channel}` }
     : bounded;

package/src/mock-reporting/routes.ts

@@ -7,6 +7,10 @@ import {
   actorProfileReportSchema,
   archiveConversationBodySchema,
   archiveConversationResponseSchema,
+  pinConversationBodySchema,
+  pinConversationResponseSchema,
+  archiveDoneConversationsResponseSchema,
+  conversationAutoArchiveSchema,
   conversationChildAgentsReportSchema,
   conversationDetailQuerySchema,
   conversationDetailReportSchema,
@@ -66,6 +70,9 @@ import {
   readMockAutomationExecutions,
   readMockAutomationList,
   setMockConversationArchived,
+  setMockConversationPinned,
+  setMockConversationAutoArchive,
+  archiveMockDoneConversations,
 } from "./fixtures";
 import { readMockConversationWatches } from "./watches";
 
@@ -190,7 +197,9 @@ export function createMockReportingApi(): Hono<{
     if (!params.success) {
       return errorResponse("Invalid route parameters.", 400);
     }
-    if (!query.success) {
+    // Mock details fit one page and have no unread cursor, so mock history
+    // only pages backward.
+    if (!query.success || !("before" in query.data)) {
       return errorResponse("Invalid query parameters.", 400);
     }
     if (!readMockConversationDetail(params.data.conversationId)) {
@@ -289,6 +298,46 @@ export function createMockReportingApi(): Hono<{
       ? jsonResponse(archiveConversationResponseSchema, result)
       : errorResponse("Conversation not found.", 404);
   });
+  app.patch("/conversations/:conversationId/pin", async (c) => {
+    const params = conversationParamsSchema.safeParse(c.req.param());
+    if (!params.success) {
+      return errorResponse("Invalid route parameters.", 400);
+    }
+    const body = pinConversationBodySchema.safeParse(await c.req.json());
+    if (!body.success) {
+      return errorResponse("Invalid request body.", 400);
+    }
+    const result = setMockConversationPinned(
+      params.data.conversationId,
+      body.data.pinned,
+    );
+    return result
+      ? jsonResponse(pinConversationResponseSchema, result)
+      : errorResponse("Conversation not found.", 404);
+  });
+  app.post("/conversations/archive-done", () =>
+    jsonResponse(
+      archiveDoneConversationsResponseSchema,
+      archiveMockDoneConversations(),
+    ),
+  );
+  app.patch("/conversations/:conversationId/auto-archive", async (c) => {
+    const params = conversationParamsSchema.safeParse(c.req.param());
+    if (!params.success) {
+      return errorResponse("Invalid route parameters.", 400);
+    }
+    const body = conversationAutoArchiveSchema.safeParse(await c.req.json());
+    if (!body.success) {
+      return errorResponse("Invalid request body.", 400);
+    }
+    const result = setMockConversationAutoArchive(
+      params.data.conversationId,
+      body.data.autoArchive,
+    );
+    return result
+      ? jsonResponse(conversationAutoArchiveSchema, result)
+      : errorResponse("Conversation not found.", 404);
+  });
   // Fixed bodies so dashboard mock can exercise image/file attachment cards.
   app.get("/conversations/:conversationId/attachments/:attachmentId", (c) => {
     const conversationId = c.req.param("conversationId");

package/src/tailwind.css

@@ -327,6 +327,36 @@
   }
 }
 
+@utility thin-scrollbar {
+  --thin-scrollbar-thumb: color-mix(
+    in srgb,
+    var(--color-dashboard-scrollbar-thumb) 80%,
+    transparent
+  );
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-inline: 1px solid transparent;
+    background: var(--thin-scrollbar-thumb) padding-box;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: var(--color-dashboard-scrollbar-thumb-hover);
+  }
+
+  @supports not selector(::-webkit-scrollbar-thumb) {
+    scrollbar-color: var(--thin-scrollbar-thumb) transparent;
+    scrollbar-width: thin;
+  }
+}
+
 @source "./app.ts";
 @source "./dashboardLoader.ts";
 @source "./client.tsx";