feat(seer): Autofix Overview — status-grouped triage board with narrative cards

static/app/views/autofixIssuesDemo/useAutofixIssues.tsx

@@ -136,6 +136,16 @@ export interface AutofixIssue extends Issue {
 
 interface UseAutofixIssuesParams {
   cursor?: string;
+  // Gates the issues request; pass page-filters readiness so the initial
+  // fetch waits for the restored project selection. Defaults to true.
+  enabled?: boolean;
+  // Fetch exactly these group ids instead of searching the stream. The
+  // endpoint ignores every other query component in this mode, so a
+  // deep-linked issue resolves even outside the list's filters/pagination.
+  groupIds?: string[];
+  // Project ids to scope the issue stream to (page-filters selection: [] is
+  // "My Projects", [-1] is all). Defaults to all accessible projects.
+  projects?: number[];
   query?: string;
   // One-shot questions asked about each run (repeatable `question` param,
   // capped at 5 by the endpoint). Defaults to this page's demo set.
@@ -161,6 +171,9 @@ interface UseAutofixIssuesResult {
 export function useAutofixIssues({
   query,
   cursor,
+  enabled = true,
+  groupIds: pinnedGroupIds,
+  projects,
   questions = DEMO_QUESTIONS,
   runsQuery: runsQueryFilter = RUNS_QUERY,
 }: UseAutofixIssuesParams): UseAutofixIssuesResult {
@@ -173,7 +186,10 @@ export function useAutofixIssues({
       query: {
         query: withRequiredFilter(query ?? ''),
         cursor,
-        project: -1,
+        group: pinnedGroupIds,
+        // In group-id mode the page-filters project selection must not hide
+        // the deep-linked issue — the backend still enforces access.
+        project: pinnedGroupIds ? -1 : (projects ?? -1),
         statsPeriod: '90d',
         // Explicit endpoint default: last-seen desc selects the issues still
         // actively occurring as the candidate pool; callers order the loaded
@@ -183,6 +199,7 @@ export function useAutofixIssues({
       },
       staleTime: 30_000,
     }),
+    enabled,
     select: selectJsonWithHeaders,
   });
 

static/app/views/seerWorkflows/overview/attentionBadge.tsx

@@ -93,40 +93,6 @@ export function getAttentionReason(row: OverviewRow): AttentionReason | null {
   return null;
 }
 
-// Actionable tiers ordered by urgency-to-a-human: blocked-on-you first, then
-// nearest-to-shipping, with the low-confidence retry last.
-const ATTENTION_TRIAGE_RANK: Record<AttentionReason, number> = {
-  awaiting_input: 0,
-  review_pr: 1,
-  code_changes_ready: 2,
-  solution_ready: 3,
-  errored: 4,
-};
-
-/**
- * Queue position for the overview's triage sort: everything a human can act on
- * (ranked by urgency), then rows whose state is still loading (parked in the
- * middle so they don't leap from the top when they resolve), then Seer-is-
- * working, then diagnosed-only, with merged wins sinking to the bottom as an
- * archive shelf. Lower sorts first.
- */
-export function getTriageRank(row: OverviewRow, attention: AttentionReason | null) {
-  if (attention !== null) {
-    return ATTENTION_TRIAGE_RANK[attention];
-  }
-  if (row.statePending) {
-    return 5;
-  }
-  if (row.isProcessing) {
-    return 6;
-  }
-  if (row.prMerged) {
-    return 8;
-  }
-  // Diagnosed-only: informational, optional next step.
-  return 7;
-}
-
 const AccentLinkButton = styled(LinkButton)`
   background: ${p => p.theme.tokens.background.accent};
   border-color: ${p => p.theme.tokens.border.accent};
@@ -163,7 +129,7 @@ export function AttentionBadge({
   if (reason === 'code_changes_ready') {
     return (
       <Tooltip title={meta.description} skipWrapper>
-        <AccentLinkButton size="zero" icon={<meta.Icon />} to={to}>
+        <AccentLinkButton size="sm" icon={<meta.Icon />} to={to}>
           {meta.label}
         </AccentLinkButton>
       </Tooltip>
@@ -172,7 +138,7 @@ export function AttentionBadge({
   if (reason === 'solution_ready') {
     return (
       <Tooltip title={meta.description} skipWrapper>
-        <SuccessLinkButton size="zero" icon={<meta.Icon />} to={to}>
+        <SuccessLinkButton size="sm" icon={<meta.Icon />} to={to}>
           {meta.label}
         </SuccessLinkButton>
       </Tooltip>
@@ -181,7 +147,7 @@ export function AttentionBadge({
   if (reason === 'errored') {
     return (
       <Tooltip title={meta.description} skipWrapper>
-        <MutedLinkButton size="zero" icon={<meta.Icon />} to={to}>
+        <MutedLinkButton size="sm" icon={<meta.Icon />} to={to}>
           {meta.label}
         </MutedLinkButton>
       </Tooltip>
@@ -190,7 +156,7 @@ export function AttentionBadge({
 
   return (
     <Tooltip title={meta.description} skipWrapper>
-      <LinkButton size="zero" variant={meta.variant} icon={<meta.Icon />} to={to}>
+      <LinkButton size="sm" variant={meta.variant} icon={<meta.Icon />} to={to}>
         {meta.label}
       </LinkButton>
     </Tooltip>

static/app/views/seerWorkflows/overview/buildOverviewRows.ts

@@ -69,14 +69,24 @@ function deriveRunStatus(state: ExplorerAutofixState | null): AutofixRunStatus {
   }
 }
 
-function extractPatchStats(state: ExplorerAutofixState | null): PatchStats | undefined {
+// A diff qualifies for the on-card differ only when it is genuinely small:
+// few files, few changed lines, and bounded hunk context so a fix with huge
+// surrounding context can't blow the card up.
+const INLINE_DIFF_MAX_FILES = 2;
+const INLINE_DIFF_MAX_CHANGED_LINES = 25;
+const INLINE_DIFF_MAX_RENDERED_LINES = 60;
+
+function extractPatchInfo(state: ExplorerAutofixState | null): {
+  inlinePatches?: OverviewRow['inlinePatches'];
+  patchStats?: PatchStats;
+} {
   const section = getOrderedAutofixSections(state).find(isCodeChangesSection);
   if (!section) {
-    return undefined;
+    return {};
   }
   const artifact = getAutofixArtifactFromSection(section);
   if (!isCodeChangesArtifact(artifact)) {
-    return undefined;
+    return {};
   }
   // Disambiguate paths with the repo name only when the diff spans repos.
   const multiRepo = new Set(artifact.map(filePatch => filePatch.repo_name)).size > 1;
@@ -90,11 +100,26 @@ function extractPatchStats(state: ExplorerAutofixState | null): PatchStats | und
     }))
     // Most-changed files first, so a capped tooltip shows what matters.
     .sort((a, b) => b.added + b.removed - (a.added + a.removed));
+  const added = artifact.reduce((sum, filePatch) => sum + filePatch.patch.added, 0);
+  const removed = artifact.reduce((sum, filePatch) => sum + filePatch.patch.removed, 0);
+  const renderedLines = artifact.reduce(
+    (sum, filePatch) =>
+      sum + filePatch.patch.hunks.reduce((lines, hunk) => lines + hunk.lines.length, 0),
+    0
+  );
+  const inlineEligible =
+    artifact.length <= INLINE_DIFF_MAX_FILES &&
+    added + removed <= INLINE_DIFF_MAX_CHANGED_LINES &&
+    renderedLines > 0 &&
+    renderedLines <= INLINE_DIFF_MAX_RENDERED_LINES;
   return {
-    fileList,
-    files: artifact.length,
-    added: artifact.reduce((sum, filePatch) => sum + filePatch.patch.added, 0),
-    removed: artifact.reduce((sum, filePatch) => sum + filePatch.patch.removed, 0),
+    patchStats: {fileList, files: artifact.length, added, removed},
+    inlinePatches: inlineEligible
+      ? artifact.map(filePatch => ({
+          patch: filePatch.patch,
+          repoName: multiRepo ? filePatch.repo_name : undefined,
+        }))
+      : undefined,
   };
 }
 
@@ -201,7 +226,6 @@ function buildAnalysis(outputs: RunQuestion[] | undefined): {
     entries.push({
       key: config.key,
       label: config.label,
-      placement: config.placement,
       answer,
     });
   });
@@ -223,7 +247,6 @@ function buildOverviewRow(issue: AutofixIssue): OverviewRow {
     eventCount: Number.isFinite(eventCount) ? eventCount : 0,
     userCount: issue.userCount,
     lastSeen: issue.lastSeen,
-    fixabilityScore: issue.seerFixabilityScore,
     lastActivityAt:
       state?.updated_at ??
       issue.run?.lastTriggeredAt ??
@@ -237,7 +260,7 @@ function buildOverviewRow(issue: AutofixIssue): OverviewRow {
     trigger: mapRunSourceToTrigger(issue.run?.source ?? null),
     rawSource: issue.run?.source ?? null,
     analysis,
-    patchStats: extractPatchStats(state),
+    ...extractPatchInfo(state),
     pendingQuestion: extractPendingQuestion(state),
     ...extractPr(state),
   };