github-issue-tower-defence-management 1.89.0 → 1.91.0

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

@@ -0,0 +1,23 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsoleCloseButtonGroup } from './ConsoleCloseButtonGroup';
+
+describe('ConsoleCloseButtonGroup', () => {
+  it('renders both close buttons', () => {
+    const { getByText } = render(
+      <ConsoleCloseButtonGroup onClose={() => {}} />,
+    );
+    expect(getByText('Close')).toBeInTheDocument();
+    expect(getByText('Close as not planned')).toBeInTheDocument();
+  });
+
+  it('reports the close actions', () => {
+    const onClose = jest.fn();
+    const { getByText } = render(<ConsoleCloseButtonGroup onClose={onClose} />);
+    fireEvent.click(getByText('Close'));
+    fireEvent.click(getByText('Close as not planned'));
+    expect(onClose.mock.calls.map((call) => call[0])).toEqual([
+      'close',
+      'close_not_planned',
+    ]);
+  });
+});

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

@@ -0,0 +1,26 @@
+import type { ConsoleCloseAction } from '../operations';
+
+export type ConsoleCloseButtonGroupProps = {
+  onClose: (action: ConsoleCloseAction) => void;
+};
+
+export const ConsoleCloseButtonGroup = ({
+  onClose,
+}: ConsoleCloseButtonGroupProps) => (
+  <div className="console-op-group">
+    <button
+      type="button"
+      className="console-op-button"
+      onClick={() => onClose('close')}
+    >
+      Close
+    </button>
+    <button
+      type="button"
+      className="console-op-button"
+      onClick={() => onClose('close_not_planned')}
+    >
+      Close as not planned
+    </button>
+  </div>
+);

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

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { consoleCommentsFixture } from '../fixtures';
+import { ConsoleCommentList } from './ConsoleCommentList';
+
+const meta: Meta<typeof ConsoleCommentList> = {
+  title: 'Console/ConsoleCommentList',
+  component: ConsoleCommentList,
+  args: { now: Date.parse('2026-06-19T12:00:00.000Z') },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleCommentList>;
+
+export const WithComments: Story = {
+  args: { comments: consoleCommentsFixture, isLoading: false, error: null },
+};
+
+export const Loading: Story = {
+  args: { comments: [], isLoading: true, error: null },
+};
+
+export const Empty: Story = {
+  args: { comments: [], isLoading: false, error: null },
+};
+
+export const ErrorState: Story = {
+  args: { comments: [], isLoading: false, error: 'HTTP 500' },
+};

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

@@ -0,0 +1,55 @@
+import { fireEvent, render } from '@testing-library/react';
+import { consoleCommentsFixture } from '../fixtures';
+import { ConsoleCommentList } from './ConsoleCommentList';
+
+const now = Date.parse('2026-06-19T12:00:00.000Z');
+
+describe('ConsoleCommentList', () => {
+  it('shows only the latest comment until expanded', () => {
+    const { getByText, queryByText } = render(
+      <ConsoleCommentList
+        comments={consoleCommentsFixture}
+        isLoading={false}
+        error={null}
+        now={now}
+      />,
+    );
+    expect(
+      getByText(/Looks good now\. Approving once the rebase is green\./),
+    ).toBeInTheDocument();
+    expect(queryByText(/Please split the token validation/)).toBeNull();
+    fireEvent.click(getByText('Show all 3'));
+    expect(getByText(/Please split the token validation/)).toBeInTheDocument();
+  });
+
+  it('shows the loading state', () => {
+    const { getByText } = render(
+      <ConsoleCommentList comments={[]} isLoading error={null} now={now} />,
+    );
+    expect(getByText('Loading comments...')).toBeInTheDocument();
+  });
+
+  it('shows the empty state', () => {
+    const { getByText } = render(
+      <ConsoleCommentList
+        comments={[]}
+        isLoading={false}
+        error={null}
+        now={now}
+      />,
+    );
+    expect(getByText('No comments.')).toBeInTheDocument();
+  });
+
+  it('shows the error state', () => {
+    const { getByRole } = render(
+      <ConsoleCommentList
+        comments={[]}
+        isLoading={false}
+        error="HTTP 500"
+        now={now}
+      />,
+    );
+    expect(getByRole('alert')).toHaveTextContent('HTTP 500');
+  });
+});

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

@@ -0,0 +1,66 @@
+import { useState } from 'react';
+import { formatRelativeTime } from '../relativeTime';
+import type { ConsoleComment } from '../types';
+import { ConsoleMarkdownView } from './ConsoleMarkdownView';
+
+export type ConsoleCommentListProps = {
+  comments: ConsoleComment[];
+  isLoading: boolean;
+  error: string | null;
+  now: number;
+};
+
+export const ConsoleCommentList = ({
+  comments,
+  isLoading,
+  error,
+  now,
+}: ConsoleCommentListProps) => {
+  const [showAll, setShowAll] = useState<boolean>(false);
+
+  if (error !== null) {
+    return (
+      <p role="alert" className="console-comment-error">
+        Failed to load comments: {error}
+      </p>
+    );
+  }
+
+  if (isLoading) {
+    return <p className="console-comment-loading">Loading comments...</p>;
+  }
+
+  if (comments.length === 0) {
+    return <p className="console-comment-empty">No comments.</p>;
+  }
+
+  const visible = showAll ? comments : comments.slice(-1);
+
+  return (
+    <div className="console-comment-list">
+      {!showAll && comments.length > 1 && (
+        <button
+          type="button"
+          className="console-comment-show-all"
+          onClick={() => setShowAll(true)}
+        >
+          Show all {comments.length}
+        </button>
+      )}
+      {visible.map((comment) => (
+        <article
+          key={`${comment.author}:${comment.createdAt}:${comment.body}`}
+          className="console-comment"
+        >
+          <header className="console-comment-header">
+            <span className="console-comment-author">{comment.author}</span>
+            <span className="console-comment-time">
+              {formatRelativeTime(comment.createdAt, now)}
+            </span>
+          </header>
+          <ConsoleMarkdownView body={comment.body} />
+        </article>
+      ))}
+    </div>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { consoleCommitsFixture } from '../fixtures';
+import { ConsoleCommitList } from './ConsoleCommitList';
+
+const meta: Meta<typeof ConsoleCommitList> = {
+  title: 'Console/ConsoleCommitList',
+  component: ConsoleCommitList,
+  args: { now: Date.parse('2026-06-19T12:00:00.000Z') },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleCommitList>;
+
+export const WithCommits: Story = {
+  args: { commits: consoleCommitsFixture, isLoading: false, error: null },
+};
+
+export const Loading: Story = {
+  args: { commits: [], isLoading: true, error: null },
+};
+
+export const Empty: Story = {
+  args: { commits: [], isLoading: false, error: null },
+};

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

@@ -0,0 +1,53 @@
+import { render } from '@testing-library/react';
+import { consoleCommitsFixture } from '../fixtures';
+import { ConsoleCommitList } from './ConsoleCommitList';
+
+const now = Date.parse('2026-06-19T12:00:00.000Z');
+
+describe('ConsoleCommitList', () => {
+  it('renders the first message line, short sha and author', () => {
+    const { getByText } = render(
+      <ConsoleCommitList
+        commits={consoleCommitsFixture}
+        isLoading={false}
+        error={null}
+        now={now}
+      />,
+    );
+    expect(
+      getByText('feat(console): add serveConsole subcommand and HTTP server'),
+    ).toBeInTheDocument();
+    expect(getByText('4f9c2a1')).toBeInTheDocument();
+  });
+
+  it('shows the loading state', () => {
+    const { getByText } = render(
+      <ConsoleCommitList commits={[]} isLoading error={null} now={now} />,
+    );
+    expect(getByText('Loading commits...')).toBeInTheDocument();
+  });
+
+  it('shows the empty state', () => {
+    const { getByText } = render(
+      <ConsoleCommitList
+        commits={[]}
+        isLoading={false}
+        error={null}
+        now={now}
+      />,
+    );
+    expect(getByText('No commits.')).toBeInTheDocument();
+  });
+
+  it('shows the error state', () => {
+    const { getByRole } = render(
+      <ConsoleCommitList
+        commits={[]}
+        isLoading={false}
+        error="HTTP 500"
+        now={now}
+      />,
+    );
+    expect(getByRole('alert')).toHaveTextContent('HTTP 500');
+  });
+});

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

@@ -0,0 +1,53 @@
+import { formatRelativeTime } from '../relativeTime';
+import type { ConsoleCommit } from '../types';
+
+export type ConsoleCommitListProps = {
+  commits: ConsoleCommit[];
+  isLoading: boolean;
+  error: string | null;
+  now: number;
+};
+
+const shortSha = (sha: string): string => sha.slice(0, 7);
+
+const firstLine = (message: string): string => message.split('\n')[0];
+
+export const ConsoleCommitList = ({
+  commits,
+  isLoading,
+  error,
+  now,
+}: ConsoleCommitListProps) => {
+  if (error !== null) {
+    return (
+      <p role="alert" className="console-commits-error">
+        Failed to load commits: {error}
+      </p>
+    );
+  }
+
+  if (isLoading) {
+    return <p className="console-commits-loading">Loading commits...</p>;
+  }
+
+  if (commits.length === 0) {
+    return <p className="console-commits-empty">No commits.</p>;
+  }
+
+  return (
+    <ul className="console-commits">
+      {commits.map((commit) => (
+        <li key={commit.sha} className="console-commit">
+          <span className="console-commit-message">
+            {firstLine(commit.message)}
+          </span>
+          <span className="console-commit-sha">{shortSha(commit.sha)}</span>
+          <span className="console-commit-author">{commit.author}</span>
+          <span className="console-commit-time">
+            {formatRelativeTime(commit.authoredAt, now)}
+          </span>
+        </li>
+      ))}
+    </ul>
+  );
+};

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

@@ -0,0 +1,79 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import {
+  consoleChangedFilesFixture,
+  consoleCommentsFixture,
+  consoleCommitsFixture,
+  consoleListItemsFixture,
+  consoleMermaidBodyFixture,
+  consoleRelatedPullRequestsFixture,
+} from '../fixtures';
+import { ConsoleItemDetail } from './ConsoleItemDetail';
+
+const meta: Meta<typeof ConsoleItemDetail> = {
+  title: 'Console/ConsoleItemDetail',
+  component: ConsoleItemDetail,
+  args: {
+    now: Date.parse('2026-06-19T12:00:00.000Z'),
+    operationBar: null,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleItemDetail>;
+
+export const PullRequestItem: Story = {
+  args: {
+    item: consoleListItemsFixture[0],
+    storyName: 'TDPM Console port',
+    storyColorEnum: 'BLUE',
+    overlayStatus: null,
+    state: { state: 'open', merged: false, isPullRequest: true },
+    body: consoleMermaidBodyFixture,
+    bodyIsLoading: false,
+    bodyError: null,
+    comments: consoleCommentsFixture,
+    commentsAreLoading: false,
+    commentsError: null,
+    files: consoleChangedFilesFixture,
+    filesAreLoading: false,
+    filesError: null,
+    commits: consoleCommitsFixture,
+    commitsAreLoading: false,
+    commitsError: null,
+    relatedPullRequests: [],
+  },
+};
+
+export const IssueWithLinkedPullRequest: Story = {
+  args: {
+    item: consoleListItemsFixture[2],
+    storyName: 'TDPM Console port',
+    storyColorEnum: 'BLUE',
+    overlayStatus: null,
+    state: { state: 'open', merged: false, isPullRequest: false },
+    body: '## Issue body\n\nThis issue has a linked pull request.',
+    bodyIsLoading: false,
+    bodyError: null,
+    comments: consoleCommentsFixture,
+    commentsAreLoading: false,
+    commentsError: null,
+    files: [],
+    filesAreLoading: false,
+    filesError: null,
+    commits: [],
+    commitsAreLoading: false,
+    commitsError: null,
+    relatedPullRequests: [
+      {
+        pullRequest: consoleRelatedPullRequestsFixture[0],
+        files: consoleChangedFilesFixture,
+        filesAreLoading: false,
+        filesError: null,
+        commits: consoleCommitsFixture,
+        commitsAreLoading: false,
+        commitsError: null,
+      },
+    ],
+  },
+};

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

@@ -0,0 +1,81 @@
+import { render } from '@testing-library/react';
+import {
+  consoleChangedFilesFixture,
+  consoleCommentsFixture,
+  consoleCommitsFixture,
+  consoleListItemsFixture,
+} from '../fixtures';
+import { ConsoleItemDetail } from './ConsoleItemDetail';
+
+jest.mock('../lib/mermaidLoader', () => ({
+  renderMermaidToSvg: jest.fn(async () => '<svg></svg>'),
+}));
+
+const now = Date.parse('2026-06-19T12:00:00.000Z');
+const prItem = consoleListItemsFixture[0];
+const issueItem = consoleListItemsFixture[2];
+
+const baseProps = {
+  storyName: 'TDPM Console port',
+  storyColorEnum: 'BLUE' as const,
+  overlayStatus: null,
+  state: { state: 'open', merged: false, isPullRequest: true },
+  body: '## Body heading',
+  bodyIsLoading: false,
+  bodyError: null,
+  comments: consoleCommentsFixture,
+  commentsAreLoading: false,
+  commentsError: null,
+  files: consoleChangedFilesFixture,
+  filesAreLoading: false,
+  filesError: null,
+  commits: consoleCommitsFixture,
+  commitsAreLoading: false,
+  commitsError: null,
+  relatedPullRequests: [],
+  now,
+  operationBar: <div>operation-bar</div>,
+};
+
+describe('ConsoleItemDetail', () => {
+  it('renders the PR title with the PR number, sub bar and changed files panel', () => {
+    const { getByText, getAllByText } = render(
+      <ConsoleItemDetail item={prItem} {...baseProps} />,
+    );
+    expect(getAllByText(`PR #${prItem.number}`).length).toBeGreaterThan(0);
+    expect(getByText('Changed files')).toBeInTheDocument();
+    expect(getByText('Commits')).toBeInTheDocument();
+    expect(getByText('operation-bar')).toBeInTheDocument();
+  });
+
+  it('renders the story tag and opened relative time', () => {
+    const { getByText } = render(
+      <ConsoleItemDetail item={prItem} {...baseProps} />,
+    );
+    expect(getByText('TDPM Console port')).toBeInTheDocument();
+    expect(getByText(/opened/)).toBeInTheDocument();
+  });
+
+  it('renders an issue without the changed files or commits panels', () => {
+    const { queryByText } = render(
+      <ConsoleItemDetail
+        item={issueItem}
+        {...baseProps}
+        state={{ state: 'open', merged: false, isPullRequest: false }}
+      />,
+    );
+    expect(queryByText('Changed files')).toBeNull();
+    expect(queryByText('Commits')).toBeNull();
+  });
+
+  it('renders the overlay status chip when set', () => {
+    const { getByText } = render(
+      <ConsoleItemDetail
+        item={issueItem}
+        {...baseProps}
+        overlayStatus={{ name: 'Awaiting Workspace', color: 'BLUE' }}
+      />,
+    );
+    expect(getByText('Awaiting Workspace')).toBeInTheDocument();
+  });
+});