@sentry/junior-dashboard 0.277.0 → 0.278.0

package/src/client/pages/memory/MemoryTimeline.tsx

@@ -5,7 +5,6 @@ import {
   ActivityChartXAxis,
   ActivityChartYAxis,
 } from "../../components/charts/ActivityChart";
-import { ChartLegend } from "../../components/charts/ChartLegend";
 import {
   type TimeRangeBucketUnit,
   type TimeRangeDays,
@@ -14,16 +13,11 @@ import { Card } from "../../components/layout/Card";
 import { ChartContainer, ChartTooltip } from "../../components/ui/chart";
 import type { MemoryDay } from "./memoryDashboard";
 
-const series = [
-  { color: "var(--color-cyan-300)", key: "personal", label: "Personal" },
-  { color: "var(--color-emerald-300)", key: "public", label: "Public" },
-] as const;
+const chartConfig = {
+  count: { color: "var(--color-emerald-300)", label: "Memories" },
+};
 
-const chartConfig = Object.fromEntries(
-  series.map((item) => [item.key, { color: item.color, label: item.label }]),
-);
-
-/** Render viewer memory creation as a stacked personal/public timeline. */
+/** Render memory creation as a timeline. */
 export function MemoryTimeline(props: {
   bucketUnit?: TimeRangeBucketUnit;
 
@@ -33,7 +27,7 @@ export function MemoryTimeline(props: {
   const bucketUnit = props.bucketUnit ?? "day";
 
   const days = props.days;
-  const totals = days.map((day) => day.personal + day.public);
+  const totals = days.map((day) => day.count);
   const maximum = Math.max(1, ...totals);
   const hasMemories = totals.some((total) => total > 0);
 
@@ -45,15 +39,13 @@ export function MemoryTimeline(props: {
         </h2>
         <p className="mt-1 mb-0 font-sans text-xs leading-relaxed text-dashboard-text-muted">
           {bucketUnit === "hour"
-            ? "Stacked personal + public memories created each hour."
+            ? "Memories created each hour."
             : bucketUnit === "6hour"
-              ? "Stacked personal + public memories created each 6 hours."
-              : "Stacked personal + public memories created each day."}
+              ? "Memories created each 6 hours."
+              : "Memories created each day."}
         </p>
       </div>
 
-      <ChartLegend ariaLabel="Memory visibility legend" items={series} />
-
       <div className="relative mt-3 overflow-hidden">
         <ChartContainer
           className="aspect-auto h-50 w-full"
@@ -71,25 +63,17 @@ export function MemoryTimeline(props: {
             <ChartTooltip
               content={
                 <ActivityChartTooltipContent
-                  rows={(day: MemoryDay) => [
-                    ["personal", day.personal],
-                    ["public", day.public],
-                    ["total", day.personal + day.public],
-                  ]}
+                  rows={(day: MemoryDay) => [["memories", day.count]]}
                 />
               }
             />
-            {series.map((item) => (
-              <Bar
-                dataKey={item.key}
-                fill={`var(--color-${item.key})`}
-                fillOpacity={0.82}
-                isAnimationActive={false}
-                key={item.key}
-                maxBarSize={13}
-                stackId="visibility"
-              />
-            ))}
+            <Bar
+              dataKey="count"
+              fill="var(--color-count)"
+              fillOpacity={0.82}
+              isAnimationActive={false}
+              maxBarSize={13}
+            />
           </BarChart>
         </ChartContainer>
         {!hasMemories ? (

package/src/client/pages/memory/memoryDashboard.ts

@@ -1,4 +1,4 @@
-import { keepPreviousData, useQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { z } from "zod";
 
 import { fetchDashboardJson } from "../../http";
@@ -7,9 +7,8 @@ const memoryBucketSchema = z.string().regex(/^\d{4}-\d{2}-\d{2}(T\d{2})?$/);
 
 const memoryDaySchema = z
   .object({
+    count: z.number().int().min(0),
     date: memoryBucketSchema,
-    personal: z.number().int().min(0),
-    public: z.number().int().min(0),
   })
   .strict();
 
@@ -38,10 +37,8 @@ export const memoryDashboardSchema = z
         embedded: z.number().int().min(0),
         explicit: z.number().int().min(0),
         knowledge: z.number().int().min(0),
-        personal: z.number().int().min(0),
         preference: z.number().int().min(0),
         procedure: z.number().int().min(0),
-        public: z.number().int().min(0),
       })
       .strict(),
   })
@@ -64,36 +61,3 @@ export function useMemoryDashboardData() {
     retry: false,
   });
 }
-
-const memoryCountsSchema = z
-  .object({
-    active: z.number().int().min(0),
-    personal: z.number().int().min(0),
-    public: z.number().int().min(0),
-  })
-  .strict();
-
-/**
- * Load viewer-scoped memory totals that match a search query. The query stays
- * idle without a search, because the dashboard summary owns unfiltered totals.
- */
-export function useMemorySearchCounts(searchQuery: string) {
-  return useQuery({
-    enabled: Boolean(searchQuery),
-    placeholderData: keepPreviousData,
-    queryFn: ({ signal }) =>
-      fetchDashboardJson(
-        memoryCountsSchema,
-        `/api/plugins/memory/counts?${new URLSearchParams({ q: searchQuery })}`,
-        signal,
-      ),
-    queryKey: [
-      "dashboard",
-      "plugin-user-page",
-      "memory",
-      "counts",
-      searchQuery,
-    ],
-    retry: false,
-  });
-}

package/src/client/pages/memory/memoryRecord.ts

@@ -14,7 +14,6 @@ const memoryRecordSchema = z
     observedAt: z.iso.datetime(),
     origin: z.enum(["automatic", "explicit", "other"]),
     sourcePlatform: z.enum(["local", "slack", "web"]),
-    visibility: z.enum(["private", "public"]),
   })
   .strict();
 
@@ -43,10 +42,7 @@ export function memoryPageRecord(memory: MemoryRecord): PluginUserPageRecord {
   return {
     actions: [
       {
-        confirmation:
-          memory.visibility === "public"
-            ? "Forget this memory for everyone?"
-            : "Forget this memory?",
+        confirmation: "Forget this memory for everyone?",
         href: `/api/plugins/memory/memories/${encodeURIComponent(memory.id)}`,
         label: "Forget",
         method: "DELETE",
@@ -58,7 +54,6 @@ export function memoryPageRecord(memory: MemoryRecord): PluginUserPageRecord {
       { label: "Type", value: titleCase(memory.kind) },
       { label: "Learned", value: learned },
       { label: "Source", value: titleCase(memory.sourcePlatform) },
-      { label: "Visibility", value: titleCase(memory.visibility) },
       { label: "Remembered", value: formattedDate(memory.createdAt) },
       { label: "Observed", value: formattedDate(memory.observedAt) },
       {

package/src/client/types.ts

@@ -56,32 +56,22 @@ export type TranscriptViewSubagentPart = {
 export type TranscriptViewContextEventPart = {
   /** People mentioned in the summary, resolved by the API. */
   mentions?: ActorIdentity[];
-  event:
-    | {
-        createdAt: string;
-        type: "compaction";
-        modelId?: string;
-        modelProfile?: string;
-        summary?: string;
-        details?: {
-          reason: "capacity";
-          estimatedInputTokens: number;
-          replacementInputTokens?: number;
-          triggerTokens: number;
-          inputLimitTokens: number;
-          inputMessageCount: number;
-          retainedMessageCount: number;
-          summaryChars: number;
-        };
-      }
-    | {
-        createdAt: string;
-        modelId: string;
-        modelProfile: string;
-        reasoningLevel?: string;
-        summary?: string;
-        type: "handoff";
-      };
+  event: {
+    createdAt: string;
+    type: "compaction";
+    modelId?: string;
+    summary?: string;
+    details?: {
+      reason: "capacity";
+      estimatedInputTokens: number;
+      replacementInputTokens?: number;
+      triggerTokens: number;
+      inputLimitTokens: number;
+      inputMessageCount: number;
+      retainedMessageCount: number;
+      summaryChars: number;
+    };
+  };
   type: "context_event";
 };
 
@@ -138,6 +128,8 @@ export type TranscriptViewMessage = {
   events?: ConversationReportMessageEvent[];
   /** Whether the source message addressed Junior directly. */
   explicitMention?: boolean;
+  /** Quiet message: stored, but not delivered to the Location. */
+  quiet?: true;
   /** Person changes to Review items that this message records. */
   reviewItemChanges?: ReviewItemChangeRecord[];
   /** People mentioned in the event text, resolved by the API. */
@@ -148,13 +140,6 @@ export type TranscriptViewMessage = {
   messageId?: string;
   /** True while the message is accepted in the mailbox but not yet in history. */
   pending?: boolean;
-  route?: {
-    confidence?: number;
-    modelId: string;
-    modelProfile: string;
-    reasoningLevel: string;
-    source: "configured" | "inherited" | "router";
-  };
   eventId?: string;
   failureCode?: ConversationTurnFailureCode;
   failureReason?: ConversationTurnFailureReason;

package/src/conversation-cache.ts

@@ -1,4 +1,5 @@
 import { createHash } from "node:crypto";
+import { CONVERSATION_DETAIL_VERSION_HEADER } from "@sentry/junior/api/schema";
 import type { MiddlewareHandler } from "hono";
 
 /** Revalidate mock detail reads on content, after the route checks viewer access. */
@@ -15,15 +16,12 @@ export const revalidateConversation: MiddlewareHandler = async (
   // generatedAt is the read time, not a change to the Conversation. The mailbox
   // has its own live watermark and is never handled by this middleware.
   const { generatedAt: _generatedAt, ...content } = report;
-  const etag = `W/"${createHash("sha256").update(JSON.stringify(content)).digest("hex")}"`;
+  const version = createHash("sha256")
+    .update(JSON.stringify(content))
+    .digest("hex");
   context.header("cache-control", "private, no-store");
-  context.header("etag", etag);
-  const validators = context.req.header("if-none-match")?.split(",");
-  if (
-    validators?.some(
-      (value) => value.trim().replace(/^W\//, "") === etag.slice(2),
-    )
-  ) {
+  context.header(CONVERSATION_DETAIL_VERSION_HEADER, version);
+  if (context.req.header(CONVERSATION_DETAIL_VERSION_HEADER) === version) {
     context.res = new Response(null, {
       status: 304,
       headers: context.res.headers,

package/src/mock-reporting/fixtures.ts

@@ -476,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),
@@ -500,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",
@@ -552,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.
@@ -913,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",
@@ -1119,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.",
@@ -1136,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",

package/src/mock-reporting/routes.ts

@@ -197,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)) {

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";