feat: hydrate persisted PR details on task disclosure (#3055)

apps/web/components/integrations/change-request-ci-anatomy.tsx

@@ -95,6 +95,7 @@ function ChangeRequestPopoverHeaderActions({
 export function ChangeRequestPopoverHeader({
   number,
   title,
+  author,
   url,
   onOpenReview,
   onUnlink,
@@ -104,6 +105,7 @@ export function ChangeRequestPopoverHeader({
 }: {
   number: number | string;
   title: string;
+  author?: string;
   url?: string;
   onOpenReview?: () => void;
   onUnlink?: (signal: AbortSignal) => void | Promise<void>;
@@ -121,6 +123,7 @@ export function ChangeRequestPopoverHeader({
     [],
   );
   const displayTitle = `#${number} ${title || t("integrations:untitledPullRequest")}`;
+  const displayAuthor = author?.trim();
   const unlink = async () => {
     if (!onUnlink || unlinking) return;
     unlinkController.current?.abort();
@@ -141,26 +144,36 @@ export function ChangeRequestPopoverHeader({
       data-testid="pr-popover-header"
       className="flex items-center justify-between gap-2 border-b border-border/50 pb-2"
     >
-      {onOpenReview ? (
-        <button
-          type="button"
-          data-testid="pr-popover-title"
-          className="min-w-0 cursor-pointer truncate text-left text-sm font-medium hover:underline"
-          title={displayTitle}
-          aria-label={openDetailsLabel ?? t("integrations:openDetails", { title: displayTitle })}
-          onClick={onOpenReview}
-        >
-          {displayTitle}
-        </button>
-      ) : (
-        <span
-          data-testid="pr-popover-title"
-          className="min-w-0 truncate text-sm font-medium"
-          title={displayTitle}
-        >
-          {displayTitle}
-        </span>
-      )}
+      <div className="min-w-0 flex-1">
+        {onOpenReview ? (
+          <button
+            type="button"
+            data-testid="pr-popover-title"
+            className="block min-w-0 max-w-full cursor-pointer truncate text-left text-sm font-medium hover:underline"
+            title={displayTitle}
+            aria-label={openDetailsLabel ?? t("integrations:openDetails", { title: displayTitle })}
+            onClick={onOpenReview}
+          >
+            {displayTitle}
+          </button>
+        ) : (
+          <span
+            data-testid="pr-popover-title"
+            className="block min-w-0 max-w-full truncate text-sm font-medium"
+            title={displayTitle}
+          >
+            {displayTitle}
+          </span>
+        )}
+        {displayAuthor ? (
+          <div
+            data-testid="pr-popover-author"
+            className="mt-0.5 truncate text-[11px] text-muted-foreground"
+          >
+            {t("task:byAuthor", { author: displayAuthor })}
+          </div>
+        ) : null}
+      </div>
       <ChangeRequestPopoverHeaderActions
         number={number}
         url={url}

apps/web/components/integrations/change-request-task-status-summary.test.tsx

@@ -48,4 +48,21 @@ describe("ChangeRequestTaskStatusSummary layout", () => {
     expect(label.className).toContain("min-w-0");
     expect(label.className).toContain("[overflow-wrap:anywhere]");
   });
+
+  it("renders the author below the title and omits a blank identity", () => {
+    const { rerender } = render(
+      <ChangeRequestTaskStatusSummary
+        summaries={[{ number: 8, title: "Author summary", author: "octocat", rows: [] }]}
+      />,
+    );
+
+    expect(screen.getByTestId("pr-task-status-title-author").textContent).toBe("by octocat");
+
+    rerender(
+      <ChangeRequestTaskStatusSummary
+        summaries={[{ number: 8, title: "Author summary", author: "  ", rows: [] }]}
+      />,
+    );
+    expect(screen.queryByTestId("pr-task-status-title-author")).toBeNull();
+  });
 });

apps/web/components/integrations/change-request-task-status-summary.tsx

@@ -64,6 +64,7 @@ export type ChangeRequestTaskSummaryRow = {
 export type ChangeRequestTaskStatusSummaryData = {
   number: number | string;
   title: string;
+  author?: string;
   rows: ChangeRequestTaskSummaryRow[];
 };
 
@@ -253,6 +254,14 @@ export function ChangeRequestTaskStatusSummary({
               >
                 {summary.title}
               </div>
+              {summary.author?.trim() ? (
+                <div
+                  data-testid={`${presentation.titleTestId}-author`}
+                  className="mt-0.5 text-[11px] leading-snug text-muted-foreground"
+                >
+                  {t("task:byAuthor", { author: summary.author.trim() })}
+                </div>
+              ) : null}
             </div>
           </div>
           {summary.rows.length > 0 && (