@sentry/junior-dashboard 0.62.0 → 0.64.0

package/src/client/types.ts

@@ -1,119 +1,59 @@
 import type { BundledLanguage } from "shiki/bundle/web";
+import type {
+  DashboardConversationReport,
+  DashboardRequesterIdentity,
+  DashboardSessionFeed,
+  DashboardSessionReport,
+  DashboardTurnReport,
+  DashboardTurnUsage,
+  HealthReport,
+  PluginReport,
+  RuntimeInfoReport,
+  SkillReport,
+} from "@sentry/junior/reporting";
 
-export type Health = { service: string; status: string; timestamp: string };
+export type Health = HealthReport;
 
-export type Runtime = {
-  cwd: string;
-  descriptionText?: string;
-  homeDir: string;
-  packagedContent: { packageNames: string[] };
-};
+export type Runtime = RuntimeInfoReport;
 
-export type Plugin = { name: string };
+export type Plugin = PluginReport;
 
-export type Skill = { name: string; pluginProvider?: string };
+export type Skill = SkillReport;
 
-export type RequesterIdentity = {
-  email?: string;
-  fullName?: string;
-  slackUserId?: string;
-  slackUserName?: string;
-};
+export type RequesterIdentity = DashboardRequesterIdentity;
 
-export type TurnUsage = {
-  cachedInputTokens?: number;
-  cacheCreationTokens?: number;
-  inputTokens?: number;
-  outputTokens?: number;
-  totalTokens?: number;
-};
+export type TurnUsage = DashboardTurnUsage;
 
-export type Session = {
-  channel?: string;
-  channelName?: string;
-  conversationId?: string;
-  conversationTitle?: string;
-  cumulativeDurationMs?: number;
-  cumulativeUsage?: TurnUsage;
-  id: string;
-  lastProgressAt?: string;
-  lastSeenAt?: string;
-  requester?: string;
-  requesterIdentity?: RequesterIdentity;
-  sentryConversationUrl?: string;
-  sentryTraceUrl?: string;
-  startedAt?: string;
-  status: string;
-  surface?: string;
-  title?: string;
-  traceId?: string;
-};
+export type Session = DashboardSessionReport;
 
-export type TranscriptPart = {
-  bytes?: number;
-  chars?: number;
-  id?: string;
-  input?: unknown;
-  inputKeys?: string[];
-  inputSizeBytes?: number;
-  inputSizeChars?: number;
-  inputType?: string;
-  name?: string;
-  output?: unknown;
-  outputKeys?: string[];
-  outputSizeBytes?: number;
-  outputSizeChars?: number;
-  outputType?: string;
-  redacted?: boolean;
-  text?: string;
-  type: string;
-};
+export type TranscriptPart =
+  DashboardTurnReport["transcript"][number]["parts"][number];
 
-export type TranscriptMessage = {
-  parts: TranscriptPart[];
-  role: string;
-  timestamp?: number;
-};
+export type TranscriptMessage = DashboardTurnReport["transcript"][number];
 
-export type ConversationTurn = Session & {
-  transcript: TranscriptMessage[];
-  transcriptAvailable: boolean;
-  transcriptMetadata?: TranscriptMessage[];
-  transcriptMessageCount?: number;
-  transcriptRedacted?: boolean;
-  transcriptRedactionReason?: "non_public_conversation";
-};
+export type ConversationTurn = DashboardTurnReport;
 
-export type ConversationDetailFeed = {
-  conversationId: string;
-  generatedAt: string;
-  turns: ConversationTurn[];
-};
+export type ConversationDetailFeed = DashboardConversationReport;
 
 export type Conversation = {
   channel?: string;
   channelName?: string;
   conversationTitle?: string;
   id: string;
-  lastProgressAt?: string;
-  lastSeenAt?: string;
-  requester?: string;
+  lastProgressAt: string;
+  lastSeenAt: string;
   requesterIdentity?: RequesterIdentity;
   sentryConversationUrl?: string;
   sentryTraceUrl?: string;
-  startedAt?: string;
+  startedAt: string;
   status: Session["status"];
-  surface?: string;
+  surface: Session["surface"];
   title: string;
   traceId?: string;
   turns: Session[];
 };
 
-export type SessionFeed = {
-  generatedAt?: string;
-  sessions: Session[];
-  source: string;
-};
+export type SessionFeed = DashboardSessionFeed;
 
 export type Identity = { user: { email?: string; hostedDomain?: string } };
 
