@sentry/junior-dashboard 0.264.0 → 0.265.0

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

@@ -1,231 +0,0 @@
-import type {
-  ConversationDetailReport,
-  ConversationReportEventData,
-} from "@sentry/junior/api/schema";
-
-import { ChatLayout } from "../../conversations/ChatLayout";
-import { TranscriptMessageView } from "../../conversations/TranscriptMessageView";
-import { ConversationTranscriptView } from "../../conversations/ConversationTranscript";
-
-const TIMESTAMP = "2026-08-07T12:00:00.000Z";
-const EVENTS: ConversationReportEventData[] = [
-  {
-    type: "message",
-    messageId: "gallery-user",
-    role: "user",
-    source: "slack",
-    actorIdentity: { fullName: "Alex Rivera" },
-    text: "Show me the visual QA.",
-  },
-  { type: "turn_lifecycle", turnId: "gallery-turn", state: "started" },
-  {
-    type: "turn_context",
-    turnId: "gallery-turn",
-    pluginName: "memory",
-    kind: "recall",
-    version: 1,
-    content: {
-      memories: [
-        {
-          id: "gallery-memory",
-          content: "Use desktop and mobile screenshots for visual review.",
-          observedAtMs: Date.parse(TIMESTAMP),
-          scope: "personal",
-          kind: "preference",
-        },
-      ],
-    },
-  },
-  {
-    type: "message",
-    messageId: "gallery-reply",
-    role: "assistant",
-    source: "slack",
-    text: "The change is ready for review.\n\nI tightened the conversation layout and kept the event details available below.",
-    cards: [
-      {
-        kind: "object",
-        plugin: "github",
-        key: "getsentry/junior#1200",
-      },
-    ],
-  },
-  {
-    type: "attachments_delivered",
-    attachments: [
-      {
-        id: "qa-chart-png",
-        filename: "before.png",
-        contentType: "image/png",
-        bytes: 18211,
-      },
-      {
-        id: "qa-chart-png",
-        filename: "after.png",
-        contentType: "image/png",
-        bytes: 18211,
-      },
-    ],
-  },
-  {
-    type: "message",
-    messageId: "gallery-comment",
-    role: "user",
-    eventType: "pull_request.comment.created",
-    eventObjectType: "code_change",
-    trustedSummary:
-      "GitHub PR getsentry/junior#1200 received a comment from vercel[bot].",
-    text: "Preview deployment is ready.",
-  },
-  {
-    type: "assistant_message",
-    parts: [
-      {
-        type: "reasoning",
-        text: "Check the preview before reporting the result.",
-      },
-    ],
-  },
-  {
-    type: "tool_calls",
-    calls: [
-      {
-        toolCallId: "gallery-preview",
-        name: "webFetch",
-        status: "completed",
-        input: { url: "https://example.com/preview" },
-        output: { status: 200 },
-      },
-    ],
-  },
-  {
-    type: "message",
-    messageId: "gallery-review",
-    role: "user",
-    eventType: "pull_request.review.commented",
-    eventObjectType: "code_change",
-    trustedSummary: "GitHub PR getsentry/junior#1200 received a review.",
-    text: "The preview is ready for visual review.",
-  },
-  {
-    type: "message",
-    messageId: "gallery-event-batch",
-    role: "user",
-    eventType: "pull_request.review.approved",
-    eventObjectType: "code_change",
-    trustedSummary: "GitHub PR getsentry/junior#1200 was approved by dcramer.",
-    events: [
-      {
-        eventType: "pull_request.review.approved",
-        label: "GitHub PR getsentry/junior#1200",
-        trustedSummary:
-          "GitHub PR getsentry/junior#1200 was approved by dcramer.",
-      },
-      {
-        eventType: "pull_request.review.commented",
-        label: "GitHub PR getsentry/junior#1200",
-        trustedSummary:
-          "GitHub PR getsentry/junior#1200 received a review comment from cursor[bot].",
-      },
-      {
-        eventType: "pull_request.review_comment.created",
-        label: "GitHub PR getsentry/junior#1200",
-        trustedSummary:
-          "GitHub PR getsentry/junior#1200 received an inline review comment from cursor[bot].",
-      },
-    ],
-    text: "[task]\n\nThis is a task, not a message from a person.\n\nYou received 3 events.",
-  },
-];
-
-const CONVERSATION: ConversationDetailReport = {
-  conversationId: "internal:dashboard-qa",
-  displayTitle: "Conversation spacing",
-  cumulativeDurationMs: 0,
-  isParticipant: true,
-  status: "completed",
-  startedAt: TIMESTAMP,
-  lastSeenAt: TIMESTAMP,
-  lastProgressAt: TIMESTAMP,
-  generatedAt: TIMESTAMP,
-  surface: "slack",
-  eventHistory: { status: "available" },
-  annotations: [
-    {
-      kind: "object",
-      objectType: "code_change",
-      plugin: "github",
-      key: "getsentry/junior#1200",
-      label: "getsentry/junior#1200",
-      title: "Tighten conversation spacing",
-      status: "draft",
-      displayType: "Pull request",
-      url: "https://github.com/getsentry/junior/pull/1200",
-      facts: {
-        type: "code_change",
-        author: "alex",
-        sourceBranch: "fix/conversation-spacing",
-        targetBranch: "main",
-      },
-      createdAt: TIMESTAMP,
-      updatedAt: TIMESTAMP,
-    },
-  ],
-  events: EVENTS.map((data, seq) => ({
-    seq,
-    createdAt: new Date(Date.parse(TIMESTAMP) + seq * 1_000).toISOString(),
-    data,
-  })),
-};
-
-/** Use the local mock reporting attachment route to review wrapping and previews. */
-export function MessageAttachmentsFixture() {
-  return (
-    <div className="min-w-0 max-w-[52.5rem] bg-dashboard-bg p-3">
-      <TranscriptMessageView
-        conversation={CONVERSATION}
-        message={{
-          sourceSeq: 0,
-          timestamp: Date.parse(TIMESTAMP),
-          role: "assistant",
-          parts: [{ type: "text", text: "Two charts and the review notes." }],
-          attachments: [
-            {
-              id: "qa-chart-png",
-              filename: "before.png",
-              contentType: "image/png",
-              bytes: 18211,
-            },
-            {
-              id: "qa-chart-png",
-              filename: "after.png",
-              contentType: "image/png",
-              bytes: 18211,
-            },
-            {
-              id: "qa-notes-txt",
-              filename: "review-notes.txt",
-              contentType: "text/plain",
-              bytes: 42,
-            },
-          ],
-        }}
-      />
-    </div>
-  );
-}
-
-/** Show messages, cards, and activity after an event in the real scroll frame. */
-export function ConversationFixture() {
-  return (
-    <div className="h-[64rem] min-w-0 max-w-[52.5rem] bg-dashboard-bg">
-      <ChatLayout
-        scrollAriaLabel="Gallery conversation transcript"
-        scrollClassName="p-3"
-        scroll={
-          <ConversationTranscriptView conversation={CONVERSATION} responding />
-        }
-      />
-    </div>
-  );
-}

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

