npm - github-issue-tower-defence-management - Versions diffs - 1.112.4 → 1.112.6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/bin/adapter/entry-points/console/ui-dist/index.html CHANGED Viewed

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>TDPM Console</title>
-    <script type="module" crossorigin src="/assets/index-CjYyb4uX.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-D08V4Rj3.css">
+    <script type="module" crossorigin src="/assets/index-DUygHx5u.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DKFbU8lr.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "github-issue-tower-defence-management",
-  "version": "1.112.4",
+  "version": "1.112.6",
   "description": "",
   "main": "bin/index.js",
   "scripts": {

package/src/adapter/entry-points/console/ui/e2e/consoleScenario.spec.ts CHANGED Viewed

@@ -120,3 +120,57 @@ test('renders the Workflow Blocker tab leftmost and shows its detail operations'
     page.locator('.console-op-button', { hasText: '+1 day' }),
   ).toBeVisible();
 });
+test('adds an inline review comment on a related pull request diff without hover on a touch viewport', async ({
+  browser,
+}) => {
+  const touchContext = await browser.newContext({
+    viewport: { width: 390, height: 844 },
+    hasTouch: true,
+    isMobile: true,
+  });
+  const page = await touchContext.newPage();
+  await page.goto(harness.appRootUrl);
+  await tabByLabel(page, 'Failed Preparation').click();
+  await itemRowByText(
+    page,
+    'Add inline review comments on the related pull request diff',
+  ).click();
+  const changedFile = page
+    .locator('.console-file-row', {
+      hasText: 'src/adapter/entry-points/console/ui/src/index.css',
+    })
+    .first();
+  await expect(changedFile).toBeVisible();
+  await changedFile.click();
+  const commentButton = page.locator('.console-diff-comment-button').first();
+  await expect(commentButton).toBeVisible();
+  const opacity = await commentButton.evaluate(
+    (element) => window.getComputedStyle(element).opacity,
+  );
+  expect(Number(opacity)).toBeGreaterThan(0);
+  await commentButton.click();
+  await page
+    .locator('.console-diff-composer-input')
+    .fill('Please verify this opacity change on touch devices.');
+  await page.locator('.console-diff-composer-submit').click();
+  await expect(page.locator('.console-diff-composer-posted')).toHaveText(
+    'Comment posted.',
+  );
+  expect(harness.reviewCommentCalls).toHaveLength(1);
+  expect(harness.reviewCommentCalls[0].url).toBe(
+    'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/912',
+  );
+  expect(harness.reviewCommentCalls[0].body).toBe(
+    'Please verify this opacity change on touch devices.',
+  );
+  await touchContext.close();
+});

package/src/adapter/entry-points/console/ui/e2e/consoleTestHarness.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import type {
   IssueRepository,
   PullRequestCommit,
   PullRequestDetail,
+  PullRequestFile,
   RelatedPullRequest,
 } from '../../../../../domain/usecases/adapter-interfaces/IssueRepository';
 import type { ConsoleProjectBinding } from '../../consoleOperationApi';
@@ -18,6 +19,14 @@ import { startWebServer } from '../../webServer';
 export const CONSOLE_E2E_PJCODE = 'umino';
 export const CONSOLE_E2E_TOKEN = 'console-e2e-fixture-token-3f9c1a';
