fix(inbox): snooze & "Provide input for PR" for Needs input reports (#1806)

Co-authored-by: PostHog Code <code@posthog.com>

Author: posthog[bot]

apps/code/src/renderer/features/inbox/components/detail/ReportDetailPane.tsx

@@ -203,9 +203,9 @@ export function ReportDetailPane({ report, onClose }: ReportDetailPaneProps) {
   const setSelectedRepo = useInboxCloudTaskStore((s) => s.setSelectedRepo);
   const runCloudTask = useInboxCloudTaskStore((s) => s.runCloudTask);
 
-  /** Matches server autostart rules: ready + immediately actionable + not already fixed. */
+  /** Matches server autostart rules: ready (or awaiting user input) + immediately actionable + not already fixed. */
   const canCreateImplementationPr =
-    report.status === "ready" &&
+    (report.status === "ready" || report.status === "pending_input") &&
     report.actionability === "immediately_actionable" &&
     report.already_addressed !== true;
 

apps/code/src/renderer/features/inbox/components/detail/ReportTaskLogs.tsx

@@ -177,8 +177,8 @@ interface Bar {
   summary: BarSummary;
   /** Tooltip shown on hover (e.g. pipeline status explanation). */
   tooltip?: string;
-  /** When true, render a "Create PR" control instead of the status label. */
-  showRunAction?: boolean;
+  /** When set, render a run-action button with this label instead of (or alongside) the status label. */
+  runActionLabel?: string;
 }
 
 interface ReportTaskLogsProps {
@@ -213,8 +213,10 @@ export function ReportTaskLogs({
   // Build the stacked bars we'll render. We always surface the research bar
   // (using a pending/unavailable placeholder if no research task exists yet).
   // For `ready` reports without an implementation task yet, we still show the
-  // implementation row ("Not started"); the Create PR control only appears when
-  // the parent passes `onRunInCloud` (ready + actionable).
+  // implementation row ("Not started"); the run-action control only appears
+  // when the parent passes `onRunInCloud`. For `pending_input` reports, we
+  // surface the control as "Provide input for PR" so the user can supply the
+  // additional context the agent is waiting on.
   const bars: Bar[] = [];
 
   if (researchTask) {
@@ -236,13 +238,21 @@ export function ReportTaskLogs({
     });
   }
 
+  const isPendingInput = reportStatus === "pending_input";
+  const runActionLabel = onRunInCloud
+    ? isPendingInput
+      ? "Provide input for PR"
+      : "Create PR"
+    : undefined;
+
   if (implementationTask) {
     bars.push({
       relationship: "implementation",
       task: implementationTask,
       summary: getTaskStatusSummary(implementationTask),
+      runActionLabel: isPendingInput ? runActionLabel : undefined,
     });
-  } else if (reportStatus === "ready") {
+  } else if (reportStatus === "ready" || isPendingInput) {
     bars.push({
       relationship: "implementation",
       task: null,
@@ -251,7 +261,7 @@ export function ReportTaskLogs({
         color: "var(--gray-9)",
         icon: <DotOutlineIcon size={14} />,
       },
-      showRunAction: !!onRunInCloud,
+      runActionLabel,
     });
   }
 
@@ -262,7 +272,8 @@ export function ReportTaskLogs({
     tasks.length > 0 ||
     reportStatus === "candidate" ||
     reportStatus === "in_progress" ||
-    reportStatus === "ready";
+    reportStatus === "ready" ||
+    isPendingInput;
 
   if (!showBar) {
     return null;
@@ -318,30 +329,42 @@ export function ReportTaskLogs({
         {/* Stacked header bars — one per task relationship. */}
         <div className="shrink-0" style={{ pointerEvents: "auto" }}>
           {bars.map((bar, index) => {
-            const { relationship, task, summary, tooltip, showRunAction } = bar;
+            const { relationship, task, summary, tooltip, runActionLabel } =
+              bar;
+            const showRunAction = !!runActionLabel;
             const isExpanded = expanded === relationship;
             const isInteractive = !!task;
+            // When we have both an expandable task and a run button, the outer
+            // element becomes a <div role="button"> so we can legally nest the
+            // run button inside. Without a task, there's nothing to expand; the
+            // run button becomes the sole interactive control.
+            const hideStatusLabel = showRunAction && !task;
 
             const rowClassName = [
               "flex w-full items-center gap-2 bg-transparent px-3 py-2 text-left transition-colors",
               index > 0 ? "border-gray-5 border-t" : "",
-              showRunAction
-                ? "cursor-default"
-                : isInteractive
-                  ? "cursor-pointer hover:bg-gray-2"
+              isInteractive
+                ? "cursor-pointer hover:bg-gray-2"
+                : showRunAction
+                  ? "cursor-default"
                   : "cursor-default opacity-70",
               isExpanded && isInteractive ? "bg-gray-2" : "",
             ]
               .filter(Boolean)
               .join(" ");
 
+            const toggleExpand = () =>
+              setExpanded((curr) =>
+                curr === relationship ? null : relationship,
+              );
+
             const rowInner = (
               <>
                 <span style={{ color: summary.color }}>{summary.icon}</span>
                 <Text size="1" weight="medium" className="text-[12px]">
                   {RELATIONSHIP_LABELS[relationship]}
                 </Text>
-                {showRunAction ? (
+                {hideStatusLabel ? (
                   <span className="flex-1" />
                 ) : (
                   <Text
@@ -363,10 +386,10 @@ export function ReportTaskLogs({
                     }}
                   >
                     <Cloud size={12} />
-                    Create PR
+                    {runActionLabel}
                   </Button>
                 )}
-                {isInteractive && !showRunAction && (
+                {isInteractive && (
                   <span
                     className="inline-flex text-gray-9"
                     style={{
@@ -380,30 +403,48 @@ export function ReportTaskLogs({
               </>
             );
 
-            const row =
-              isInteractive && !showRunAction ? (
-                <button
+            const row = isInteractive ? (
+              showRunAction ? (
+                // biome-ignore lint/a11y/useSemanticElements: a <button> can't contain the nested run-action <button>
+                // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard handled via onKeyDown
+                // biome-ignore lint/a11y/noStaticElementInteractions: role="button" makes this interactive
+                <div
                   key={relationship}
-                  type="button"
-                  onClick={() =>
-                    setExpanded((curr) =>
-                      curr === relationship ? null : relationship,
-                    )
-                  }
+                  role="button"
+                  tabIndex={0}
+                  onClick={toggleExpand}
+                  onKeyDown={(e) => {
+                    if (e.target !== e.currentTarget) return;
+                    if (e.key === "Enter" || e.key === " ") {
+                      e.preventDefault();
+                      toggleExpand();
+                    }
+                  }}
                   className={rowClassName}
                   style={{ height: BAR_HEIGHT }}
                 >
                   {rowInner}
-                </button>
+                </div>
               ) : (
-                <div
+                <button
                   key={relationship}
+                  type="button"
+                  onClick={toggleExpand}
                   className={rowClassName}
                   style={{ height: BAR_HEIGHT }}
                 >
                   {rowInner}
-                </div>
-              );
+                </button>
+              )
+            ) : (
+              <div
+                key={relationship}
+                className={rowClassName}
+                style={{ height: BAR_HEIGHT }}
+              >
+                {rowInner}
+              </div>
+            );
 
             return tooltip ? (
               <Tooltip key={relationship} content={tooltip}>

apps/code/src/renderer/features/inbox/hooks/useInboxBulkActions.ts

@@ -27,14 +27,19 @@ const suppressibleStatuses = new Set<SignalReport["status"]>([
 const snoozableStatuses = new Set<SignalReport["status"]>([
   "in_progress",
   "ready",
+  "pending_input",
 ]);
 
 /** Clause after "Disabled because …" (see `@components/ui/Button`). */
 const DISABLED_NO_SELECTION = "you haven't selected a report";
 
 /** Matches labels in the inbox list/filter (`inboxStatusLabel`). */
 const SNOOZE_ALLOWED_STATUS_PHRASE = (
-  ["in_progress", "ready"] as const satisfies readonly SignalReport["status"][]
+  [
+    "in_progress",
+    "ready",
+    "pending_input",
+  ] as const satisfies readonly SignalReport["status"][]
 )
   .map((status) => inboxStatusLabel(status))
   .join(" or ");