@@ -1,138 +0,0 @@
-import type { OwnedObjectAnnotation } from "@sentry/junior-plugin-api";
-import { objectIconPath, objectPresentation } from "@sentry/junior-plugin-api";
-import { ObjectIcon } from "../../components/ObjectIcon";
-import { ObjectCard } from "../../conversations/ObjectCard";
-import { ConversationSidebarAnnotations } from "../../conversations/ConversationMeta";
-import { TranscriptRailEvent } from "../../conversations/TranscriptRailEvent";
-
-const objects: OwnedObjectAnnotation[] = [
-  ...(["open", "closed", "warning"] as const).map((status, index) => ({
-    kind: "object" as const,
-    objectType: "task" as const,
-    plugin: "github",
-    key: `repo#${index + 1}`,
-    label: `repo#${index + 1}`,
-    title: "Fix the parser",
-    displayType: "Issue",
-    status,
-    url: `https://github.com/example/repo/issues/${index + 1}`,
-  })),
-  ...(["open", "draft", "closed", "merged", "warning"] as const).map(
-    (status, index) => ({
-      kind: "object" as const,
-      objectType: "code_change" as const,
-      plugin: "github",
-      key: `repo#${index + 4}`,
-      label: `repo#${index + 4}`,
-      title: "Fix the parser",
-      displayType: "Pull request",
-      status,
-      url: `https://github.com/example/repo/pull/${index + 4}`,
-    }),
-  ),
-  {
-    kind: "object",
-    objectType: "automation",
-    plugin: "junior",
-    key: "daily-check",
-    label: "Daily check",
-    title: "Check parser errors",
-    trigger: "Every weekday at 09:00 UTC",
-    status: "blocked",
-    warning: "Reconnect the provider to resume.",
-    url: "https://example.com/automations/daily-check",
-  },
-  {
-    kind: "object",
-    objectType: "deployment",
-    plugin: "vercel",
-    key: "deploy-1",
-    label: "Production",
-    title: "parser.example.com",
-    status: "ERROR",
-    url: "https://example.com/deploy-1",
-    facts: {
-      type: "deployment",
-      environment: "Production",
-      revision: "a1b2c3d",
-    },
-  },
-  {
-    kind: "object",
-    objectType: "calendar_event",
-    plugin: "google",
-    key: "event-1",
-    label: "Oct 12",
-    title: "Parser sync",
-    url: "https://calendar.google.com/calendar/event?eid=1",
-    facts: {
-      type: "calendar_event",
-      when: "Mon, Oct 12, 10:00 – 10:30 PDT",
-      attendees: ["Sam Lee", "alex@example.com"],
-    },
-  },
-  {
-    kind: "object",
-    objectType: "item",
-    plugin: "example",
-    key: "item-1",
-    label: "Reference",
-    title: "Parser reference",
-    url: "https://example.com/reference",
-  },
-];
-
-/** Mixed types and states at each production icon size, including Slack assets. */
-export function ObjectFixtures() {
-  return (
-    <div className="grid min-w-0 gap-6">
-      <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
-        {objects.map((object) => (
-          <div
-            key={object.key}
-            className="flex items-center gap-3 rounded-lg border border-dashboard-border p-3"
-          >
-            <ObjectIcon {...object} size={20} />
-            <span className="text-sm">
-              {object.displayType ?? objectPresentation(object).label} ·{" "}
-              {object.status ?? "Unknown"}
-            </span>
-          </div>
-        ))}
-      </div>
-      <ConversationSidebarAnnotations
-        annotations={objects.map((object) => ({
-          key: object.key,
-          label: object.plugin,
-          objectType: object.objectType,
-          status: object.status,
-        }))}
-      />
-      <TranscriptRailEvent kind="event" objectType="code_change">
-        Pull request checks failed
-      </TranscriptRailEvent>
-      <TranscriptRailEvent kind="event" objectType="task">
-        Issue closed
-      </TranscriptRailEvent>
-      <div className="flex flex-wrap items-center gap-4">
-        {objects.map((object) => (
-          <img
-            key={object.key}
-            src={objectIconPath(objectPresentation(object).icon)}
-            alt={`Slack asset: ${object.displayType ?? objectPresentation(object).label}, ${object.status ?? "unknown"}`}
-            width={32}
-            height={32}
-          />
-        ))}
-        <span className="text-xs text-dashboard-text-muted">
-          Slack PNG assets (not a Slack rendering preview)
-        </span>
-      </div>
-      <div className="grid min-w-0 items-start gap-4 lg:grid-cols-2">
-        {[objects[1]!, objects[5]!, ...objects.slice(8)].map((card) => (
-          <ObjectCard key={card.key} card={card} />
-        ))}
-      </div>
-    </div>
-  );
-}

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

