github-issue-tower-defence-management 1.112.6 → 1.114.0

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMarkdownContent.test.tsx

@@ -33,4 +33,65 @@ describe('ConsoleMarkdownContent', () => {
       ).not.toBeNull();
     });
   });
+
+  it('decorates pull request and issue links via the reference renderer', async () => {
+    const body =
+      'See https://github.com/octo/repo/pull/7 and https://github.com/octo/repo/issues/9 for details.';
+    const renderReferenceLink = jest.fn((href: string) => (
+      <span className="decorated-reference" data-href={href}>
+        decorated:{href}
+      </span>
+    ));
+    const { container } = render(
+      <ConsoleMarkdownContent
+        body={body}
+        renderReferenceLink={renderReferenceLink}
+      />,
+    );
+    await waitFor(() => {
+      expect(container.querySelectorAll('.decorated-reference').length).toBe(2);
+    });
+    const decoratedHrefs = Array.from(
+      container.querySelectorAll('.decorated-reference'),
+    ).map((node) => node.getAttribute('data-href'));
+    expect(decoratedHrefs).toEqual([
+      'https://github.com/octo/repo/pull/7',
+      'https://github.com/octo/repo/issues/9',
+    ]);
+  });
+
+  it('leaves non-issue links untouched', async () => {
+    const body =
+      'Docs at https://example.com/page and source https://github.com/octo/repo/blob/main/file.ts';
+    const renderReferenceLink = jest.fn(() => (
+      <span className="decorated-reference">decorated</span>
+    ));
+    const { container } = render(
+      <ConsoleMarkdownContent
+        body={body}
+        renderReferenceLink={renderReferenceLink}
+      />,
+    );
+    await waitFor(() => {
+      const anchors = container.querySelectorAll('a[href]');
+      expect(anchors.length).toBe(2);
+    });
+    expect(renderReferenceLink).not.toHaveBeenCalled();
+    expect(container.querySelector('.decorated-reference')).toBeNull();
+  });
+
+  it('keeps reference links as plain anchors when no renderer is provided', () => {
+    const { container } = render(
+      <ConsoleMarkdownContent
+        body={'See https://github.com/octo/repo/pull/7 now.'}
+      />,
+    );
+    const anchor = container.querySelector('a[href]');
+    expect(anchor?.getAttribute('href')).toBe(
+      'https://github.com/octo/repo/pull/7',
+    );
+    expect(
+      container.querySelector('.console-markdown-reference-host'),
+    ).toBeNull();
+  });
 });

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleMarkdownContent.tsx