@@ -141,7 +81,11 @@ export type SessionFilter = "active" | "recent" | "hung" | "failed" | "all";
 
 export type VisualStatus = "active" | "failed" | "hung" | "idle";
 
-export type CodeBlock = { code: string; fenced?: boolean; language: BundledLanguage };
+export type CodeBlock = {
+  code: string;
+  fenced?: boolean;
+  language: BundledLanguage;
+};
 
 export type MarkupNode =
   | {

package/src/config.ts

@@ -20,11 +20,15 @@ export async function resolveDashboardConfig(): Promise<JuniorDashboardRuntimeCo
 }
 
 function readEnvConfig(): JuniorDashboardRuntimeConfig {
+  const mockConversations =
+    process.env.JUNIOR_DASHBOARD_MOCK_CONVERSATIONS === "true";
+
   return {
     authRequired: process.env.JUNIOR_DASHBOARD_AUTH_REQUIRED !== "false",
     allowedGoogleDomains: readListEnv("JUNIOR_DASHBOARD_GOOGLE_DOMAINS"),
     allowedEmails: readListEnv("JUNIOR_DASHBOARD_ALLOWED_EMAILS"),
     trustedOrigins: readListEnv("JUNIOR_DASHBOARD_TRUSTED_ORIGINS"),
+    ...(mockConversations ? { mockConversations } : {}),
   };
 }
 

package/src/dashboardLoader.ts

@@ -0,0 +1,12 @@
+export const dashboardRainbowProgressClass = [
+  "relative",
+  "overflow-hidden",
+  "bg-white/15",
+  "before:absolute",
+  "before:inset-0",
+  "before:content-['']",
+  "before:bg-[linear-gradient(90deg,#ff4d6d,#ffb703,#56f39a,#4cc9f0,#9b5de5,#ff4d6d)]",
+  "before:bg-[length:200%_100%]",
+  "before:animate-[junior-rainbow-flow_1.2s_linear_infinite]",
+  "motion-reduce:before:animate-none",
+].join(" ");

package/src/index.ts

@@ -0,0 +1,78 @@
+import {
+  type AgentPluginRoute,
+  defineJuniorPlugin,
+  type JuniorPluginRegistration,
+} from "@sentry/junior-plugin-api";
+import { buildDashboardConversationURL, normalizeDashboardPath } from "./url";
+import { createDashboardApp, type JuniorDashboardOptions } from "./app";
+
+export { createDashboardApp, type JuniorDashboardOptions } from "./app";
+
+export interface JuniorDashboardPluginOptions extends JuniorDashboardOptions {
+  disabled?: boolean;
+}
+
+function dashboardRoutePaths(options: JuniorDashboardPluginOptions): string[] {
+  const basePath = normalizeDashboardPath(options.basePath, "/");
+  const authPath = normalizeDashboardPath(options.authPath, "/api/auth");
+  const pagePaths =
+    basePath === "/"
+      ? ["/", "/conversations", "/conversations/*", "/sessions", "/sessions/*"]
+      : [basePath, `${basePath}/*`];
+
+  return [
+    ...pagePaths,
+    "/favicon.ico",
+    "/api/dashboard/*",
+    authPath,
+    `${authPath}/*`,
+  ];
+}
+
+function dashboardRoutes(
+  options: JuniorDashboardPluginOptions,
+): AgentPluginRoute[] {
+  let app: ReturnType<typeof createDashboardApp> | undefined;
+  const fetch = (request: Request) => {
+    app ??= createDashboardApp(options);
+    return app.fetch(request);
+  };
+
+  return dashboardRoutePaths(options).map((path) => ({
+    handler: fetch,
+    path,
+  }));
+}
+
+/** Register dashboard routes and Slack footer links through trusted plugin hooks. */
+export function juniorDashboardPlugin(
+  options: JuniorDashboardPluginOptions = {},
+): JuniorPluginRegistration {
+  return defineJuniorPlugin({
+    name: "dashboard",
+    manifest: {
+      name: "dashboard",
+      description: "Junior dashboard routes and Slack footer links",
+    },
+    hooks: {
+      routes() {
+        if (options.disabled) {
+          return [];
+        }
+        return dashboardRoutes(options);
+      },
+      slackConversationLink(ctx) {
+        if (options.disabled) {
+          return undefined;
+        }
+        return {
+          url: buildDashboardConversationURL({
+            basePath: options.basePath,
+            baseURL: options.baseURL,
+            conversationId: ctx.conversationId,
+          }),
+        };
+      },
+    },
+  });
+}