@@ -1,59 +0,0 @@
-import { useState } from "react";
-
-import { SegmentedNav } from "../../components/SegmentedNav";
-import { SegmentedTabs } from "../../components/SegmentedTabs";
-
-/** Show panel tabs switching the panel below them. */
-export function SegmentedTabsFixture() {
-  const [tab, setTab] = useState<"summary" | "memories" | "agents">("summary");
-  return (
-    <div className="h-64 max-w-xs">
-      <SegmentedTabs
-        scroll
-        items={[
-          { label: "Summary", value: "summary" },
-          { count: 3, label: "Memories", value: "memories" },
-          { count: 2, label: "Subagents", value: "agents" },
-        ]}
-        label="Conversation panels"
-        onChange={setTab}
-        value={tab}
-      >
-        <p className="m-0 text-sm leading-relaxed text-dashboard-text-muted">
-          {tab === "summary"
-            ? "Checkout latency increased after the latest release. Compare traces from before and after the deployment, then inspect the slow serialization span. The public brief links the affected repository, the release, and the open code change. Keep the rollout paused until the comparison confirms the cause. The next check is to run the same request against the previous release and compare its timings. Use the linked work to record the result and any rollback decision. The participants can continue this investigation in the conversation while keeping these details open. Model usage and related child conversations remain available in their own sections."
-            : tab === "memories"
-              ? "What Junior learned from this conversation."
-              : "Child conversations and their current work."}
-        </p>
-      </SegmentedTabs>
-    </div>
-  );
-}
-
-const PAGE_LINKS = [
-  "Overview",
-  "People",
-  "Locations",
-  "Workspaces",
-  "Plugins",
-].map((label) => ({
-  isActive: () => label === "Overview",
-  label,
-  to: `#${label.toLowerCase()}`,
-}));
-
-/** Show page links at label width, filling a row, and overflowing a row. */
-export function SegmentedNavFixture() {
-  return (
-    <div className="grid gap-4">
-      <SegmentedNav ariaLabel="Label width" items={PAGE_LINKS} />
-      <div className="max-w-md">
-        <SegmentedNav ariaLabel="Fill" fill items={PAGE_LINKS.slice(0, 2)} />
-      </div>
-      <div className="max-w-xs">
-        <SegmentedNav ariaLabel="Overflow" fill items={PAGE_LINKS} />
-      </div>
-    </div>
-  );
-}

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