@@ -1,4 +1,5 @@
-import { useEffect, useMemo, useRef } from 'react';
+import { type ReactNode, useEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import {
   type ImageProxyUrlBuilder,
   rewriteGitHubImageSources,
@@ -7,21 +8,54 @@ import {
   renderMarkdownToSafeHtml,
   splitMarkdownSegments,
 } from '../../lib/markdown';
+import { parseGitHubReferenceUrl } from '../../logic/references';
 import { ConsoleMermaidDiagram } from './ConsoleMermaidDiagram';
 
+export type ConsoleReferenceLinkRenderer = (
+  href: string,
+  fallbackText: string,
+) => ReactNode;
+
 export type ConsoleMarkdownViewProps = {
   body: string;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  renderReferenceLink?: ConsoleReferenceLinkRenderer;
 };
 
 type ConsoleMarkdownHtmlBlockProps = {
   source: string;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  renderReferenceLink?: ConsoleReferenceLinkRenderer;
+};
+
+type ReferenceMount = {
+  key: string;
+  host: HTMLElement;
+  href: string;
+  fallbackText: string;
+};
+
+const collectReferenceMounts = (container: HTMLElement): ReferenceMount[] => {
+  const anchors = container.querySelectorAll<HTMLAnchorElement>('a[href]');
+  const mounts: ReferenceMount[] = [];
+  anchors.forEach((anchor, index) => {
+    const href = anchor.getAttribute('href') ?? '';
+    if (parseGitHubReferenceUrl(href) === null) {
+      return;
+    }
+    const fallbackText = anchor.textContent ?? href;
+    const host = document.createElement('span');
+    host.className = 'console-markdown-reference-host';
+    anchor.replaceWith(host);
+    mounts.push({ key: `${index}:${href}`, host, href, fallbackText });
+  });
+  return mounts;
 };
 
 const ConsoleMarkdownHtmlBlock = ({
   source,
   buildImageProxyUrl,
+  renderReferenceLink,
 }: ConsoleMarkdownHtmlBlockProps) => {
   const html = useMemo(() => {
     const safeHtml = renderMarkdownToSafeHtml(source);
@@ -31,20 +65,39 @@ const ConsoleMarkdownHtmlBlock = ({
     return rewriteGitHubImageSources(safeHtml, buildImageProxyUrl);
   }, [source, buildImageProxyUrl]);
   const containerRef = useRef<HTMLDivElement>(null);
+  const [referenceMounts, setReferenceMounts] = useState<ReferenceMount[]>([]);
 
   useEffect(() => {
     const container = containerRef.current;
-    if (container !== null) {
-      container.innerHTML = html;
+    if (container === null) {
+      return;
+    }
+    container.innerHTML = html;
+    if (renderReferenceLink === undefined) {
+      setReferenceMounts([]);
+      return;
     }
-  }, [html]);
+    setReferenceMounts(collectReferenceMounts(container));
+  }, [html, renderReferenceLink]);
 
-  return <div ref={containerRef} className="console-markdown" />;
+  return (
+    <div ref={containerRef} className="console-markdown">
+      {renderReferenceLink !== undefined &&
+        referenceMounts.map((mount) =>
+          createPortal(
+            renderReferenceLink(mount.href, mount.fallbackText),
+            mount.host,
+            mount.key,
+          ),
+        )}
+    </div>
+  );
 };
 
 export const ConsoleMarkdownContent = ({
   body,
   buildImageProxyUrl,
+  renderReferenceLink,
 }: ConsoleMarkdownViewProps) => {
   const segments = useMemo(() => splitMarkdownSegments(body), [body]);
 
@@ -62,6 +115,7 @@ export const ConsoleMarkdownContent = ({
             key={segment.key}
             source={segment.source}
             buildImageProxyUrl={buildImageProxyUrl}
+            renderReferenceLink={renderReferenceLink}
           />
         ),
       )}

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleReferenceLink.stories.tsx

@@ -0,0 +1,76 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleReferenceLink } from './ConsoleReferenceLink';
+
+const meta: Meta<typeof ConsoleReferenceLink> = {
+  title: 'Console/ConsoleReferenceLink',
+  component: ConsoleReferenceLink,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleReferenceLink>;
+
+export const OpenPullRequest: Story = {
+  args: {
+    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/995',
+    fallbackText:
+      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/995',
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: true,
+      title: 'Rename serveConsole subcommand to serveWeb',
+    },
+  },
+};
+
+export const MergedPullRequest: Story = {
+  args: {
+    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/851',
+    fallbackText:
+      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/851',
+    state: {
+      state: 'closed',
+      merged: true,
+      isPullRequest: true,
+      title: 'Add serveConsole subcommand under entry-points',
+    },
+  },
+};
+
+export const OpenIssue: Story = {
+  args: {
+    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/845',
+    fallbackText:
+      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/845',
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: false,
+      title: 'Scaffold React console UI under entry-points with build bundling',
+    },
+  },
+};
+
+export const ClosedIssue: Story = {
+  args: {
+    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/692',
+    fallbackText:
+      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/692',
+    state: {
+      state: 'closed',
+      merged: false,
+      isPullRequest: false,
+      title: 'Publish the generated documentation site to GitHub Pages',
+    },
+  },
+};
+
+export const UnresolvedFallback: Story = {
+  args: {
+    href: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/995',
+    fallbackText:
+      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/995',
+    state: null,
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleReferenceLink.test.tsx

@@ -0,0 +1,56 @@
+import { render } from '@testing-library/react';
+import { ConsoleReferenceLink } from './ConsoleReferenceLink';
+
+describe('ConsoleReferenceLink', () => {
+  const href = 'https://github.com/octo/repo/pull/7';
+
+  it('renders the state icon and fetched title when state is resolved', () => {
+    const { container, getByText } = render(
+      <ConsoleReferenceLink
+        href={href}
+        fallbackText={href}
+        state={{
+          state: 'open',
+          merged: false,
+          isPullRequest: true,
+          title: 'Decorate PR links',
+        }}
+      />,
+    );
+    expect(getByText('Decorate PR links')).toBeInTheDocument();
+    expect(container.querySelector('.console-item-icon')).not.toBeNull();
+    const anchor = container.querySelector('a');
+    expect(anchor?.getAttribute('href')).toBe(href);
+  });
+
+  it('falls back to the plain link when state is null', () => {
+    const { container, getByText } = render(
+      <ConsoleReferenceLink
+        href={href}
+        fallbackText="plain text"
+        state={null}
+      />,
+    );
+    expect(getByText('plain text')).toBeInTheDocument();
+    expect(container.querySelector('.console-item-icon')).toBeNull();
+  });
+
+  it('falls back to the plain link when the resolved title is empty', () => {
+    const { container } = render(
+      <ConsoleReferenceLink
+        href={href}
+        fallbackText="plain text"
+        state={{
+          state: 'open',
+          merged: false,
+          isPullRequest: true,
+          title: '',
+        }}
+      />,
+    );
+    expect(container.querySelector('.console-item-icon')).toBeNull();
+    expect(
+      container.querySelector('.console-markdown-reference-plain'),
+    ).not.toBeNull();
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/components/content/ConsoleReferenceLink.tsx

@@ -0,0 +1,39 @@
+import { referenceStateToIconInput } from '../../logic/references';
+import type { ConsoleIssueState } from '../../logic/types';
+import { ConsoleItemIcon } from '../detail/ConsoleItemIcon';
+
+export type ConsoleReferenceLinkProps = {
+  href: string;
+  fallbackText: string;
+  state: ConsoleIssueState | null;
+};
+
+export const ConsoleReferenceLink = ({
+  href,
+  fallbackText,
+  state,
+}: ConsoleReferenceLinkProps) => {
+  if (state === null || state.title.trim() === '') {
+    return (
+      <a
+        className="console-markdown-reference console-markdown-reference-plain"
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {fallbackText}
+      </a>
+    );
+  }
+  return (
+    <a
+      className="console-markdown-reference"
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      <ConsoleItemIcon {...referenceStateToIconInput(state)} />
+      <span className="console-markdown-reference-title">{state.title}</span>
+    </a>
+  );
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommentList.tsx

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import type { ImageProxyUrlBuilder } from '../../lib/imageProxy';
 import { formatRelativeTime } from '../../logic/relativeTime';
 import type { ConsoleComment } from '../../logic/types';
+import type { ConsoleReferenceLinkRenderer } from '../content/ConsoleMarkdownContent';
 import { ConsoleMarkdownContent } from '../content/ConsoleMarkdownContent';
 
 export type ConsoleCommentListProps = {
@@ -10,6 +11,7 @@ export type ConsoleCommentListProps = {
   error: string | null;
   now: number;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  renderReferenceLink?: ConsoleReferenceLinkRenderer;
 };
 
 export const ConsoleCommentList = ({
@@ -18,6 +20,7 @@ export const ConsoleCommentList = ({
   error,
   now,
   buildImageProxyUrl,
+  renderReferenceLink,
 }: ConsoleCommentListProps) => {
   const [showAll, setShowAll] = useState<boolean>(false);
 
@@ -64,6 +67,7 @@ export const ConsoleCommentList = ({
           <ConsoleMarkdownContent
             body={comment.body}
             buildImageProxyUrl={buildImageProxyUrl}
+            renderReferenceLink={renderReferenceLink}
           />
         </article>
       ))}

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleItemDetail.stories.tsx

@@ -68,7 +68,48 @@ export const PullRequestItem: Story = {
     storyName: 'TDPM Console port',
     storyColorEnum: 'BLUE',
     overlayStatus: { name: 'Awaiting Workspace', color: 'BLUE' },
-    state: { state: 'open', merged: false, isPullRequest: true },
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: true,
+      title: 'Add serveConsole subcommand under entry-points',
+    },
+    body: consoleMermaidBodyFixture,
+    bodyIsLoading: false,
+    bodyError: null,
+    comments: consoleCommentsFixture,
+    commentsAreLoading: false,
+    commentsError: null,
+    files: consoleChangedFilesFixture,
+    filesAreLoading: false,
+    filesError: null,
+    commits: consoleCommitsFixture,
+    commitsAreLoading: false,
+    commitsError: null,
+    pullRequestStatus: {
+      found: true,
+      isConflicted: false,
+      isPassedAllCiJob: true,
+      isCiStateSuccess: true,
+      isBranchOutOfDate: false,
+      missingRequiredCheckNames: [],
+    },
+    relatedPullRequests: [],
+  },
+};
+
+export const PullRequestItemFailingCiWithConflict: Story = {
+  args: {
+    item: consoleListItemsFixture[0],
+    storyName: 'TDPM Console port',
+    storyColorEnum: 'BLUE',
+    overlayStatus: { name: 'Awaiting Quality Check', color: 'YELLOW' },
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: true,
+      title: 'Add serveConsole subcommand under entry-points',
+    },
     body: consoleMermaidBodyFixture,
     bodyIsLoading: false,
     bodyError: null,
@@ -81,6 +122,14 @@ export const PullRequestItem: Story = {
     commits: consoleCommitsFixture,
     commitsAreLoading: false,
     commitsError: null,
+    pullRequestStatus: {
+      found: true,
+      isConflicted: true,
+      isPassedAllCiJob: false,
+      isCiStateSuccess: false,
+      isBranchOutOfDate: true,
+      missingRequiredCheckNames: ['build', 'test'],
+    },
     relatedPullRequests: [],
   },
 };
@@ -91,7 +140,12 @@ export const IssueWithRichMarkdownBody: Story = {
     storyName: 'TDPM Console port',
     storyColorEnum: 'BLUE',
     overlayStatus: null,
-    state: { state: 'open', merged: false, isPullRequest: false },
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: false,
+      title: 'Scaffold React console UI under entry-points with build bundling',
+    },
     body: richMarkdownBody,
     bodyIsLoading: false,
     bodyError: null,
@@ -104,6 +158,7 @@ export const IssueWithRichMarkdownBody: Story = {
     commits: [],
     commitsAreLoading: false,
     commitsError: null,
+    pullRequestStatus: null,
     relatedPullRequests: [],
     operationBar: (
       <ConsoleOperationMenu
@@ -124,7 +179,12 @@ export const IssueWithLinkedPullRequest: Story = {
     storyName: 'TDPM Console port',
     storyColorEnum: 'BLUE',
     overlayStatus: null,
-    state: { state: 'open', merged: false, isPullRequest: false },
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: false,
+      title: 'Scaffold React console UI under entry-points with build bundling',
+    },
     body: '## Issue body\n\nThis issue has a linked pull request.',
     bodyIsLoading: false,
     bodyError: null,
@@ -137,6 +197,7 @@ export const IssueWithLinkedPullRequest: Story = {
     commits: [],
     commitsAreLoading: false,
     commitsError: null,
+    pullRequestStatus: null,
     relatedPullRequests: [
       {
         pullRequest: consoleRelatedPullRequestsFixture[0],

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleItemDetail.test.tsx

@@ -19,7 +19,7 @@ const baseProps = {
   storyName: 'TDPM Console port',
   storyColorEnum: 'BLUE' as const,
   overlayStatus: null,
-  state: { state: 'open', merged: false, isPullRequest: true },
+  state: { state: 'open', merged: false, isPullRequest: true, title: '' },
   body: '## Body heading',
   bodyIsLoading: false,
   bodyError: null,
@@ -32,6 +32,7 @@ const baseProps = {
   commits: consoleCommitsFixture,
   commitsAreLoading: false,
   commitsError: null,
+  pullRequestStatus: null,
   relatedPullRequests: [],
   now,
   commentComposer: <div>comment-composer</div>,
@@ -78,7 +79,12 @@ describe('ConsoleItemDetail', () => {
       <ConsoleItemDetail
         item={issueItem}
         {...baseProps}
-        state={{ state: 'open', merged: false, isPullRequest: false }}
+        state={{
+          state: 'open',
+          merged: false,
+          isPullRequest: false,
+          title: '',
+        }}
       />,
     );
     expect(queryByText('Changed files')).toBeNull();
@@ -115,4 +121,64 @@ describe('ConsoleItemDetail', () => {
     expect(title).not.toBeNull();
     expect(title?.contains(getByText('Awaiting Workspace'))).toBe(true);
   });
+
+  it('renders failing CI, missing checks, and conflict badges in the PR header', () => {
+    const { getByText, container } = render(
+      <ConsoleItemDetail
+        item={prItem}
+        {...baseProps}
+        pullRequestStatus={{
+          found: true,
+          isConflicted: true,
+          isPassedAllCiJob: false,
+          isCiStateSuccess: false,
+          isBranchOutOfDate: true,
+          missingRequiredCheckNames: ['build', 'test'],
+        }}
+      />,
+    );
+    const title = container.querySelector('.console-detail-title');
+    expect(title?.contains(getByText('CI failing'))).toBe(true);
+    expect(getByText(/missing: build, test/)).toBeInTheDocument();
+    expect(getByText('Conflict')).toBeInTheDocument();
+    expect(getByText('Out of date')).toBeInTheDocument();
+  });
+
+  it('renders a passing CI badge and no conflict badge when the PR is healthy', () => {
+    const { getByText, queryByText } = render(
+      <ConsoleItemDetail
+        item={prItem}
+        {...baseProps}
+        pullRequestStatus={{
+          found: true,
+          isConflicted: false,
+          isPassedAllCiJob: true,
+          isCiStateSuccess: true,
+          isBranchOutOfDate: false,
+          missingRequiredCheckNames: [],
+        }}
+      />,
+    );
+    expect(getByText('CI passing')).toBeInTheDocument();
+    expect(queryByText('Conflict')).toBeNull();
+    expect(queryByText('Out of date')).toBeNull();
+  });
+
+  it('does not render PR status badges for an issue item', () => {
+    const { queryByText } = render(
+      <ConsoleItemDetail
+        item={issueItem}
+        {...baseProps}
+        state={{
+          state: 'open',
+          merged: false,
+          isPullRequest: false,
+          title: '',
+        }}
+        pullRequestStatus={null}
+      />,
+    );
+    expect(queryByText('CI passing')).toBeNull();
+    expect(queryByText('CI failing')).toBeNull();
+  });
 });

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleItemDetail.tsx

@@ -13,8 +13,10 @@ import type {
   ConsoleIssueState,
   ConsoleListItem,
   ConsoleOverlayStatus,
+  ConsolePullRequestStatus,
   ConsoleRelatedPullRequest,
 } from '../../logic/types';
+import type { ConsoleReferenceLinkRenderer } from '../content/ConsoleMarkdownContent';
 import { ConsoleMarkdownContent } from '../content/ConsoleMarkdownContent';
 import { ConsolePanel } from '../layout/ConsolePanel';
 import { ConsoleChangedFileList } from './ConsoleChangedFileList';
@@ -24,6 +26,7 @@ import { ConsoleCopyUrlButton } from './ConsoleCopyUrlButton';
 import type { ConsoleAddInlineComment } from './ConsoleFileDiff';
 import { ConsoleItemIcon } from './ConsoleItemIcon';
 import { ConsolePullRequestDetail } from './ConsolePullRequestDetail';
+import { ConsolePullRequestStatusBadges } from './ConsolePullRequestStatusBadges';
 
 export type ConsoleRelatedPullRequestView = {
   pullRequest: ConsoleRelatedPullRequest;
@@ -53,11 +56,13 @@ export type ConsoleItemDetailProps = {
   commits: ConsoleCommit[];
   commitsAreLoading: boolean;
   commitsError: string | null;
+  pullRequestStatus: ConsolePullRequestStatus | null;
   relatedPullRequests: ConsoleRelatedPullRequestView[];
   now: number;
   commentComposer: ReactNode;
   operationBar: ReactNode;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  renderReferenceLink?: ConsoleReferenceLinkRenderer;
   onAddInlineComment?: ConsoleAddInlineComment;
   buildAddInlineComment?: (prUrl: string) => ConsoleAddInlineComment;
 };
@@ -80,11 +85,13 @@ export const ConsoleItemDetail = ({
   commits,
   commitsAreLoading,
   commitsError,
+  pullRequestStatus,
   relatedPullRequests,
   now,
   commentComposer,
   operationBar,
   buildImageProxyUrl,
+  renderReferenceLink,
   onAddInlineComment,
   buildAddInlineComment,
 }: ConsoleItemDetailProps) => {
@@ -130,6 +137,17 @@ export const ConsoleItemDetail = ({
             {overlayStatus.name}
           </span>
         )}
+        {item.isPr && pullRequestStatus?.found && (
+          <ConsolePullRequestStatusBadges
+            isConflicted={pullRequestStatus.isConflicted}
+            isPassedAllCiJob={pullRequestStatus.isPassedAllCiJob}
+            isCiStateSuccess={pullRequestStatus.isCiStateSuccess}
+            isBranchOutOfDate={pullRequestStatus.isBranchOutOfDate}
+            missingRequiredCheckNames={
+              pullRequestStatus.missingRequiredCheckNames
+            }
+          />
+        )}
         <ConsoleItemIcon
           isPr={item.isPr}
           state={resolvedState}
@@ -204,6 +222,7 @@ export const ConsoleItemDetail = ({
           <ConsoleMarkdownContent
             body={body}
             buildImageProxyUrl={buildImageProxyUrl}
+            renderReferenceLink={renderReferenceLink}
           />
         )}
       </ConsolePanel>
@@ -230,6 +249,7 @@ export const ConsoleItemDetail = ({
           error={commentsError}
           now={now}
           buildImageProxyUrl={buildImageProxyUrl}
+          renderReferenceLink={renderReferenceLink}
         />
       </ConsolePanel>
 
@@ -259,6 +279,7 @@ export const ConsoleItemDetail = ({
             commitsError={related.commitsError}
             now={now}
             buildImageProxyUrl={buildImageProxyUrl}
+            renderReferenceLink={renderReferenceLink}
             onAddInlineComment={
               buildAddInlineComment
                 ? buildAddInlineComment(related.pullRequest.url)