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

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

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleNextActionDateGroup } from './ConsoleNextActionDateGroup';
+
+const meta: Meta<typeof ConsoleNextActionDateGroup> = {
+  title: 'Console/ConsoleNextActionDateGroup',
+  component: ConsoleNextActionDateGroup,
+  args: { onSetNextActionDate: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleNextActionDateGroup>;
+
+export const StandardTab: Story = {
+  args: { isTodoByHuman: false },
+};
+
+export const TodoByHumanTab: Story = {
+  args: { isTodoByHuman: true },
+};

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

@@ -0,0 +1,42 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsoleNextActionDateGroup } from './ConsoleNextActionDateGroup';
+
+describe('ConsoleNextActionDateGroup', () => {
+  it('shows +1 day and +1 week outside the todo-by-human tab', () => {
+    const { getByText, queryByText } = render(
+      <ConsoleNextActionDateGroup
+        isTodoByHuman={false}
+        onSetNextActionDate={() => {}}
+      />,
+    );
+    expect(getByText('+1 day')).toBeInTheDocument();
+    expect(getByText('+1 week')).toBeInTheDocument();
+    expect(queryByText('+1 week and skip')).toBeNull();
+  });
+
+  it('shows +1 week and skip on the todo-by-human tab', () => {
+    const { getByText } = render(
+      <ConsoleNextActionDateGroup
+        isTodoByHuman
+        onSetNextActionDate={() => {}}
+      />,
+    );
+    expect(getByText('+1 week and skip')).toBeInTheDocument();
+  });
+
+  it('reports the snooze actions', () => {
+    const onSetNextActionDate = jest.fn();
+    const { getByText } = render(
+      <ConsoleNextActionDateGroup
+        isTodoByHuman={false}
+        onSetNextActionDate={onSetNextActionDate}
+      />,
+    );
+    fireEvent.click(getByText('+1 day'));
+    fireEvent.click(getByText('+1 week'));
+    expect(onSetNextActionDate.mock.calls.map((call) => call[0])).toEqual([
+      'snooze_1day',
+      'snooze_1week',
+    ]);
+  });
+});

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

@@ -0,0 +1,28 @@
+import type { ConsoleNextActionDateAction } from '../operations';
+
+export type ConsoleNextActionDateGroupProps = {
+  isTodoByHuman: boolean;
+  onSetNextActionDate: (action: ConsoleNextActionDateAction) => void;
+};
+
+export const ConsoleNextActionDateGroup = ({
+  isTodoByHuman,
+  onSetNextActionDate,
+}: ConsoleNextActionDateGroupProps) => (
+  <div className="console-op-group">
+    <button
+      type="button"
+      className="console-op-button"
+      onClick={() => onSetNextActionDate('snooze_1day')}
+    >
+      +1 day
+    </button>
+    <button
+      type="button"
+      className="console-op-button"
+      onClick={() => onSetNextActionDate('snooze_1week')}
+    >
+      {isTodoByHuman ? '+1 week and skip' : '+1 week'}
+    </button>
+  </div>
+);

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

@@ -0,0 +1,55 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import {
+  consoleListItemsFixture,
+  consoleStatusOptionsFixture,
+  consoleStoryOptionsFixture,
+} from '../fixtures';
+import type { ConsoleOperationHandlers } from '../operations';
+import { ConsoleOperationBar } from './ConsoleOperationBar';
+
+const handlers: ConsoleOperationHandlers = {
+  onReview: () => {},
+  onSetNextActionDate: () => {},
+  onSetStory: () => {},
+  onSetStatus: () => {},
+  onSetInTmuxByHuman: () => {},
+  onClose: () => {},
+};
+
+const meta: Meta<typeof ConsoleOperationBar> = {
+  title: 'Console/ConsoleOperationBar',
+  component: ConsoleOperationBar,
+  args: {
+    statusOptions: consoleStatusOptionsFixture,
+    storyOptions: consoleStoryOptionsFixture,
+    handlers,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleOperationBar>;
+
+export const PrsTabPullRequest: Story = {
+  args: {
+    tab: 'prs',
+    item: consoleListItemsFixture[0],
+    hasPullRequest: true,
+  },
+};
+
+export const TriageTabIssueWithStoryGroup: Story = {
+  args: {
+    tab: 'triage',
+    item: consoleListItemsFixture[2],
+    hasPullRequest: false,
+  },
+};
+
+export const TodoByHumanTabIssue: Story = {
+  args: {
+    tab: 'todo-by-human',
+    item: consoleListItemsFixture[2],
+    hasPullRequest: false,
+  },
+};

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

@@ -0,0 +1,85 @@
+import { render } from '@testing-library/react';
+import {
+  consoleListItemsFixture,
+  consoleStatusOptionsFixture,
+  consoleStoryOptionsFixture,
+} from '../fixtures';
+import type { ConsoleOperationHandlers } from '../operations';
+import { ConsoleOperationBar } from './ConsoleOperationBar';
+
+const handlers: ConsoleOperationHandlers = {
+  onReview: jest.fn(),
+  onSetNextActionDate: jest.fn(),
+  onSetStory: jest.fn(),
+  onSetStatus: jest.fn(),
+  onSetInTmuxByHuman: jest.fn(),
+  onClose: jest.fn(),
+};
+
+const prItem = consoleListItemsFixture[0];
+const issueItem = consoleListItemsFixture[2];
+
+describe('ConsoleOperationBar', () => {
+  it('shows the review group for a PR and hides story and close groups outside triage', () => {
+    const { getByText, queryByText } = render(
+      <ConsoleOperationBar
+        tab="prs"
+        item={prItem}
+        hasPullRequest
+        statusOptions={consoleStatusOptionsFixture}
+        storyOptions={consoleStoryOptionsFixture}
+        handlers={handlers}
+      />,
+    );
+    expect(getByText('Approve')).toBeInTheDocument();
+    expect(getByText('+1 day')).toBeInTheDocument();
+    expect(getByText('Awaiting Workspace')).toBeInTheDocument();
+    expect(queryByText('Close')).toBeNull();
+    expect(queryByText('TDPM Console port')).toBeNull();
+  });
+
+  it('shows the story group on the triage tab and the close group for an issue', () => {
+    const { getByText } = render(
+      <ConsoleOperationBar
+        tab="triage"
+        item={issueItem}
+        hasPullRequest={false}
+        statusOptions={consoleStatusOptionsFixture}
+        storyOptions={consoleStoryOptionsFixture}
+        handlers={handlers}
+      />,
+    );
+    expect(getByText('Move to Okinawa')).toBeInTheDocument();
+    expect(getByText('Close')).toBeInTheDocument();
+    expect(getByText('Close as not planned')).toBeInTheDocument();
+  });
+
+  it('shows +1 week and skip on the todo-by-human tab', () => {
+    const { getByText } = render(
+      <ConsoleOperationBar
+        tab="todo-by-human"
+        item={issueItem}
+        hasPullRequest={false}
+        statusOptions={consoleStatusOptionsFixture}
+        storyOptions={consoleStoryOptionsFixture}
+        handlers={handlers}
+      />,
+    );
+    expect(getByText('+1 week and skip')).toBeInTheDocument();
+  });
+
+  it('hides the review group when there is no pull request', () => {
+    const { queryByText } = render(
+      <ConsoleOperationBar
+        tab="unread"
+        item={issueItem}
+        hasPullRequest={false}
+        statusOptions={consoleStatusOptionsFixture}
+        storyOptions={consoleStoryOptionsFixture}
+        handlers={handlers}
+      />,
+    );
+    expect(queryByText('Approve')).toBeNull();
+    expect(queryByText('Close')).not.toBeNull();
+  });
+});

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

@@ -0,0 +1,55 @@
+import { type ConsoleOperationHandlers, isTodoByHumanTab } from '../operations';
+import type {
+  ConsoleFieldOption,
+  ConsoleListItem,
+  ConsoleTabName,
+} from '../types';
+import { ConsoleCloseButtonGroup } from './ConsoleCloseButtonGroup';
+import { ConsoleNextActionDateGroup } from './ConsoleNextActionDateGroup';
+import { ConsolePullRequestReviewGroup } from './ConsolePullRequestReviewGroup';
+import { ConsoleStatusButtonGroup } from './ConsoleStatusButtonGroup';
+import { ConsoleStoryButtonGroup } from './ConsoleStoryButtonGroup';
+
+export type ConsoleOperationBarProps = {
+  tab: ConsoleTabName;
+  item: ConsoleListItem;
+  hasPullRequest: boolean;
+  statusOptions: ConsoleFieldOption[];
+  storyOptions: ConsoleFieldOption[];
+  handlers: ConsoleOperationHandlers;
+};
+
+export const ConsoleOperationBar = ({
+  tab,
+  item,
+  hasPullRequest,
+  statusOptions,
+  storyOptions,
+  handlers,
+}: ConsoleOperationBarProps) => {
+  const showStory = tab === 'triage';
+  const showClose = !item.isPr;
+  return (
+    <div className="console-operation-bar">
+      {hasPullRequest && (
+        <ConsolePullRequestReviewGroup onReview={handlers.onReview} />
+      )}
+      <ConsoleNextActionDateGroup
+        isTodoByHuman={isTodoByHumanTab(tab)}
+        onSetNextActionDate={handlers.onSetNextActionDate}
+      />
+      {showStory && (
+        <ConsoleStoryButtonGroup
+          storyOptions={storyOptions}
+          onSetStory={handlers.onSetStory}
+        />
+      )}
+      <ConsoleStatusButtonGroup
+        statusOptions={statusOptions}
+        onSetStatus={handlers.onSetStatus}
+        onSetInTmuxByHuman={handlers.onSetInTmuxByHuman}
+      />
+      {showClose && <ConsoleCloseButtonGroup onClose={handlers.onClose} />}
+    </div>
+  );
+};

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

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsolePanel } from './ConsolePanel';
+
+const meta: Meta<typeof ConsolePanel> = {
+  title: 'Console/ConsolePanel',
+  component: ConsolePanel,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsolePanel>;
+
+export const Expanded: Story = {
+  args: {
+    title: 'Description',
+    children: <p style={{ padding: 12 }}>Panel body content</p>,
+  },
+};
+
+export const Collapsed: Story = {
+  args: {
+    title: 'Commits',
+    defaultCollapsed: true,
+    children: <p style={{ padding: 12 }}>Panel body content</p>,
+  },
+};

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

@@ -0,0 +1,32 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsolePanel } from './ConsolePanel';
+
+describe('ConsolePanel', () => {
+  it('renders expanded by default', () => {
+    const { getByText } = render(
+      <ConsolePanel title="Description">
+        <p>content</p>
+      </ConsolePanel>,
+    );
+    expect(getByText('content')).toBeInTheDocument();
+  });
+
+  it('renders collapsed when defaultCollapsed is set', () => {
+    const { queryByText } = render(
+      <ConsolePanel title="Commits" defaultCollapsed>
+        <p>content</p>
+      </ConsolePanel>,
+    );
+    expect(queryByText('content')).toBeNull();
+  });
+
+  it('toggles collapsed state on the header button', () => {
+    const { getByRole, queryByText } = render(
+      <ConsolePanel title="Comments" defaultCollapsed>
+        <p>content</p>
+      </ConsolePanel>,
+    );
+    fireEvent.click(getByRole('button'));
+    expect(queryByText('content')).not.toBeNull();
+  });
+});

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

@@ -0,0 +1,36 @@
+import { type ReactNode, useState } from 'react';
+
+export type ConsolePanelProps = {
+  title: string;
+  defaultCollapsed?: boolean;
+  headerAction?: ReactNode;
+  children: ReactNode;
+};
+
+export const ConsolePanel = ({
+  title,
+  defaultCollapsed = false,
+  headerAction,
+  children,
+}: ConsolePanelProps) => {
+  const [collapsed, setCollapsed] = useState<boolean>(defaultCollapsed);
+  return (
+    <section className="console-panel">
+      <header className="console-panel-header">
+        <button
+          type="button"
+          className="console-panel-toggle"
+          aria-expanded={!collapsed}
+          onClick={() => setCollapsed((value) => !value)}
+        >
+          <span className="console-panel-caret">{collapsed ? '▸' : '▾'}</span>
+          <span className="console-panel-title">{title}</span>
+        </button>
+        {headerAction !== undefined && (
+          <div className="console-panel-action">{headerAction}</div>
+        )}
+      </header>
+      {!collapsed && <div className="console-panel-body">{children}</div>}
+    </section>
+  );
+};

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

@@ -0,0 +1,14 @@
+import { render } from '@testing-library/react';
+import { ConsoleProjectHeader } from './ConsoleProjectHeader';
+
+describe('ConsoleProjectHeader', () => {
+  it('shows the active project code when a pjcode is provided', () => {
+    const { getByText } = render(<ConsoleProjectHeader pjcode="umino" />);
+    expect(getByText('project: umino')).toBeInTheDocument();
+  });
+
+  it('shows a no-project message when the pjcode is null', () => {
+    const { getByText } = render(<ConsoleProjectHeader pjcode={null} />);
+    expect(getByText('no project selected')).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsolePullRequestReviewGroup } from './ConsolePullRequestReviewGroup';
+
+const meta: Meta<typeof ConsolePullRequestReviewGroup> = {
+  title: 'Console/ConsolePullRequestReviewGroup',
+  component: ConsolePullRequestReviewGroup,
+  args: { onReview: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsolePullRequestReviewGroup>;
+
+export const Default: Story = {};

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

@@ -0,0 +1,33 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsolePullRequestReviewGroup } from './ConsolePullRequestReviewGroup';
+
+describe('ConsolePullRequestReviewGroup', () => {
+  it('renders the four buttons left to right', () => {
+    const { getAllByRole } = render(
+      <ConsolePullRequestReviewGroup onReview={() => {}} />,
+    );
+    expect(getAllByRole('button').map((button) => button.textContent)).toEqual([
+      'Unnecessary',
+      'Totally wrong',
+      'Reject',
+      'Approve',
+    ]);
+  });
+
+  it('reports each review action', () => {
+    const onReview = jest.fn();
+    const { getByText } = render(
+      <ConsolePullRequestReviewGroup onReview={onReview} />,
+    );
+    fireEvent.click(getByText('Unnecessary'));
+    fireEvent.click(getByText('Totally wrong'));
+    fireEvent.click(getByText('Reject'));
+    fireEvent.click(getByText('Approve'));
+    expect(onReview.mock.calls.map((call) => call[0])).toEqual([
+      'unnecessary',
+      'totally_wrong',
+      'request_changes',
+      'approve',
+    ]);
+  });
+});

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

@@ -0,0 +1,34 @@
+import type { ConsoleReviewAction } from '../operations';
+
+export type ConsolePullRequestReviewGroupProps = {
+  onReview: (action: ConsoleReviewAction) => void;
+};
+
+const REVIEW_BUTTONS: {
+  action: ConsoleReviewAction;
+  label: string;
+  color: string;
+}[] = [
+  { action: 'unnecessary', label: 'Unnecessary', color: '#8b949e' },
+  { action: 'totally_wrong', label: 'Totally wrong', color: '#f85149' },
+  { action: 'request_changes', label: 'Reject', color: '#d29922' },
+  { action: 'approve', label: 'Approve', color: '#3fb950' },
+];
+
+export const ConsolePullRequestReviewGroup = ({
+  onReview,
+}: ConsolePullRequestReviewGroupProps) => (
+  <div className="console-op-group">
+    {REVIEW_BUTTONS.map((button) => (
+      <button
+        key={button.action}
+        type="button"
+        className="console-op-button"
+        style={{ color: button.color, borderColor: button.color }}
+        onClick={() => onReview(button.action)}
+      >
+        {button.label}
+      </button>
+    ))}
+  </div>
+);

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

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import {
+  consoleChangedFilesFixture,
+  consoleCommitsFixture,
+  consoleRelatedPullRequestsFixture,
+} from '../fixtures';
+import { ConsolePullRequestSection } from './ConsolePullRequestSection';
+
+const meta: Meta<typeof ConsolePullRequestSection> = {
+  title: 'Console/ConsolePullRequestSection',
+  component: ConsolePullRequestSection,
+  args: { now: Date.parse('2026-06-19T12:00:00.000Z') },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsolePullRequestSection>;
+
+export const WithDetail: Story = {
+  args: {
+    pullRequest: consoleRelatedPullRequestsFixture[0],
+    body: consoleRelatedPullRequestsFixture[0].summary?.body ?? '',
+    bodyIsLoading: false,
+    files: consoleChangedFilesFixture,
+    filesAreLoading: false,
+    filesError: null,
+    commits: consoleCommitsFixture,
+    commitsAreLoading: false,
+    commitsError: null,
+  },
+};

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

@@ -0,0 +1,40 @@
+import { render } from '@testing-library/react';
+import {
+  consoleChangedFilesFixture,
+  consoleCommitsFixture,
+  consoleRelatedPullRequestsFixture,
+} from '../fixtures';
+import { ConsolePullRequestSection } from './ConsolePullRequestSection';
+
+jest.mock('../lib/mermaidLoader', () => ({
+  renderMermaidToSvg: jest.fn(async () => '<svg></svg>'),
+}));
+
+const now = Date.parse('2026-06-19T12:00:00.000Z');
+const pullRequest = consoleRelatedPullRequestsFixture[0];
+
+describe('ConsolePullRequestSection', () => {
+  it('renders the title, stat bar and changed files', () => {
+    const { getByText } = render(
+      <ConsolePullRequestSection
+        pullRequest={pullRequest}
+        body={pullRequest.summary?.body ?? ''}
+        bodyIsLoading={false}
+        files={consoleChangedFilesFixture}
+        filesAreLoading={false}
+        filesError={null}
+        commits={consoleCommitsFixture}
+        commitsAreLoading={false}
+        commitsError={null}
+        now={now}
+      />,
+    );
+    expect(
+      getByText(
+        'Scaffold React console UI under entry-points with build bundling',
+      ),
+    ).toBeInTheDocument();
+    expect(getByText('+1184')).toBeInTheDocument();
+    expect(getByText('27 files')).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,88 @@
+import type {
+  ConsoleChangedFile,
+  ConsoleCommit,
+  ConsoleRelatedPullRequest,
+} from '../types';
+import { ConsoleChangedFileList } from './ConsoleChangedFileList';
+import { ConsoleCommitList } from './ConsoleCommitList';
+import { ConsoleMarkdownView } from './ConsoleMarkdownView';
+import { ConsolePanel } from './ConsolePanel';
+
+export type ConsolePullRequestSectionProps = {
+  pullRequest: ConsoleRelatedPullRequest;
+  body: string;
+  bodyIsLoading: boolean;
+  files: ConsoleChangedFile[];
+  filesAreLoading: boolean;
+  filesError: string | null;
+  commits: ConsoleCommit[];
+  commitsAreLoading: boolean;
+  commitsError: string | null;
+  now: number;
+};
+
+export const ConsolePullRequestSection = ({
+  pullRequest,
+  body,
+  bodyIsLoading,
+  files,
+  filesAreLoading,
+  filesError,
+  commits,
+  commitsAreLoading,
+  commitsError,
+  now,
+}: ConsolePullRequestSectionProps) => {
+  const summary = pullRequest.summary;
+  return (
+    <section className="console-pr-section">
+      <header className="console-pr-section-header">
+        <a
+          href={pullRequest.url}
+          className="console-pr-section-title"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {summary?.title ?? pullRequest.url}
+        </a>
+        {pullRequest.isDraft && (
+          <span className="console-pr-section-state">draft</span>
+        )}
+      </header>
+      <div className="console-pr-statbar">
+        {pullRequest.branchName !== null && (
+          <span className="console-pr-branch">{pullRequest.branchName}</span>
+        )}
+        {summary !== null && (
+          <>
+            <span className="console-pr-add">+{summary.additions}</span>
+            <span className="console-pr-del">-{summary.deletions}</span>
+            <span className="console-pr-files-count">
+              {summary.changedFiles} files
+            </span>
+          </>
+        )}
+      </div>
+      {bodyIsLoading ? (
+        <p className="console-pr-body-loading">Loading description...</p>
+      ) : (
+        <ConsoleMarkdownView body={summary?.body ?? body} />
+      )}
+      <ConsolePanel title="Changed files">
+        <ConsoleChangedFileList
+          files={files}
+          isLoading={filesAreLoading}
+          error={filesError}
+        />
+      </ConsolePanel>
+      <ConsolePanel title="Commits" defaultCollapsed>
+        <ConsoleCommitList
+          commits={commits}
+          isLoading={commitsAreLoading}
+          error={commitsError}
+          now={now}
+        />
+      </ConsolePanel>
+    </section>
+  );
+};

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { consoleStatusOptionsFixture } from '../fixtures';
+import { ConsoleStatusButtonGroup } from './ConsoleStatusButtonGroup';
+
+const meta: Meta<typeof ConsoleStatusButtonGroup> = {
+  title: 'Console/ConsoleStatusButtonGroup',
+  component: ConsoleStatusButtonGroup,
+  args: { onSetStatus: () => {}, onSetInTmuxByHuman: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleStatusButtonGroup>;
+
+export const AllStatusOptions: Story = {
+  args: { statusOptions: consoleStatusOptionsFixture },
+};