@@ -1,62 +0,0 @@
-import { useState } from "react";
-import { DirectorySortSelect } from "../../components/controls/DirectorySortSelect";
-import { Field } from "../../components/Field";
-import { FilterGroup } from "../../components/FilterBar";
-import { Select } from "../../components/Select";
-
-/** Show shared select arrows at form, filter, and directory sizes. */
-export function SelectFixtures() {
-  const [sort, setSort] = useState("recent");
-
-  return (
-    <div className="grid min-w-0 gap-4">
-      <Field label="Schedule" htmlFor="gallery-select-form">
-        <Select id="gallery-select-form" defaultValue="weekly">
-          <option value="daily">Every day</option>
-          <option value="weekly">Every week</option>
-        </Select>
-      </Field>
-      <FilterGroup label="State">
-        <Select aria-label="State" variant="filter">
-          <option>All states</option>
-          <option>Active</option>
-          <option>Paused</option>
-        </Select>
-      </FilterGroup>
-      <DirectorySortSelect
-        ariaLabel="Gallery sort"
-        onChange={setSort}
-        options={[
-          { label: "Recently created", value: "recent" },
-          { label: "Oldest created", value: "oldest" },
-        ]}
-        value={sort}
-      />
-      <FilterGroup className="w-36" label="Opened">
-        <Select aria-label="Opened">
-          <option>Last 90 days</option>
-          <option>Any time</option>
-        </Select>
-      </FilterGroup>
-      <Field label="Disabled" htmlFor="gallery-select-disabled">
-        <Select id="gallery-select-disabled" disabled>
-          <option>Every week</option>
-        </Select>
-      </Field>
-      <Field
-        label="Destination"
-        htmlFor="gallery-select-invalid"
-        error="Choose a destination."
-      >
-        <Select
-          id="gallery-select-invalid"
-          aria-invalid
-          aria-describedby="gallery-select-invalid-error"
-        >
-          <option value="">Choose a destination</option>
-          <option value="conversation">This Conversation</option>
-        </Select>
-      </Field>
-    </div>
-  );
-}

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

