github-issue-tower-defence-management 2.19.1 → 2.19.2

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

@@ -1,514 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { ConsoleOperationHandlers } from '../../logic/operations';
-import {
-  consoleChangedFilesFixture,
-  consoleCommentsFixture,
-  consoleCommitsFixture,
-  consoleListItemsFixture,
-  consoleMermaidBodyFixture,
-  consoleRelatedPullRequestsFixture,
-  consoleStatusOptionsFixture,
-} from '../../testing/fixtures';
-import { ConsoleOperationMenu } from '../operations/ConsoleOperationMenu';
-import { ConsoleItemDetail } from './ConsoleItemDetail';
-
-const noopOperationHandlers: ConsoleOperationHandlers = {
-  onReview: () => {},
-  onSetNextActionDate: () => {},
-  onSetStory: () => {},
-  onSetStatus: () => {},
-  onSetInTmuxByHuman: () => {},
-  onClose: () => {},
-  onOkAndAwaitingWorkspace: () => {},
-  onDeleteAllComments: () => {},
-};
-
-const richMarkdownBody = [
-  '# Console review screen',
-  '',
-  'Heading levels and code blocks must render with styles.',
-  '',
-  '## Acceptance criteria',
-  '### Action bar',
-  '#### Markdown styling',
-  '##### Scroll reset',
-  '###### Comment isolation',
-  '',
-  'Run the build with `npm run build:console-ui` before committing.',
-  '',
-  '```ts',
-  'export const renderMarkdownToSafeHtml = (source: string): string => {',
-  '  marked.setOptions({ gfm: true, breaks: true });',
-  '  return DOMPurify.sanitize(marked.parse(source, { async: false }));',
-  '};',
-  '```',
-  '',
-  '> The action bar stays in document flow and never overlaps content.',
-  '',
-  '- Headings use a font-size scale',
-  '- Code blocks scroll horizontally',
-].join('\n');
-
-const meta: Meta<typeof ConsoleItemDetail> = {
-  title: 'Console/ConsoleItemDetail',
-  component: ConsoleItemDetail,
-  args: {
-    now: Date.parse('2026-06-19T12:00:00.000Z'),
-    statusOptions: consoleStatusOptionsFixture,
-    commentComposer: null,
-    operationBar: null,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ConsoleItemDetail>;
-
-export const PullRequestItemHeadArrangement: Story = {
-  args: {
-    item: consoleListItemsFixture[0],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: { name: 'Awaiting Workspace', color: 'BLUE' },
-    state: {
-      state: 'open',
-      merged: false,
-      isPullRequest: true,
-      title: 'Add serveConsole subcommand under entry-points',
-    },
-    body: '',
-    bodyIsLoading: false,
-    bodyError: null,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: [],
-    commentsAreLoading: false,
-    commentsError: null,
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: {
-      found: true,
-      isConflicted: false,
-      mergeableStatus: 'MERGEABLE',
-      isPassedAllCiJob: true,
-      isCiStateSuccess: true,
-      isBranchOutOfDate: false,
-      missingRequiredCheckNames: [],
-    },
-    relatedPullRequests: [],
-  },
-};
-
-export const IssueItemWithLinkedPrHeadArrangement: Story = {
-  args: {
-    item: consoleListItemsFixture[2],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: { name: 'In Progress', color: 'GREEN' },
-    state: {
-      state: 'open',
-      merged: false,
-      isPullRequest: false,
-      title: 'Scaffold React console UI under entry-points with build bundling',
-    },
-    body: '',
-    bodyIsLoading: false,
-    bodyError: null,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: [],
-    commentsAreLoading: false,
-    commentsError: null,
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: null,
-    relatedPullRequests: [
-      {
-        pullRequest: consoleRelatedPullRequestsFixture[0],
-        files: [],
-        filesAreLoading: false,
-        filesError: null,
-        commits: [],
-        commitsAreLoading: false,
-        commitsError: null,
-      },
-    ],
-  },
-};
-
-export const PullRequestItem: Story = {
-  args: {
-    item: consoleListItemsFixture[0],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: { name: 'Awaiting Workspace', color: 'BLUE' },
-    state: {
-      state: 'open',
-      merged: false,
-      isPullRequest: true,
-      title: 'Add serveConsole subcommand under entry-points',
-    },
-    body: consoleMermaidBodyFixture,
-    bodyIsLoading: false,
-    bodyError: null,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: consoleCommentsFixture,
-    commentsAreLoading: false,
-    commentsError: null,
-    files: consoleChangedFilesFixture,
-    filesAreLoading: false,
-    filesError: null,
-    commits: consoleCommitsFixture,
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: {
-      found: true,
-      isConflicted: false,
-      mergeableStatus: 'MERGEABLE',
-      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,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: consoleCommentsFixture,
-    commentsAreLoading: false,
-    commentsError: null,
-    files: consoleChangedFilesFixture,
-    filesAreLoading: false,
-    filesError: null,
-    commits: consoleCommitsFixture,
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: {
-      found: true,
-      isConflicted: true,
-      mergeableStatus: 'CONFLICTING',
-      isPassedAllCiJob: false,
-      isCiStateSuccess: false,
-      isBranchOutOfDate: true,
-      missingRequiredCheckNames: ['build', 'test'],
-    },
-    relatedPullRequests: [],
-  },
-};
-
-export const IssueWithRichMarkdownBody: Story = {
-  args: {
-    item: consoleListItemsFixture[2],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: null,
-    state: {
-      state: 'open',
-      merged: false,
-      isPullRequest: false,
-      title: 'Scaffold React console UI under entry-points with build bundling',
-    },
-    body: richMarkdownBody,
-    bodyIsLoading: false,
-    bodyError: null,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: consoleCommentsFixture,
-    commentsAreLoading: false,
-    commentsError: null,
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: null,
-    relatedPullRequests: [],
-    operationBar: (
-      <ConsoleOperationMenu
-        tab="todo-by-human"
-        item={consoleListItemsFixture[2]}
-        hasPullRequest={false}
-        rejectEnabled={false}
-        statusOptions={consoleStatusOptionsFixture}
-        handlers={noopOperationHandlers}
-      />
-    ),
-  },
-};
-
-export const IssueWithLinkedPullRequest: Story = {
-  args: {
-    item: consoleListItemsFixture[2],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: null,
-    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,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: consoleCommentsFixture,
-    commentsAreLoading: false,
-    commentsError: null,
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: null,
-    relatedPullRequests: [
-      {
-        pullRequest: consoleRelatedPullRequestsFixture[0],
-        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}`);
-    },
-  },
-};
-
-export const IssueWithLinkedPullRequestFailingCi: Story = {
-  args: {
-    item: consoleListItemsFixture[2],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: null,
-    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 with failing CI.',
-    bodyIsLoading: false,
-    bodyError: null,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: [],
-    commentsAreLoading: false,
-    commentsError: null,
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: null,
-    relatedPullRequests: [
-      {
-        pullRequest: {
-          ...consoleRelatedPullRequestsFixture[0],
-          isPassedAllCiJob: false,
-          isCiStateSuccess: false,
-          isBranchOutOfDate: true,
-          missingRequiredCheckNames: ['build', 'test'],
-        },
-        files: [],
-        filesAreLoading: false,
-        filesError: null,
-        commits: [],
-        commitsAreLoading: false,
-        commitsError: null,
-      },
-    ],
-  },
-};
-
-export const IssueWithTwoLinkedPullRequests: Story = {
-  args: {
-    item: consoleListItemsFixture[2],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: null,
-    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 two linked pull requests.',
-    bodyIsLoading: false,
-    bodyError: null,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: [],
-    commentsAreLoading: false,
-    commentsError: null,
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: null,
-    relatedPullRequests: [
-      {
-        pullRequest: consoleRelatedPullRequestsFixture[0],
-        files: [],
-        filesAreLoading: false,
-        filesError: null,
-        commits: [],
-        commitsAreLoading: false,
-        commitsError: null,
-      },
-      {
-        pullRequest: {
-          ...consoleRelatedPullRequestsFixture[0],
-          url: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/850',
-          branchName: 'feature/850-other-change',
-          isPassedAllCiJob: false,
-          isCiStateSuccess: false,
-          isBranchOutOfDate: false,
-          isConflicted: true,
-          mergeableStatus: 'CONFLICTING',
-          missingRequiredCheckNames: ['build'],
-        },
-        files: [],
-        filesAreLoading: false,
-        filesError: null,
-        commits: [],
-        commitsAreLoading: false,
-        commitsError: null,
-      },
-    ],
-  },
-};
-
-export const IssueWithEveryReadFailedByOneCause: Story = {
-  args: {
-    item: consoleListItemsFixture[2],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: null,
-    state: null,
-    body: '',
-    bodyIsLoading: false,
-    bodyError: 'API rate limit already exceeded',
-    stateError: 'API rate limit already exceeded',
-    pullRequestStatusError: null,
-    relatedPullRequestsError: 'API rate limit already exceeded',
-    comments: [],
-    commentsAreLoading: false,
-    commentsError: 'API rate limit already exceeded',
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: null,
-    relatedPullRequests: [],
-  },
-};
-
-export const IssueWithSnapshotStatusNoOverlay: Story = {
-  args: {
-    item: consoleListItemsFixture[2],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: null,
-    state: {
-      state: 'open',
-      merged: false,
-      isPullRequest: false,
-      title: 'Scaffold React console UI under entry-points with build bundling',
-    },
-    body: '## Issue body\n\nThis item has a status set in the snapshot.',
-    bodyIsLoading: false,
-    bodyError: null,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: [],
-    commentsAreLoading: false,
-    commentsError: null,
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: null,
-    relatedPullRequests: [],
-  },
-};
-
-export const IssueWithAgent: Story = {
-  args: {
-    item: consoleListItemsFixture[5],
-    storyName: 'TDPM Console port',
-    storyColorEnum: 'BLUE',
-    overlayStatus: null,
-    state: {
-      state: 'open',
-      merged: false,
-      isPullRequest: false,
-      title: 'Display agent field next to status in TDPM console items',
-    },
-    body: '## Issue body\n\nThis item has both a status and an agent set.',
-    bodyIsLoading: false,
-    bodyError: null,
-    stateError: null,
-    pullRequestStatusError: null,
-    relatedPullRequestsError: null,
-    comments: [],
-    commentsAreLoading: false,
-    commentsError: null,
-    files: [],
-    filesAreLoading: false,
-    filesError: null,
-    commits: [],
-    commitsAreLoading: false,
-    commitsError: null,
-    pullRequestStatus: null,
-    relatedPullRequests: [],
-  },
-};