abundant-ai
diff --git a/‎frontend/src/app/(app)/tasks/[task_id]/task-detail-client.tsx‎
Lines changed: 19 additions & 0 deletions b/‎frontend/src/app/(app)/tasks/[task_id]/task-detail-client.tsx‎
Lines changed: 19 additions & 0 deletions
diff --git a/‎frontend/src/app/api/tasks/[task_id]/trials/route.ts‎
Lines changed: 11 additions & 3 deletions b/‎frontend/src/app/api/tasks/[task_id]/trials/route.ts‎
Lines changed: 11 additions & 3 deletions
diff --git a/‎frontend/src/components/experiment-detail-view.tsx‎
Lines changed: 39 additions & 8 deletions b/‎frontend/src/components/experiment-detail-view.tsx‎
Lines changed: 39 additions & 8 deletions
diff --git a/‎frontend/src/components/qa-report/action-items.tsx‎
Lines changed: 10 additions & 0 deletions b/‎frontend/src/components/qa-report/action-items.tsx‎
Lines changed: 10 additions & 0 deletions
diff --git a/‎frontend/src/components/static-checks-panel.tsx‎
Lines changed: 0 additions & 168 deletions b/‎frontend/src/components/static-checks-panel.tsx‎
Lines changed: 0 additions & 168 deletions
@@ -878,6 +878,20 @@ export function TaskDetailClient({
     [orderedTrials, trialGroups]
   );
 
+  // A trial link from the task overview's aggregated QA. Always opens in
+  // this page's drawer: the overview hands over the full trial row, so a
+  // trial the current version list doesn't carry still renders in place
+  // instead of routing away. The version-list match is preferred so the
+  // per-group trial nav lines up.
+  const handleOpenTrialFromOverview = useCallback(
+    (trial: Trial): boolean => {
+      const match = orderedTrials.find((t) => t.id === trial.id);
+      handleSelectTrial(match ?? trial);
+      return true;
+    },
+    [orderedTrials, handleSelectTrial]
+  );
+
   const handleOpenTaskFiles = useCallback(() => {
     unresolvedTrialParamRef.current = false;
     setDrawer({
@@ -1406,7 +1420,11 @@ export function TaskDetailClient({
                 isOpen={true}
                 onClose={() => {}}
                 taskId={null}
+                // Scopes the overview's trial aggregation; this pane renders
+                // no header, so none of the task-driven header UI appears.
+                task={task}
                 staticChecksTaskId={task.id}
+                onOpenTrial={handleOpenTrialFromOverview}
                 filesUrl={`/api/tasks/${task.id}/files`}
                 taskVersion={selectedVersion?.version}
                 initialFilePath={taskPaneFile}
@@ -1424,6 +1442,7 @@ export function TaskDetailClient({
                 taskId={task.id}
                 task={task}
                 taskVersion={selectedVersion?.version}
+                onOpenTrial={handleOpenTrialFromOverview}
                 initialFilePath={taskPaneFile}
                 selectedLines={taskPaneLines}
                 onSelectLinesChange={setTaskPaneLines}
 
@@ -16,9 +16,17 @@ export async function GET(
 
     const { task_id } = await params;
 
-    const probe = new URL(request.url).searchParams.get("probe");
-    const queryParams = probe !== null ? { probe } : undefined;
-    const url = getBackendUrl("tasks", `/${task_id}/trials`, queryParams);
+    const incoming = new URL(request.url).searchParams;
+    const probe = incoming.get("probe");
+    const version = incoming.get("version");
+    const queryParams: Record<string, string> = {};
+    if (probe !== null) queryParams.probe = probe;
+    if (version !== null) queryParams.version = version;
+    const url = getBackendUrl(
+      "tasks",
+      `/${task_id}/trials`,
+      Object.keys(queryParams).length > 0 ? queryParams : undefined,
+    );
     const res = await fetch(url, {
       cache: "no-store",
       headers: getAuthHeaders(token),
 
@@ -1571,6 +1571,30 @@ export function ExperimentDetailView({
     });
   };
 
+  // A trial link from the task overview's aggregated QA. Always opens in
+  // this drawer: the overview hands over the full trial row, so even a
+  // trial the grid hasn't streamed in yet (or one gathered from another
+  // experiment) renders in place — never a navigation away. A grid match
+  // is still preferred so the per-group trial nav lines up.
+  const handleOpenTrialFromOverview = useCallback(
+    (trial: Trial): boolean => {
+      if (!drawerState) return false;
+      const { trialGroups, orderedTrials } = buildTrialGroups(drawerState.task);
+      const trialIndex = orderedTrials.findIndex((t) => t.id === trial.id);
+      cancelPendingDeepLink();
+      setDrawerState({
+        ...drawerState,
+        mode: "trial",
+        trial: trialIndex >= 0 ? orderedTrials[trialIndex] : trial,
+        trialIndex: trialIndex >= 0 ? trialIndex : null,
+        orderedTrials,
+        trialGroups,
+      });
+      return true;
+    },
+    [drawerState, buildTrialGroups, cancelPendingDeepLink]
+  );
+
   return (
     <>
       {isInitialLoading ? (
@@ -1690,19 +1714,18 @@ export function ExperimentDetailView({
                 onTaskSelect={(task, context) => {
                   cancelPendingDeepLink();
                   const { trialGroups, orderedTrials } = buildTrialGroups(task);
-                  // If the task has trials, jump straight into the first one
-                  // so the user immediately sees results alongside the task
-                  // definition. They can navigate back with the in-drawer
-                  // "View task" control.
-                  const firstTrial = orderedTrials[0] ?? null;
+                  // Land on the task overview — task-level QA plus the
+                  // aggregated trial QA — never on a specific trial. Trials
+                  // are one click away via "View trials" or the overview's
+                  // per-trial links.
                   setDrawerState({
                     isOpen: true,
-                    mode: firstTrial ? "trial" : "task",
+                    mode: "task",
                     task,
                     taskIndex: context.taskIndex,
                     orderedTasks: context.orderedTasks,
-                    trial: firstTrial,
-                    trialIndex: firstTrial ? 0 : null,
+                    trial: null,
+                    trialIndex: null,
                     orderedTrials,
                     trialGroups,
                   });
@@ -1727,7 +1750,13 @@ export function ExperimentDetailView({
               isOpen={true}
               onClose={() => {}}
               taskId={null}
+              // The task prop scopes the overview's trial aggregation to
+              // this experiment's rows; this pane renders no header, so
+              // none of the task-driven header UI appears.
+              task={drawerState.task}
               staticChecksTaskId={drawerState.task.id}
+              onOpenTrial={handleOpenTrialFromOverview}
+              overviewTrialsLoading={isLoadingTrials}
               filesUrl={`${apiBaseUrl}/tasks/${drawerState.task.id}/files`}
               taskVersion={resolveExperimentTaskVersion(drawerState.task)}
               initialFilePath={taskPaneFile}
@@ -1769,6 +1798,8 @@ export function ExperimentDetailView({
                   ? handleNavigateToFirstTrial
                   : undefined
               }
+              onOpenTrial={handleOpenTrialFromOverview}
+              overviewTrialsLoading={isLoadingTrials}
               initialFilePath={taskPaneFile}
               selectedLines={taskPaneLines}
               onSelectLinesChange={setTaskPaneLines}
 
@@ -1,3 +1,5 @@
+import type { ReactNode } from "react";
+
 import { cn } from "@/lib/utils";
 import { AnalysisProse } from "@/components/analysis-prose";
 import type { PreTrialFinding } from "@/lib/types";
@@ -17,10 +19,12 @@ function ActionItemDetail({
   item,
   itemKey,
   onFeedback,
+  renderItemFooter,
 }: {
   item: PreTrialFinding;
   itemKey: string;
   onFeedback?: (r: FeedbackRecord) => void;
+  renderItemFooter?: (item: PreTrialFinding, itemKey: string) => ReactNode;
 }) {
   const where = findingLocation(item);
   return (
@@ -75,6 +79,8 @@ function ActionItemDetail({
         </div>
       ) : null}
 
+      {renderItemFooter?.(item, itemKey)}
+
       {onFeedback ? (
         <FeedbackControl
           label={`action item: ${item.title ?? itemKey}`}
@@ -101,12 +107,15 @@ export function SeverityGroups({
   onFeedback,
   className,
   tierEffects,
+  renderItemFooter,
 }: {
   items: PreTrialFinding[];
   onFeedback?: (r: FeedbackRecord) => void;
   className?: string;
   /** Per-tier effect line; the default narrates trial classification. */
   tierEffects?: Partial<Record<string, string>>;
+  /** Extra content under an item — e.g. links to the trials that surfaced it. */
+  renderItemFooter?: (item: PreTrialFinding, itemKey: string) => ReactNode;
 }) {
   const groups = TIER_ORDER.map((tier) => ({
     tier,
@@ -155,6 +164,7 @@ export function SeverityGroups({
                     item={item}
                     itemKey={key}
                     onFeedback={onFeedback}
+                    renderItemFooter={renderItemFooter}
                   />
                 </li>
               );