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

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

@@ -0,0 +1,82 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleItemIcon } from './ConsoleItemIcon';
+
+const meta: Meta<typeof ConsoleItemIcon> = {
+  title: 'Console/ConsoleItemIcon',
+  component: ConsoleItemIcon,
+  args: { size: 20 },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleItemIcon>;
+
+export const PullRequestOpen: Story = {
+  args: {
+    isPr: true,
+    state: 'open',
+    merged: false,
+    isDraft: false,
+    stateReason: '',
+  },
+};
+
+export const PullRequestMerged: Story = {
+  args: {
+    isPr: true,
+    state: 'closed',
+    merged: true,
+    isDraft: false,
+    stateReason: '',
+  },
+};
+
+export const PullRequestClosed: Story = {
+  args: {
+    isPr: true,
+    state: 'closed',
+    merged: false,
+    isDraft: false,
+    stateReason: '',
+  },
+};
+
+export const PullRequestDraft: Story = {
+  args: {
+    isPr: true,
+    state: 'open',
+    merged: false,
+    isDraft: true,
+    stateReason: '',
+  },
+};
+
+export const IssueOpen: Story = {
+  args: {
+    isPr: false,
+    state: 'open',
+    merged: false,
+    isDraft: false,
+    stateReason: '',
+  },
+};
+
+export const IssueClosedCompleted: Story = {
+  args: {
+    isPr: false,
+    state: 'closed',
+    merged: false,
+    isDraft: false,
+    stateReason: 'completed',
+  },
+};
+
+export const IssueClosedNotPlanned: Story = {
+  args: {
+    isPr: false,
+    state: 'closed',
+    merged: false,
+    isDraft: false,
+    stateReason: 'not_planned',
+  },
+};

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

@@ -0,0 +1,52 @@
+import { render } from '@testing-library/react';
+import { CONSOLE_ITEM_ICONS } from '../../logic/itemIcons';
+import { ConsoleItemIcon } from './ConsoleItemIcon';
+
+describe('ConsoleItemIcon', () => {
+  it('renders the green open pull-request icon for an open PR', () => {
+    const { getByRole } = render(
+      <ConsoleItemIcon
+        isPr
+        state="open"
+        merged={false}
+        isDraft={false}
+        stateReason=""
+      />,
+    );
+    const svg = getByRole('img');
+    expect(svg).toHaveAttribute('fill', CONSOLE_ITEM_ICONS.prOpen.color);
+    expect(svg).toHaveAttribute('aria-label', 'prOpen');
+  });
+
+  it('renders the red closed pull-request icon for a closed PR', () => {
+    const { getByRole } = render(
+      <ConsoleItemIcon
+        isPr
+        state="closed"
+        merged={false}
+        isDraft={false}
+        stateReason=""
+      />,
+    );
+    expect(getByRole('img')).toHaveAttribute(
+      'fill',
+      CONSOLE_ITEM_ICONS.prClosed.color,
+    );
+  });
+
+  it('renders the gray not-planned icon for a closed unplanned issue', () => {
+    const { getByRole } = render(
+      <ConsoleItemIcon
+        isPr={false}
+        state="closed"
+        merged={false}
+        isDraft={false}
+        stateReason="not_planned"
+      />,
+    );
+    expect(getByRole('img')).toHaveAttribute(
+      'fill',
+      CONSOLE_ITEM_ICONS.issueClosedNotPlanned.color,
+    );
+  });
+});

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

@@ -0,0 +1,32 @@
+import {
+  CONSOLE_ITEM_ICONS,
+  type ConsoleItemIconInput,
+  resolveConsoleItemIconKind,
+} from '../../logic/itemIcons';
+
+export type ConsoleItemIconProps = ConsoleItemIconInput & {
+  size?: number;
+};
+
+export const ConsoleItemIcon = ({
+  size = 12,
+  ...input
+}: ConsoleItemIconProps) => {
+  const kind = resolveConsoleItemIconKind(input);
+  const definition = CONSOLE_ITEM_ICONS[kind];
+  return (
+    <svg
+      className="console-item-icon"
+      viewBox="0 0 16 16"
+      width={size}
+      height={size}
+      fill={definition.color}
+      role="img"
+      aria-label={kind}
+    >
+      {definition.paths.map((d) => (
+        <path key={d} d={d} />
+      ))}
+    </svg>
+  );
+};

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

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import {
+  consoleChangedFilesFixture,
+  consoleCommitsFixture,
+  consoleRelatedPullRequestsFixture,
+} from '../../testing/fixtures';
+import { ConsolePullRequestDetail } from './ConsolePullRequestDetail';
+
+const meta: Meta<typeof ConsolePullRequestDetail> = {
+  title: 'Console/ConsolePullRequestDetail',
+  component: ConsolePullRequestDetail,
+  args: { now: Date.parse('2026-06-19T12:00:00.000Z') },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsolePullRequestDetail>;
+
+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/detail/ConsolePullRequestDetail.test.tsx

@@ -0,0 +1,40 @@
+import { render } from '@testing-library/react';
+import {
+  consoleChangedFilesFixture,
+  consoleCommitsFixture,
+  consoleRelatedPullRequestsFixture,
+} from '../../testing/fixtures';
+import { ConsolePullRequestDetail } from './ConsolePullRequestDetail';
+
+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('ConsolePullRequestDetail', () => {
+  it('renders the title, stat bar and changed files', () => {
+    const { getByText } = render(
+      <ConsolePullRequestDetail
+        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/detail/ConsolePullRequestDetail.tsx

@@ -0,0 +1,88 @@
+import type {
+  ConsoleChangedFile,
+  ConsoleCommit,
+  ConsoleRelatedPullRequest,
+} from '../../logic/types';
+import { ConsoleMarkdownContent } from '../content/ConsoleMarkdownContent';
+import { ConsolePanel } from '../layout/ConsolePanel';
+import { ConsoleChangedFileList } from './ConsoleChangedFileList';
+import { ConsoleCommitList } from './ConsoleCommitList';
+
+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 ConsolePullRequestDetail = ({
+  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>
+      ) : (
+        <ConsoleMarkdownContent 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/layout/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/layout/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/layout/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.stories.tsx → layout/ConsoleProjectSummary.stories.tsx}

@@ -1,14 +1,14 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ConsoleProjectHeader } from './ConsoleProjectHeader';
+import { ConsoleProjectSummary } from './ConsoleProjectSummary';
 
-const meta: Meta<typeof ConsoleProjectHeader> = {
-  title: 'Console/ConsoleProjectHeader',
-  component: ConsoleProjectHeader,
+const meta: Meta<typeof ConsoleProjectSummary> = {
+  title: 'Console/ConsoleProjectSummary',
+  component: ConsoleProjectSummary,
 };
 
 export default meta;
 
-type Story = StoryObj<typeof ConsoleProjectHeader>;
+type Story = StoryObj<typeof ConsoleProjectSummary>;
 
 export const WithProject: Story = {
   args: {

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

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

package/src/adapter/entry-points/console/ui/src/features/console/components/{ConsoleProjectHeader.tsx → layout/ConsoleProjectSummary.tsx}

@@ -2,7 +2,9 @@ export type ConsoleProjectHeaderProps = {
   pjcode: string | null;
 };
 
-export const ConsoleProjectHeader = ({ pjcode }: ConsoleProjectHeaderProps) => (
+export const ConsoleProjectSummary = ({
+  pjcode,
+}: ConsoleProjectHeaderProps) => (
   <header className="flex items-baseline gap-2 border-b border-border p-3">
     <h1 className="text-base font-semibold">TDPM Console</h1>
     {pjcode === null ? (

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

@@ -0,0 +1,70 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useState } from 'react';
+import type { ConsoleTabName } from '../../logic/types';
+import { ConsoleTabList } from './ConsoleTabList';
+
+const meta: Meta<typeof ConsoleTabList> = {
+  title: 'Console/ConsoleTabList',
+  component: ConsoleTabList,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleTabList>;
+
+const counts: Record<ConsoleTabName, number> = {
+  prs: 35,
+  triage: 12,
+  unread: 7,
+  'failed-preparation': 2,
+  'todo-by-human': 4,
+};
+
+export const AllTabsWithCounts: Story = {
+  args: {
+    activeTab: 'prs',
+    counts,
+    onSelectTab: () => {},
+  },
+};
+
+export const ZeroCountTabsHidden: Story = {
+  args: {
+    activeTab: 'prs',
+    counts: {
+      prs: 35,
+      triage: 0,
+      unread: 7,
+      'failed-preparation': 0,
+      'todo-by-human': 0,
+    },
+    onSelectTab: () => {},
+  },
+};
+
+export const ActiveZeroCountTabStaysVisible: Story = {
+  args: {
+    activeTab: 'triage',
+    counts: {
+      prs: 35,
+      triage: 0,
+      unread: 7,
+      'failed-preparation': 0,
+      'todo-by-human': 0,
+    },
+    onSelectTab: () => {},
+  },
+};
+
+export const Interactive: Story = {
+  render: () => {
+    const [activeTab, setActiveTab] = useState<ConsoleTabName>('prs');
+    return (
+      <ConsoleTabList
+        activeTab={activeTab}
+        counts={counts}
+        onSelectTab={setActiveTab}
+      />
+    );
+  },
+};

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

@@ -0,0 +1,59 @@
+import { fireEvent, render } from '@testing-library/react';
+import type { ConsoleTabName } from '../../logic/types';
+import { ConsoleTabList } from './ConsoleTabList';
+
+const counts: Record<ConsoleTabName, number> = {
+  prs: 3,
+  triage: 0,
+  unread: 5,
+  'failed-preparation': 0,
+  'todo-by-human': 2,
+};
+
+describe('ConsoleTabList', () => {
+  it('hides zero-count tabs except the active tab', () => {
+    const { queryByText } = render(
+      <ConsoleTabList activeTab="prs" counts={counts} onSelectTab={() => {}} />,
+    );
+    expect(queryByText('Awaiting Quality Check')).not.toBeNull();
+    expect(queryByText('Unread')).not.toBeNull();
+    expect(queryByText('Todo by human')).not.toBeNull();
+    expect(queryByText('Triage')).toBeNull();
+    expect(queryByText('Failed Preparation')).toBeNull();
+  });
+
+  it('keeps a zero-count active tab visible', () => {
+    const { queryByText } = render(
+      <ConsoleTabList
+        activeTab="triage"
+        counts={counts}
+        onSelectTab={() => {}}
+      />,
+    );
+    expect(queryByText('Triage')).not.toBeNull();
+  });
+
+  it('uses the exact lowercase Todo by human label', () => {
+    const { getByText } = render(
+      <ConsoleTabList
+        activeTab="todo-by-human"
+        counts={counts}
+        onSelectTab={() => {}}
+      />,
+    );
+    expect(getByText('Todo by human')).toBeInTheDocument();
+  });
+
+  it('reports the selected tab', () => {
+    const onSelectTab = jest.fn();
+    const { getByText } = render(
+      <ConsoleTabList
+        activeTab="prs"
+        counts={counts}
+        onSelectTab={onSelectTab}
+      />,
+    );
+    fireEvent.click(getByText('Unread'));
+    expect(onSelectTab).toHaveBeenCalledWith('unread');
+  });
+});

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

@@ -0,0 +1,41 @@
+import { CONSOLE_TABS, type ConsoleTabName } from '../../logic/types';
+
+export type ConsoleTabBarProps = {
+  activeTab: ConsoleTabName;
+  counts: Record<ConsoleTabName, number>;
+  onSelectTab: (tab: ConsoleTabName) => void;
+};
+
+export const ConsoleTabList = ({
+  activeTab,
+  counts,
+  onSelectTab,
+}: ConsoleTabBarProps) => (
+  <nav aria-label="Console tabs" className="console-tabbar">
+    {CONSOLE_TABS.map((tab) => {
+      const count = counts[tab.name] ?? 0;
+      const isActive = tab.name === activeTab;
+      if (count === 0 && !isActive) {
+        return null;
+      }
+      return (
+        <button
+          key={tab.name}
+          type="button"
+          className="console-tab"
+          data-active={isActive ? 'true' : undefined}
+          aria-current={isActive ? 'page' : undefined}
+          onClick={() => onSelectTab(tab.name)}
+        >
+          <span className="console-tab-label">{tab.label}</span>
+          <span
+            className="console-tab-badge"
+            data-zero={count === 0 ? 'true' : undefined}
+          >
+            {count}
+          </span>
+        </button>
+      );
+    })}
+  </nav>
+);