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

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

@@ -0,0 +1,60 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { buildConsoleListRows } from '../../logic/grouping';
+import {
+  consoleListItemsFixture,
+  consoleStoryColorsFixture,
+} from '../../testing/fixtures';
+import { ConsoleItemList } from './ConsoleItemList';
+
+const meta: Meta<typeof ConsoleItemList> = {
+  title: 'Console/ConsoleItemList',
+  component: ConsoleItemList,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleItemList>;
+
+export const WithStoryGroups: Story = {
+  args: {
+    rows: buildConsoleListRows(consoleListItemsFixture, {}),
+    storyColors: consoleStoryColorsFixture,
+    activeItemId: null,
+    isLoading: false,
+    error: null,
+    onSelectItem: () => {},
+  },
+};
+
+export const Loading: Story = {
+  args: {
+    rows: [],
+    storyColors: {},
+    activeItemId: null,
+    isLoading: true,
+    error: null,
+    onSelectItem: () => {},
+  },
+};
+
+export const Empty: Story = {
+  args: {
+    rows: [],
+    storyColors: {},
+    activeItemId: null,
+    isLoading: false,
+    error: null,
+    onSelectItem: () => {},
+  },
+};
+
+export const ErrorState: Story = {
+  args: {
+    rows: [],
+    storyColors: {},
+    activeItemId: null,
+    isLoading: false,
+    error: 'HTTP 404',
+    onSelectItem: () => {},
+  },
+};

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

@@ -0,0 +1,87 @@
+import { fireEvent, render } from '@testing-library/react';
+import { buildConsoleListRows } from '../../logic/grouping';
+import {
+  consoleListItemsFixture,
+  consoleStoryColorsFixture,
+} from '../../testing/fixtures';
+import { ConsoleItemList } from './ConsoleItemList';
+
+const rows = buildConsoleListRows(consoleListItemsFixture, {});
+
+describe('ConsoleItemList', () => {
+  it('renders group headers and items in array order', () => {
+    const { getAllByRole, getByText } = render(
+      <ConsoleItemList
+        rows={rows}
+        storyColors={consoleStoryColorsFixture}
+        activeItemId={null}
+        isLoading={false}
+        error={null}
+        onSelectItem={() => {}}
+      />,
+    );
+    expect(getByText('TDPM Console port')).toBeInTheDocument();
+    expect(getByText('regular / workflow improvement')).toBeInTheDocument();
+    expect(getAllByRole('button').length).toBe(consoleListItemsFixture.length);
+  });
+
+  it('reports the selected item', () => {
+    const onSelectItem = jest.fn();
+    const { getByText } = render(
+      <ConsoleItemList
+        rows={rows}
+        storyColors={consoleStoryColorsFixture}
+        activeItemId={null}
+        isLoading={false}
+        error={null}
+        onSelectItem={onSelectItem}
+      />,
+    );
+    fireEvent.click(
+      getByText('Add serveConsole subcommand under entry-points'),
+    );
+    expect(onSelectItem).toHaveBeenCalledWith(consoleListItemsFixture[0]);
+  });
+
+  it('shows the loading state', () => {
+    const { getByText } = render(
+      <ConsoleItemList
+        rows={[]}
+        storyColors={{}}
+        activeItemId={null}
+        isLoading
+        error={null}
+        onSelectItem={() => {}}
+      />,
+    );
+    expect(getByText('Loading list...')).toBeInTheDocument();
+  });
+
+  it('shows the empty state', () => {
+    const { getByText } = render(
+      <ConsoleItemList
+        rows={[]}
+        storyColors={{}}
+        activeItemId={null}
+        isLoading={false}
+        error={null}
+        onSelectItem={() => {}}
+      />,
+    );
+    expect(getByText('No items.')).toBeInTheDocument();
+  });
+
+  it('shows the error state', () => {
+    const { getByRole } = render(
+      <ConsoleItemList
+        rows={[]}
+        storyColors={{}}
+        activeItemId={null}
+        isLoading={false}
+        error="HTTP 404"
+        onSelectItem={() => {}}
+      />,
+    );
+    expect(getByRole('alert')).toHaveTextContent('HTTP 404');
+  });
+});

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

@@ -0,0 +1,68 @@
+import {
+  type ConsoleListRow,
+  resolveStoryColorEnum,
+} from '../../logic/grouping';
+import type {
+  ConsoleListItem,
+  ConsoleStoryColorSource,
+} from '../../logic/types';
+import { ConsoleItemSummary } from './ConsoleItemSummary';
+import { ConsoleStorySummary } from './ConsoleStorySummary';
+
+export type ConsoleListViewProps = {
+  rows: ConsoleListRow[];
+  storyColors: ConsoleStoryColorSource;
+  activeItemId: string | null;
+  isLoading: boolean;
+  error: string | null;
+  onSelectItem: (item: ConsoleListItem) => void;
+};
+
+export const ConsoleItemList = ({
+  rows,
+  storyColors,
+  activeItemId,
+  isLoading,
+  error,
+  onSelectItem,
+}: ConsoleListViewProps) => {
+  if (error !== null) {
+    return (
+      <p role="alert" className="console-list-message console-list-error">
+        Failed to load list: {error}
+      </p>
+    );
+  }
+
+  if (isLoading) {
+    return <p className="console-list-message">Loading list...</p>;
+  }
+
+  if (rows.length === 0) {
+    return <p className="console-list-message">No items.</p>;
+  }
+
+  return (
+    <ul className="console-list">
+      {rows.map((row) =>
+        row.kind === 'group-header' ? (
+          <li key={`group:${row.story}`} className="console-list-group">
+            <ConsoleStorySummary
+              story={row.story}
+              count={row.count}
+              colorEnum={resolveStoryColorEnum(storyColors, row.story)}
+            />
+          </li>
+        ) : (
+          <li key={row.item.itemId} className="console-list-row">
+            <ConsoleItemSummary
+              item={row.item}
+              isActive={row.item.itemId === activeItemId}
+              onSelect={onSelectItem}
+            />
+          </li>
+        ),
+      )}
+    </ul>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { consoleListItemsFixture } from '../../testing/fixtures';
+import { ConsoleItemSummary } from './ConsoleItemSummary';
+
+const meta: Meta<typeof ConsoleItemSummary> = {
+  title: 'Console/ConsoleItemSummary',
+  component: ConsoleItemSummary,
+  args: { onSelect: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleItemSummary>;
+
+export const PullRequestRow: Story = {
+  args: { item: consoleListItemsFixture[0], isActive: false },
+};
+
+export const IssueRow: Story = {
+  args: { item: consoleListItemsFixture[2], isActive: false },
+};
+
+export const ActiveRow: Story = {
+  args: { item: consoleListItemsFixture[0], isActive: true },
+};

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

@@ -0,0 +1,43 @@
+import { fireEvent, render } from '@testing-library/react';
+import { consoleListItemsFixture } from '../../testing/fixtures';
+import { ConsoleItemSummary } from './ConsoleItemSummary';
+
+const prItem = consoleListItemsFixture[0];
+const issueItem = consoleListItemsFixture[2];
+
+describe('ConsoleItemSummary', () => {
+  it('renders a PR number with the PR prefix', () => {
+    const { getByText } = render(
+      <ConsoleItemSummary item={prItem} isActive={false} onSelect={() => {}} />,
+    );
+    expect(getByText(`PR #${prItem.number}`)).toBeInTheDocument();
+    expect(getByText(prItem.title)).toBeInTheDocument();
+  });
+
+  it('renders an issue number with the hash prefix', () => {
+    const { getByText } = render(
+      <ConsoleItemSummary
+        item={issueItem}
+        isActive={false}
+        onSelect={() => {}}
+      />,
+    );
+    expect(getByText(`#${issueItem.number}`)).toBeInTheDocument();
+  });
+
+  it('reports the item on click', () => {
+    const onSelect = jest.fn();
+    const { getByRole } = render(
+      <ConsoleItemSummary item={prItem} isActive={false} onSelect={onSelect} />,
+    );
+    fireEvent.click(getByRole('button'));
+    expect(onSelect).toHaveBeenCalledWith(prItem);
+  });
+
+  it('marks the active row', () => {
+    const { getByRole } = render(
+      <ConsoleItemSummary item={prItem} isActive onSelect={() => {}} />,
+    );
+    expect(getByRole('button')).toHaveAttribute('data-active', 'true');
+  });
+});

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

@@ -0,0 +1,34 @@
+import type { ConsoleListItem } from '../../logic/types';
+import { ConsoleItemIcon } from '../detail/ConsoleItemIcon';
+
+export type ConsoleListItemRowProps = {
+  item: ConsoleListItem;
+  isActive: boolean;
+  onSelect: (item: ConsoleListItem) => void;
+};
+
+export const ConsoleItemSummary = ({
+  item,
+  isActive,
+  onSelect,
+}: ConsoleListItemRowProps) => (
+  <button
+    type="button"
+    className="console-item-row"
+    aria-current={isActive ? 'true' : undefined}
+    data-active={isActive ? 'true' : undefined}
+    onClick={() => onSelect(item)}
+  >
+    <ConsoleItemIcon
+      isPr={item.isPr}
+      state="open"
+      merged={false}
+      isDraft={false}
+      stateReason=""
+    />
+    <span className="console-item-title">{item.title}</span>
+    <span className="console-item-number">
+      {item.isPr ? `PR #${item.number}` : `#${item.number}`}
+    </span>
+  </button>
+);

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

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleStorySummary } from './ConsoleStorySummary';
+
+const meta: Meta<typeof ConsoleStorySummary> = {
+  title: 'Console/ConsoleStorySummary',
+  component: ConsoleStorySummary,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleStorySummary>;
+
+export const ConsolePortStory: Story = {
+  args: { story: 'TDPM Console port', count: 4, colorEnum: 'BLUE' },
+};
+
+export const RegularWorkflowStory: Story = {
+  args: {
+    story: 'regular / workflow improvement',
+    count: 12,
+    colorEnum: 'GRAY',
+  },
+};
+
+export const NoStory: Story = {
+  args: { story: '(No story)', count: 3, colorEnum: null },
+};

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

@@ -0,0 +1,24 @@
+import { render } from '@testing-library/react';
+import { ConsoleStorySummary } from './ConsoleStorySummary';
+
+describe('ConsoleStorySummary', () => {
+  it('renders the story name and count', () => {
+    const { getByText } = render(
+      <ConsoleStorySummary
+        story="TDPM Console port"
+        count={4}
+        colorEnum="BLUE"
+      />,
+    );
+    expect(getByText('TDPM Console port')).toBeInTheDocument();
+    expect(getByText('4')).toBeInTheDocument();
+  });
+
+  it('applies the dot color from the enum', () => {
+    const { container } = render(
+      <ConsoleStorySummary story="s" count={1} colorEnum="GREEN" />,
+    );
+    const dot = container.querySelector('.console-story-dot');
+    expect(dot).toHaveStyle({ backgroundColor: '#3fb950' });
+  });
+});

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

@@ -0,0 +1,28 @@
+import { colorFromEnum } from '../../logic/colors';
+import type { ConsoleColor } from '../../logic/types';
+
+export type ConsoleStoryGroupHeaderProps = {
+  story: string;
+  count: number;
+  colorEnum: ConsoleColor | null;
+};
+
+export const ConsoleStorySummary = ({
+  story,
+  count,
+  colorEnum,
+}: ConsoleStoryGroupHeaderProps) => {
+  const palette = colorFromEnum(colorEnum);
+  return (
+    <div className="console-group-header">
+      <span className="console-storytag">
+        <span
+          className="console-story-dot"
+          style={{ backgroundColor: palette.dot }}
+        />
+        {story}
+      </span>
+      <span className="console-group-count">{count}</span>
+    </div>
+  );
+};

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

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

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

@@ -0,0 +1,21 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsoleCloseActions } from './ConsoleCloseActions';
+
+describe('ConsoleCloseActions', () => {
+  it('renders both close buttons', () => {
+    const { getByText } = render(<ConsoleCloseActions onClose={() => {}} />);
+    expect(getByText('Close')).toBeInTheDocument();
+    expect(getByText('Close as not planned')).toBeInTheDocument();
+  });
+
+  it('reports the close actions', () => {
+    const onClose = jest.fn();
+    const { getByText } = render(<ConsoleCloseActions 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/operations/ConsoleCloseActions.tsx

@@ -0,0 +1,26 @@
+import type { ConsoleCloseAction } from '../../logic/operations';
+
+export type ConsoleCloseButtonGroupProps = {
+  onClose: (action: ConsoleCloseAction) => void;
+};
+
+export const ConsoleCloseActions = ({
+  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/operations/ConsoleNextActionDateActions.stories.tsx

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleNextActionDateActions } from './ConsoleNextActionDateActions';
+
+const meta: Meta<typeof ConsoleNextActionDateActions> = {
+  title: 'Console/ConsoleNextActionDateActions',
+  component: ConsoleNextActionDateActions,
+  args: { onSetNextActionDate: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleNextActionDateActions>;
+
+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/operations/ConsoleNextActionDateActions.test.tsx

@@ -0,0 +1,42 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsoleNextActionDateActions } from './ConsoleNextActionDateActions';
+
+describe('ConsoleNextActionDateActions', () => {
+  it('shows +1 day and +1 week outside the todo-by-human tab', () => {
+    const { getByText, queryByText } = render(
+      <ConsoleNextActionDateActions
+        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(
+      <ConsoleNextActionDateActions
+        isTodoByHuman
+        onSetNextActionDate={() => {}}
+      />,
+    );
+    expect(getByText('+1 week and skip')).toBeInTheDocument();
+  });
+
+  it('reports the snooze actions', () => {
+    const onSetNextActionDate = jest.fn();
+    const { getByText } = render(
+      <ConsoleNextActionDateActions
+        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/operations/ConsoleNextActionDateActions.tsx

@@ -0,0 +1,28 @@
+import type { ConsoleNextActionDateAction } from '../../logic/operations';
+
+export type ConsoleNextActionDateGroupProps = {
+  isTodoByHuman: boolean;
+  onSetNextActionDate: (action: ConsoleNextActionDateAction) => void;
+};
+
+export const ConsoleNextActionDateActions = ({
+  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/operations/ConsoleOperationMenu.stories.tsx

@@ -0,0 +1,55 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { ConsoleOperationHandlers } from '../../logic/operations';
+import {
+  consoleListItemsFixture,
+  consoleStatusOptionsFixture,
+  consoleStoryOptionsFixture,
+} from '../../testing/fixtures';
+import { ConsoleOperationMenu } from './ConsoleOperationMenu';
+
+const handlers: ConsoleOperationHandlers = {
+  onReview: () => {},
+  onSetNextActionDate: () => {},
+  onSetStory: () => {},
+  onSetStatus: () => {},
+  onSetInTmuxByHuman: () => {},
+  onClose: () => {},
+};
+
+const meta: Meta<typeof ConsoleOperationMenu> = {
+  title: 'Console/ConsoleOperationMenu',
+  component: ConsoleOperationMenu,
+  args: {
+    statusOptions: consoleStatusOptionsFixture,
+    storyOptions: consoleStoryOptionsFixture,
+    handlers,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleOperationMenu>;
+
+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,
+  },
+};