+export type ConsoleE2eReviewCommentCall = {
+  url: string;
+  path: string;
+  line: number;
+  side: string;
+  body: string;
+};
 type ConsoleFixtureListItem = {
   number: number;
   title: string;
@@ -54,6 +63,25 @@ type ConsoleFixtureSnapshot = {
 const REPO_NAME_WITH_OWNER =
   'HiromiShikata/npm-cli-github-issue-tower-defence-management';
+export const CONSOLE_E2E_INLINE_COMMENT_ISSUE_URL = `https://github.com/${REPO_NAME_WITH_OWNER}/issues/911`;
+export const CONSOLE_E2E_INLINE_COMMENT_PR_URL = `https://github.com/${REPO_NAME_WITH_OWNER}/pull/912`;
+const INLINE_COMMENT_PR_FILE: PullRequestFile = {
+  filename: 'src/adapter/entry-points/console/ui/src/index.css',
+  status: 'modified',
+  additions: 3,
+  deletions: 1,
+  patch: `@@ -959,7 +959,9 @@
+   background: transparent;
+   color: #6e7681;
+   font-size: 0.875rem;
+   cursor: pointer;
+-  opacity: 0;
++  opacity: 0.6;
++  border-color: #30363d;
+ }`,
+};
 const AWAITING_WORKSPACE_OPTION: ConsoleFixtureFieldOption = {
   id: 'd1c19cce',
   name: 'Awaiting Workspace',
@@ -198,7 +226,15 @@ export const CONSOLE_E2E_TAB_ITEMS: Record<string, ConsoleFixtureListItem[]> = {
       '2026-06-17T05:48:09.000Z',
     ),
   ],
-  'failed-preparation': [],
+  'failed-preparation': [
+    issueItem(
+      911,
+      'Add inline review comments on the related pull request diff',
+      'FPR00911',
+      'TDPM Console port',
+      '2026-06-18T03:12:00.000Z',
+    ),
+  ],
   'todo-by-human': [
     issueItem(
       869,
@@ -286,7 +322,36 @@ const notImplemented = (method: string): never => {
   throw new Error(`console E2E stub does not implement ${method}`);
 };
-const createStubIssueRepository = (): IssueRepository => ({
+const inlineCommentRelatedPullRequest: RelatedPullRequest = {
+  url: CONSOLE_E2E_INLINE_COMMENT_PR_URL,
+  branchName: 'feature/911-related-pr-inline-comments',
+  createdAt: new Date('2026-06-18T03:30:00.000Z'),
+  isDraft: false,
+  isConflicted: false,
+  isPassedAllCiJob: true,
+  isCiStateSuccess: true,
+  isResolvedAllReviewComments: true,
+  isBranchOutOfDate: false,
+  missingRequiredCheckNames: [],
+};
+const inlineCommentPullRequestDetail: PullRequestDetail = {
+  title: 'Add inline review comments on the related pull request diff',
+  state: 'open',
+  merged: false,
+  isDraft: false,
+  additions: 3,
+  deletions: 1,
+  changedFiles: 1,
+  headRefName: 'feature/911-related-pr-inline-comments',
+  baseRefName: 'main',
+  author: 'HiromiShikata',
+  files: [INLINE_COMMENT_PR_FILE],
+};
+const createStubIssueRepository = (
+  reviewCommentCalls: ConsoleE2eReviewCommentCall[],
+): IssueRepository => ({
   getAllIssues: () => notImplemented('getAllIssues'),
   getIssueByUrl: async (url: string): Promise<Issue | null> =>
     buildIssueForUrl(url),
@@ -306,12 +371,29 @@ const createStubIssueRepository = (): IssueRepository => ({
   get: async (issueUrl: string): Promise<Issue | null> =>
     buildIssueForUrl(issueUrl),
   update: () => notImplemented('update'),
-  findRelatedOpenPRs: async (): Promise<RelatedPullRequest[]> => [],
+  findRelatedOpenPRs: async (url: string): Promise<RelatedPullRequest[]> =>
+    url === CONSOLE_E2E_INLINE_COMMENT_ISSUE_URL
+      ? [inlineCommentRelatedPullRequest]
+      : [],
   getOpenPullRequest: async (): Promise<RelatedPullRequest | null> => null,
   getPullRequestChangedFilePaths: async (): Promise<string[]> => [],
   approvePullRequest: async (): Promise<void> => undefined,
   requestChangesWithInlineComment: async (): Promise<void> => undefined,
-  createPullRequestReviewComment: async (): Promise<void> => undefined,
+  createPullRequestReviewComment: async (
+    prUrl: string,
+    filePath: string,
+    line: number,
+    side: string,
+    commentBody: string,
+  ): Promise<void> => {
+    reviewCommentCalls.push({
+      url: prUrl,
+      path: filePath,
+      line,
+      side,
+      body: commentBody,
+    });
+  },
   closePullRequest: async (): Promise<void> => undefined,
   closeIssueByUrl: async (): Promise<void> => undefined,
   deletePullRequestBranch: () => notImplemented('deletePullRequestBranch'),
@@ -323,7 +405,12 @@ const createStubIssueRepository = (): IssueRepository => ({
   getIssueOrPullRequestBody: async (): Promise<string> =>
     '## Console E2E fixture\n\nThis body is served by the isolated E2E stub.',
   getIssueOrPullRequestComments: async (): Promise<IssueComment[]> => [],
-  getPullRequestDetail: async (): Promise<PullRequestDetail | null> => null,
+  getPullRequestDetail: async (
+    url: string,
+  ): Promise<PullRequestDetail | null> =>
+    url === CONSOLE_E2E_INLINE_COMMENT_PR_URL
+      ? inlineCommentPullRequestDetail
+      : null,
   getPullRequestCommits: async (): Promise<PullRequestCommit[]> => [],
   getIssueOrPullRequestState: async (
     url: string,
@@ -332,13 +419,24 @@ const createStubIssueRepository = (): IssueRepository => ({
     merged: false,
     isPullRequest: url.includes('/pull/'),
   }),
-  getPullRequestSummary: async (): Promise<{
+  getPullRequestSummary: async (
+    url: string,
+  ): Promise<{
     title: string;
     body: string;
     additions: number;
     deletions: number;
     changedFiles: number;
-  } | null> => null,
+  } | null> =>
+    url === CONSOLE_E2E_INLINE_COMMENT_PR_URL
+      ? {
+          title: 'Add inline review comments on the related pull request diff',
+          body: 'Wires the add-comment handler on the related pull request diff path.',
+          additions: 3,
+          deletions: 1,
+          changedFiles: 1,
+        }
+      : null,
 });
 export type ConsoleE2eHarness = {
@@ -346,6 +444,7 @@ export type ConsoleE2eHarness = {
   appUrl: string;
   appRootUrl: string;
   consoleDataOutputDir: string;
+  reviewCommentCalls: ConsoleE2eReviewCommentCall[];
   stop: () => Promise<void>;
 };
@@ -362,11 +461,13 @@ export const startConsoleE2eHarness = async (): Promise<ConsoleE2eHarness> => {
   ): Promise<ConsoleProjectBinding | null> =>
     pjcode === CONSOLE_E2E_PJCODE ? { pjcode, project } : null;
+  const reviewCommentCalls: ConsoleE2eReviewCommentCall[] = [];
   const server = await startWebServer({
     accessToken: CONSOLE_E2E_TOKEN,
     uiDistDir,
     consoleDataOutputDir,
-    issueRepository: createStubIssueRepository(),
+    issueRepository: createStubIssueRepository(reviewCommentCalls),
     resolveProject,
     issueTitleStateCache: new IssueTitleStateCache(),
     inTmuxDataDir: null,
@@ -391,6 +492,7 @@ export const startConsoleE2eHarness = async (): Promise<ConsoleE2eHarness> => {
     appUrl,
     appRootUrl,
     consoleDataOutputDir,
+    reviewCommentCalls,
     stop: async (): Promise<void> => {
       await closeServer(server);
       fs.rmSync(tmpRoot, { recursive: true, force: true });

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

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { buildImageProxyUrl } from '../../lib/imageProxy';
 import {
+  consoleCodeFenceBodyFixture,
   consoleMarkdownBodyFixture,
   consoleMarkdownImageBodyFixture,
   consoleMermaidBodyFixture,
@@ -24,6 +25,10 @@ export const WithMermaidFence: Story = {
   args: { body: consoleMermaidBodyFixture },
 };
+export const WithCodeFence: Story = {
+  args: { body: consoleCodeFenceBodyFixture },
+};
 export const WithProxiedGitHubImages: Story = {
   args: {
     body: consoleMarkdownImageBodyFixture,

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

@@ -148,5 +148,8 @@ export const IssueWithLinkedPullRequest: Story = {
         commitsError: null,
       },
     ],
+    buildAddInlineComment: (prUrl) => async (path, line, side, body) => {
+      window.alert(`comment on ${prUrl} ${path}:${line} (${side})\n${body}`);
+    },
   },
 };

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

@@ -59,6 +59,7 @@ export type ConsoleItemDetailProps = {
   operationBar: ReactNode;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
   onAddInlineComment?: ConsoleAddInlineComment;
+  buildAddInlineComment?: (prUrl: string) => ConsoleAddInlineComment;
 };
 export const ConsoleItemDetail = ({
@@ -85,6 +86,7 @@ export const ConsoleItemDetail = ({
   operationBar,
   buildImageProxyUrl,
   onAddInlineComment,
+  buildAddInlineComment,
 }: ConsoleItemDetailProps) => {
   const resolvedState = state?.state ?? 'open';
   const merged = state?.merged ?? false;
@@ -257,6 +259,11 @@ export const ConsoleItemDetail = ({
             commitsError={related.commitsError}
             now={now}
             buildImageProxyUrl={buildImageProxyUrl}
+            onAddInlineComment={
+              buildAddInlineComment
+                ? buildAddInlineComment(related.pullRequest.url)
+                : undefined
+            }
           />
         ))}

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsolePullRequestDetail.stories.tsx CHANGED Viewed

@@ -29,3 +29,20 @@ export const WithDetail: Story = {
     commitsError: null,
   },
 };
+export const WithInlineComments: Story = {
+  args: {
+    pullRequest: consoleRelatedPullRequestsFixture[0],
+    body: consoleRelatedPullRequestsFixture[0].summary?.body ?? '',
+    bodyIsLoading: false,
+    files: consoleChangedFilesFixture,
+    filesAreLoading: false,
+    filesError: null,
+    commits: consoleCommitsFixture,
+    commitsAreLoading: false,
+    commitsError: null,
+    onAddInlineComment: async (path, line, side, body) => {
+      window.alert(`comment on ${path}:${line} (${side})\n${body}`);
+    },
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsolePullRequestDetail.tsx CHANGED Viewed

@@ -9,6 +9,7 @@ import { ConsolePanel } from '../layout/ConsolePanel';
 import { ConsoleChangedFileList } from './ConsoleChangedFileList';
 import { ConsoleCommitList } from './ConsoleCommitList';
 import { ConsoleCopyUrlButton } from './ConsoleCopyUrlButton';
+import type { ConsoleAddInlineComment } from './ConsoleFileDiff';
 export type ConsolePullRequestSectionProps = {
   pullRequest: ConsoleRelatedPullRequest;
@@ -22,6 +23,7 @@ export type ConsolePullRequestSectionProps = {
   commitsError: string | null;
   now: number;
   buildImageProxyUrl?: ImageProxyUrlBuilder;
+  onAddInlineComment?: ConsoleAddInlineComment;
 };
 export const ConsolePullRequestDetail = ({
@@ -36,6 +38,7 @@ export const ConsolePullRequestDetail = ({
   commitsError,
   now,
   buildImageProxyUrl,
+  onAddInlineComment,
 }: ConsolePullRequestSectionProps) => {
   const summary = pullRequest.summary;
   const filesCount =
@@ -87,6 +90,7 @@ export const ConsolePullRequestDetail = ({
           files={files}
           isLoading={filesAreLoading}
           error={filesError}
+          onAddInlineComment={onAddInlineComment}
         />
       </ConsolePanel>
       <ConsolePanel title="Commits" count={commitsCount} defaultCollapsed>

package/src/adapter/entry-points/console/ui/src/features/console/lib/markdown.test.ts CHANGED Viewed

@@ -82,6 +82,55 @@ describe('splitMarkdownSegments', () => {
       { kind: 'markdown', source: '```mermaid\ngraph TD; A-->B;' },
     ]);
   });
+  it('keeps a regular fenced code block as a single markdown segment', () => {
+    const segments = splitMarkdownSegments('```ts\nconst answer = 42;\n```');
+    expect(segments.map(stripKey)).toEqual([
+      { kind: 'markdown', source: '```ts\nconst answer = 42;\n```' },
+    ]);
+    const html = renderMarkdownToSafeHtml(
+      (segments[0] as { source: string }).source,
+    );
+    expect(html).toContain('<pre>');
+    expect(html).toContain('<code');
+    expect(html).toContain('const answer = 42;');
+    expect(html).not.toContain('```');
+  });
+  it('does not treat a mermaid fence inside a regular code block as a diagram', () => {
+    const segments = splitMarkdownSegments(
+      '```text\n```mermaid\ngraph TD; A-->B;\n```\n```',
+    );
+    expect(segments.map(stripKey)).toEqual([
+      {
+        kind: 'markdown',
+        source: '```text\n```mermaid\ngraph TD; A-->B;\n```\n```',
+      },
+    ]);
+  });
+  it('separates a mermaid fence from a following regular code fence', () => {
+    const segments = splitMarkdownSegments(
+      'intro\n\n```mermaid\ngraph TD; A-->B;\n```\n\n```ts\nconst answer = 42;\n```',
+    );
+    expect(segments.map(stripKey)).toEqual([
+      { kind: 'markdown', source: 'intro\n' },
+      { kind: 'mermaid', code: 'graph TD; A-->B;' },
+      { kind: 'markdown', source: '\n```ts\nconst answer = 42;\n```' },
+    ]);
+    const codeSegment = segments[2] as { source: string };
+    const html = renderMarkdownToSafeHtml(codeSegment.source);
+    expect(html).toContain('<pre>');
+    expect(html).toContain('<code');
+    expect(html).not.toContain('```');
+  });
+  it('keeps an unterminated regular fence as markdown', () => {
+    const segments = splitMarkdownSegments('```ts\nconst answer = 42;');
+    expect(segments.map(stripKey)).toEqual([
+      { kind: 'markdown', source: '```ts\nconst answer = 42;' },
+    ]);
+  });
 });
 describe('hasMermaidFence', () => {

package/src/adapter/entry-points/console/ui/src/features/console/lib/markdown.ts CHANGED Viewed

@@ -27,6 +27,14 @@ export type ConsoleMarkdownSegment =
 const MERMAID_FENCE = /^```mermaid[^\n]*\n([\s\S]*?)\n```$/;
+const isMermaidFenceOpen = (line: string): boolean =>
+  /^```mermaid\s*$/.test(line.trim());
+const isCodeFenceOpen = (line: string): boolean =>
+  /^```/.test(line.trim()) && !isMermaidFenceOpen(line);
+const isFenceClose = (line: string): boolean => line.trim() === '```';
 export const splitMarkdownSegments = (
   source: string,
 ): ConsoleMarkdownSegment[] => {
@@ -34,6 +42,7 @@ export const splitMarkdownSegments = (
   const segments: ConsoleMarkdownSegment[] = [];
   let markdownBuffer: string[] = [];
   let mermaidBuffer: string[] | null = null;
+  let insideCodeFence = false;
   let sequence = 0;
   const flushMarkdown = (): void => {
@@ -49,13 +58,20 @@ export const splitMarkdownSegments = (
   };
   for (const line of lines) {
-    if (mermaidBuffer === null && /^```mermaid\s*$/.test(line.trim())) {
+    if (insideCodeFence) {
+      markdownBuffer.push(line);
+      if (isFenceClose(line)) {
+        insideCodeFence = false;
+      }
+      continue;
+    }
+    if (mermaidBuffer === null && isMermaidFenceOpen(line)) {
       flushMarkdown();
       mermaidBuffer = [];
       continue;
     }
     if (mermaidBuffer !== null) {
-      if (line.trim() === '```') {
+      if (isFenceClose(line)) {
         segments.push({
           kind: 'mermaid',
           key: `mermaid:${sequence}`,
@@ -68,6 +84,11 @@ export const splitMarkdownSegments = (
       mermaidBuffer.push(line);
       continue;
     }
+    if (isCodeFenceOpen(line)) {
+      markdownBuffer.push(line);
+      insideCodeFence = true;
+      continue;
+    }
     markdownBuffer.push(line);
   }

package/src/adapter/entry-points/console/ui/src/features/console/pages/ConsoleItemDetailContainer.test.tsx CHANGED Viewed

@@ -2,8 +2,14 @@ import { fireEvent, render, waitFor } from '@testing-library/react';
 import type { ConsoleCaches } from '../hooks/useConsoleCaches';
 import type { ConsoleOperationsApi } from '../hooks/useConsoleOperations';
 import { ResourceCache } from '../lib/resourceCache';
+import type {
+  ConsoleChangedFile,
+  ConsoleRelatedPullRequest,
+} from '../logic/types';
 import {
+  consoleChangedFilesFixture,
   consoleListItemsFixture,
+  consoleRelatedPullRequestsFixture,
   consoleStatusOptionsFixture,
   consoleStoryColorsFixture,
   consoleStoryOptionsFixture,
@@ -15,14 +21,20 @@ jest.mock('../lib/mermaidLoader', () => ({
 }));
 const prItem = consoleListItemsFixture[0];
+const issueItem = consoleListItemsFixture[2];
-const buildCaches = (): ConsoleCaches => {
+type CachesOverrides = {
+  relatedPrs?: ConsoleRelatedPullRequest[];
+  prFiles?: ConsoleChangedFile[];
+};
+const buildCaches = (overrides: CachesOverrides = {}): ConsoleCaches => {
   const client = {
     fetchItemBody: async () => '# body',
     fetchComments: async () => [],
-    fetchPrFiles: async () => [],
+    fetchPrFiles: async () => overrides.prFiles ?? [],
     fetchPrCommits: async () => [],
-    fetchRelatedPrs: async () => [],
+    fetchRelatedPrs: async () => overrides.relatedPrs ?? [],
     fetchIssueState: async () => ({
       state: 'open',
       merged: false,
@@ -90,4 +102,57 @@ describe('ConsoleItemDetailContainer', () => {
       'approve',
     );
   });
+  it('routes an inline review comment on an issue related pull request to that pull request url', async () => {
+    const operations = buildOperations();
+    const relatedPullRequest = consoleRelatedPullRequestsFixture[0];
+    const { container, findByRole, getAllByRole, getByPlaceholderText } =
+      render(
+        <ConsoleItemDetailContainer
+          tab="unread"
+          item={issueItem}
+          caches={buildCaches({
+            relatedPrs: [relatedPullRequest],
+            prFiles: consoleChangedFilesFixture,
+          })}
+          operations={operations}
+          statusOptions={consoleStatusOptionsFixture}
+          storyOptions={consoleStoryOptionsFixture}
+          storyColors={consoleStoryColorsFixture}
+          storyName="TDPM Console port"
+          overlayStatus={null}
+          now={Date.parse('2026-06-19T12:00:00.000Z')}
+          onQueueAction={jest.fn()}
+        />,
+      );
+    const fileRow = await findByRole('button', {
+      name: new RegExp(consoleChangedFilesFixture[0].path),
+    });
+    fireEvent.click(fileRow);
+    const commentButton = getAllByRole('button', {
+      name: /^Comment on line/,
+    })[0];
+    fireEvent.click(commentButton);
+    fireEvent.change(
+      getByPlaceholderText('Leave a review comment on this line…'),
+      { target: { value: 'Please rename this variable.' } },
+    );
+    const submitButton = container.querySelector(
+      '.console-diff-composer-submit',
+    );
+    expect(submitButton).not.toBeNull();
+    fireEvent.click(submitButton as Element);
+    const addInlineReviewComment =
+      operations.addInlineReviewComment as jest.Mock;
+    await waitFor(() => {
+      expect(addInlineReviewComment).toHaveBeenCalledTimes(1);
+    });
+    const call = addInlineReviewComment.mock.calls[0];
+    expect(call[0]).toBe(relatedPullRequest.url);
+    expect(call[4]).toBe('Please rename this variable.');
+  });
 });

package/src/adapter/entry-points/console/ui/src/features/console/pages/ConsoleItemDetailContainer.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { ConsoleCommentComposer } from '../components/detail/ConsoleCommentComposer';
 import { ConsoleItemDetail } from '../components/detail/ConsoleItemDetail';
 import { ConsoleOperationMenu } from '../components/operations/ConsoleOperationMenu';
@@ -60,14 +60,20 @@ export const ConsoleItemDetailContainer = ({
     [token],
   );
   const hasPullRequest = item.isPr || detail.relatedPullRequests.length > 0;
-  const addInlineComment = useCallback(
-    (
-      path: string,
-      line: number,
-      side: ConsoleReviewCommentSide,
-      body: string,
-    ) => operations.addInlineReviewComment(item.url, path, line, side, body),
-    [operations, item.url],
+  const buildAddInlineComment = useCallback(
+    (prUrl: string) =>
+      (
+        path: string,
+        line: number,
+        side: ConsoleReviewCommentSide,
+        body: string,
+      ) =>
+        operations.addInlineReviewComment(prUrl, path, line, side, body),
+    [operations],
+  );
+  const addInlineComment = useMemo(
+    () => buildAddInlineComment(item.url),
+    [buildAddInlineComment, item.url],
   );
   const handlers: ConsoleOperationHandlers = {
@@ -148,6 +154,7 @@ export const ConsoleItemDetailContainer = ({
       now={now}
       buildImageProxyUrl={resolveImageProxyUrl}
       onAddInlineComment={item.isPr ? addInlineComment : undefined}
+      buildAddInlineComment={buildAddInlineComment}
       commentComposer={
         <ConsoleCommentComposer
           isPr={item.isPr}

package/src/adapter/entry-points/console/ui/src/features/console/testing/fixtures.ts CHANGED Viewed

@@ -166,6 +166,39 @@ For reference, the avatar comes from an external host:
 ![external avatar](https://example.com/avatar.png)
 `;
+export const consoleCodeFenceBodyFixture = `## Reproduction
+A TypeScript fenced code block MUST render as a styled code box rather than
+literal backticks:
+\`\`\`ts
+export const splitMarkdownSegments = (source: string): ConsoleMarkdownSegment[] => {
+  const lines = source.split('\\n');
+  return lines.length > 0 ? parse(lines) : [];
+};
+\`\`\`
+A code block that documents a mermaid fence MUST stay literal text and MUST NOT
+be turned into a diagram:
+\`\`\`text
+\`\`\`mermaid
+graph TD; A-->B;
+\`\`\`
+The diagram below MUST still render as an actual diagram:
+\`\`\`mermaid
+sequenceDiagram
+  participant Browser
+  participant ConsoleServer
+  Browser->>ConsoleServer: GET /api/itembody?url=...
+  ConsoleServer-->>Browser: { body }
+\`\`\`
+Inline \`code\` spans are unaffected.
+`;
 export const consoleMermaidBodyFixture = `Here is the request flow:
 \`\`\`mermaid