@@ -1,206 +0,0 @@
-import { TranscriptSubagentView } from "../../conversations/TranscriptSubagentView";
-import { TranscriptToolView } from "../../conversations/TranscriptToolView";
-import type {
-  TranscriptViewSubagentPart,
-  TranscriptViewToolCallPart,
-} from "../../types";
-
-type ToolCallFixture = {
-  description: string;
-  part: TranscriptViewToolCallPart;
-  timestamp: number;
-};
-
-const TOOL_CALL_TIMESTAMP = Date.UTC(2026, 4, 1, 16);
-
-const TOOL_CALL_FIXTURES = [
-  {
-    description: "Default completed tool with normalized arguments",
-    part: {
-      id: "gallery-search",
-      input: {
-        query: "release regression",
-        limit: 25,
-        options: { includeArchived: false },
-      },
-      name: "searchIssues",
-      output: { matches: 3 },
-      resultTimestamp: TOOL_CALL_TIMESTAMP + 1_842,
-      status: "completed",
-      type: "tool_call",
-    },
-    timestamp: TOOL_CALL_TIMESTAMP,
-  },
-  {
-    description: "Running webSearch with name-only shimmer",
-    part: {
-      id: "gallery-running",
-      input: {
-        query: "service:checkout status:error",
-        max_results: 50,
-      },
-      name: "webSearch",
-      status: "running",
-      type: "tool_call",
-    },
-    timestamp: TOOL_CALL_TIMESTAMP + 3_000,
-  },
-  {
-    description: "Failed tool",
-    part: {
-      id: "gallery-error",
-      input: {
-        command: "jr-rpc config get github.repo",
-        timeout_ms: 10_000,
-      },
-      name: "bash",
-      output: { error: "configuration unavailable" },
-      resultTimestamp: TOOL_CALL_TIMESTAMP + 6_416,
-      status: "error",
-      type: "tool_call",
-    },
-    timestamp: TOOL_CALL_TIMESTAMP + 6_000,
-  },
-  {
-    description: "Known loadSkill signature",
-    part: {
-      id: "gallery-load-skill",
-      input: { skill_name: "junior-qa" },
-      name: "loadSkill",
-      output: { skill_name: "junior-qa" },
-      resultTimestamp: TOOL_CALL_TIMESTAMP + 8_105,
-      status: "completed",
-      type: "tool_call",
-    },
-    timestamp: TOOL_CALL_TIMESTAMP + 8_000,
-  },
-  {
-    description: "Known executeTool signature with nested arguments",
-    part: {
-      id: "gallery-execute-tool",
-      input: {
-        tool_name: "github_search",
-        arguments: { query: "is:pr is:open", limit: 25 },
-      },
-      name: "executeTool",
-      output: { matches: 3 },
-      resultTimestamp: TOOL_CALL_TIMESTAMP + 10_723,
-      status: "completed",
-      type: "tool_call",
-    },
-    timestamp: TOOL_CALL_TIMESTAMP + 10_000,
-  },
-  {
-    description: "Long generic arguments exercise both truncation limits",
-    part: {
-      id: "gallery-long",
-      input: {
-        project: "payments-checkout-platform",
-        query:
-          "Find every regression associated with the most recent production deployment and include the complete evidence trail",
-        environment: "production",
-        includeResolved: false,
-        ignoredAfterFourEntries: "not shown in the collapsed preview",
-      },
-      name: "investigateDeploy",
-      output: { channel_id: "C123" },
-      resultTimestamp: TOOL_CALL_TIMESTAMP + 13_250,
-      status: "completed",
-      type: "tool_call",
-    },
-    timestamp: TOOL_CALL_TIMESTAMP + 12_000,
-  },
-  {
-    description: "Completed tool without argument or result payloads",
-    part: {
-      id: "gallery-empty",
-      name: "systemTime",
-      status: "completed",
-      type: "tool_call",
-    },
-    timestamp: TOOL_CALL_TIMESTAMP + 15_000,
-  },
-] as const satisfies readonly ToolCallFixture[];
-
-const SUBAGENT_STARTED = Date.UTC(2026, 4, 1, 16);
-
-const SUBAGENT_FIXTURES: readonly TranscriptViewSubagentPart[] = [
-  {
-    agentName: "planner",
-    childConversationId: "gallery-planner",
-    id: "gallery-planner",
-    status: "running",
-    subagentKind: "agent",
-    type: "subagent",
-    title: "Review the dashboard plan",
-  },
-  {
-    agentName: "reviewer",
-    childConversationId: "gallery-reviewer",
-    finishedTimestamp: SUBAGENT_STARTED + 16_000,
-    id: "gallery-reviewer",
-    status: "completed",
-    subagentKind: "agent",
-    type: "subagent",
-    title: "Check the pull request against the repository rules",
-  },
-  {
-    agentName: "github",
-    childConversationId: "gallery-github",
-    finishedTimestamp: SUBAGENT_STARTED + 4_000,
-    id: "gallery-github",
-    status: "blocked",
-    subagentKind: "agent",
-    type: "subagent",
-  },
-  {
-    agentName: "deploy",
-    childConversationId: "gallery-deploy",
-    finishedTimestamp: SUBAGENT_STARTED + 92_000,
-    id: "gallery-deploy",
-    status: "error",
-    subagentKind: "agent",
-    type: "subagent",
-    task: "Roll back payments-v42 in us-west1 and confirm the canary error rate.",
-  },
-];
-
-/** Render typed transcript tool states for visual regression and interaction checks. */
-export function ToolCallGallery() {
-  return (
-    <div className="min-w-0 overflow-hidden rounded-lg border border-dashboard-border bg-dashboard-fill-faint">
-      <div className="border-b border-dashboard-border-subtle px-2.5 py-1.5 font-sans text-xs text-dashboard-text-muted">
-        Activity lane · click a row for arguments and result
-      </div>
-      <div className="grid min-w-0 gap-1 px-2 py-1.5">
-        {TOOL_CALL_FIXTURES.map((fixture) => (
-          <div className="grid min-w-0 gap-1" key={fixture.part.id}>
-            <div className="font-sans font-medium text-2xs text-dashboard-text-muted">
-              {fixture.description}
-            </div>
-            <TranscriptToolView
-              part={fixture.part}
-              timestamp={fixture.timestamp}
-            />
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-/** Show subagent cards in each lifecycle status, with and without a title. */
-export function SubagentCardFixture() {
-  return (
-    <div className="grid min-w-0 gap-2">
-      {SUBAGENT_FIXTURES.map((part) => (
-        <TranscriptSubagentView
-          key={part.id}
-          onOpenTranscript={() => undefined}
-          part={part}
-          timestamp={SUBAGENT_STARTED}
-        />
-      ))}
-    </div>
-  );
-}