github-issue-tower-defence-management 1.99.1 → 1.101.0

package/src/adapter/entry-points/console/ui/src/features/console/pages/ConsolePage.test.tsx

@@ -1,6 +1,20 @@
-import { act, fireEvent, render, waitFor } from '@testing-library/react';
+import {
+  act,
+  fireEvent,
+  render,
+  waitFor,
+  within,
+} from '@testing-library/react';
 import { ConsolePage } from './ConsolePage';
 
+const tabBar = (): HTMLElement => {
+  const nav = document.querySelector('nav.console-tabbar');
+  if (nav === null) {
+    throw new Error('console tab bar not found');
+  }
+  return nav as HTMLElement;
+};
+
 jest.mock('../lib/mermaidLoader', () => ({
   renderMermaidToSvg: jest.fn(async () => '<svg></svg>'),
 }));
@@ -24,6 +38,10 @@ const listPayload = (tab: string) => ({
             itemId: 'PVTI_1',
             isPr: true,
             story: 'TDPM Console port',
+            status: 'Awaiting Quality Check',
+            nextActionDate: null,
+            nextActionHour: null,
+            dependedIssueUrls: [],
             labels: [],
             createdAt: '2026-06-17T00:00:00.000Z',
           },
@@ -40,6 +58,10 @@ const listPayload = (tab: string) => ({
               itemId: 'PVTI_2',
               isPr: false,
               story: 'TDPM Console port',
+              status: 'Unread',
+              nextActionDate: null,
+              nextActionHour: null,
+              dependedIssueUrls: [],
               labels: [],
               createdAt: '2026-06-18T00:00:00.000Z',
             },
@@ -74,8 +96,12 @@ describe('ConsolePage', () => {
     await waitFor(() => {
       expect(getByText('Add serveConsole subcommand')).toBeInTheDocument();
     });
-    expect(getByText('Awaiting Quality Check')).toBeInTheDocument();
-    expect(getByText('TDPM Console port')).toBeInTheDocument();
+    expect(
+      within(tabBar()).getByText('Awaiting Quality Check'),
+    ).toBeInTheDocument();
+    expect(
+      document.querySelector('.console-group-header')?.textContent,
+    ).toContain('TDPM Console port');
   });
 
   it('opens the detail view when an item is selected', async () => {
@@ -100,12 +126,13 @@ describe('ConsolePage', () => {
   it('shows a cancellable toast and only drives the tab to zero after the five second window', async () => {
     jest.useFakeTimers();
     try {
-      const { getByText, findByText, queryByText } = render(<ConsolePage />);
+      const { getByText, findByText } = render(<ConsolePage />);
       await waitFor(() => {
         expect(getByText('Add serveConsole subcommand')).toBeInTheDocument();
       });
       expect(
-        getByText('Awaiting Quality Check')
+        within(tabBar())
+          .getByText('Awaiting Quality Check')
           .closest('a')
           ?.querySelector('.console-tab-badge')?.textContent,
       ).toBe('1');
@@ -117,7 +144,8 @@ describe('ConsolePage', () => {
       expect(getByText('Approved — PR #851')).toBeInTheDocument();
       expect(getByText('Undo')).toBeInTheDocument();
       expect(
-        getByText('Awaiting Quality Check')
+        within(tabBar())
+          .getByText('Awaiting Quality Check')
           .closest('a')
           ?.querySelector('.console-tab-badge')?.textContent,
       ).toBe('1');
@@ -127,7 +155,9 @@ describe('ConsolePage', () => {
       });
 
       await waitFor(() => {
-        expect(queryByText('Awaiting Quality Check')).toBeNull();
+        expect(
+          within(tabBar()).queryByText('Awaiting Quality Check'),
+        ).toBeNull();
       });
     } finally {
       jest.useRealTimers();
@@ -177,7 +207,8 @@ describe('ConsolePage', () => {
       );
       expect(postCalls.length).toBe(0);
       expect(
-        getByText('Awaiting Quality Check')
+        within(tabBar())
+          .getByText('Awaiting Quality Check')
           .closest('a')
           ?.querySelector('.console-tab-badge')?.textContent,
       ).toBe('1');
@@ -203,15 +234,16 @@ describe('ConsolePage', () => {
   });
 
   it('hides zero-count tabs but keeps non-zero tabs', async () => {
-    const { getByText, queryByText } = render(<ConsolePage />);
+    const { getByText } = render(<ConsolePage />);
     await waitFor(() => {
       expect(getByText('Add serveConsole subcommand')).toBeInTheDocument();
     });
-    expect(queryByText('Awaiting Quality Check')).not.toBeNull();
-    expect(queryByText('Unread')).not.toBeNull();
-    expect(queryByText('Triage')).toBeNull();
-    expect(queryByText('Failed Preparation')).toBeNull();
-    expect(queryByText('Todo by human')).toBeNull();
+    const tabs = within(tabBar());
+    expect(tabs.queryByText('Awaiting Quality Check')).not.toBeNull();
+    expect(tabs.queryByText('Unread')).not.toBeNull();
+    expect(tabs.queryByText('Triage')).toBeNull();
+    expect(tabs.queryByText('Failed Preparation')).toBeNull();
+    expect(tabs.queryByText('Todo by human')).toBeNull();
   });
 
   it('does not render the project header bar above the tab bar', async () => {
@@ -241,6 +273,10 @@ const twoItemPrPayload = () => ({
       itemId: 'PVTI_1',
       isPr: true,
       story: 'TDPM Console port',
+      status: 'Awaiting Quality Check',
+      nextActionDate: null,
+      nextActionHour: null,
+      dependedIssueUrls: [],
       labels: [],
       createdAt: '2026-06-17T00:00:00.000Z',
     },
@@ -254,6 +290,10 @@ const twoItemPrPayload = () => ({
       itemId: 'PVTI_2',
       isPr: true,
       story: 'TDPM Console port',
+      status: 'Awaiting Quality Check',
+      nextActionDate: null,
+      nextActionHour: null,
+      dependedIssueUrls: [],
       labels: [],
       createdAt: '2026-06-17T01:00:00.000Z',
     },
@@ -422,7 +462,10 @@ describe('ConsolePage auto-advance tab', () => {
         ).toBeInTheDocument();
       });
       expect(
-        getByText('Unread').closest('a')?.getAttribute('aria-current'),
+        within(tabBar())
+          .getByText('Unread')
+          .closest('a')
+          ?.getAttribute('aria-current'),
       ).toBe('page');
     } finally {
       jest.useRealTimers();

package/src/adapter/entry-points/console/ui/src/features/console/pages/ConsolePage.tsx

@@ -52,15 +52,7 @@ const OVERLAY_NAMESPACE_FALLBACK = 'console';
 export const ConsolePage = () => {
   const pjcode = useConsolePjcode();
   const { snapshots, isLoading, error } = useConsoleTabData(pjcode);
-  const navigation = useConsoleNavigation(pjcode);
-  const { activeTab, selectedItemKey, openItem, closeItem, selectTab } =
-    navigation;
-
   const overlayState = useConsoleOverlay(pjcode ?? OVERLAY_NAMESPACE_FALLBACK);
-  const caches = useConsoleCaches();
-  const operations = useConsoleOperations(pjcode, activeTab, overlayState);
-  const actionQueue = useConsoleActionQueue();
-  const now = Date.now();
 
   const counts = useMemo(() => {
     const result = emptyCounts();
@@ -77,6 +69,15 @@ export const ConsolePage = () => {
     return result;
   }, [snapshots, overlayState.overlay]);
 
+  const navigation = useConsoleNavigation(pjcode, counts);
+  const { activeTab, selectedItemKey, openItem, closeItem, selectTab } =
+    navigation;
+
+  const caches = useConsoleCaches();
+  const operations = useConsoleOperations(pjcode, activeTab, overlayState);
+  const actionQueue = useConsoleActionQueue();
+  const now = Date.now();
+
   const activeSnapshot = snapshots[activeTab];
   const pendingItems = useMemo(() => {
     if (activeSnapshot === null) {

package/src/adapter/entry-points/console/ui/src/features/console/testing/fixtures.ts

@@ -56,6 +56,12 @@ export const consoleListItemsFixture: ConsoleListItem[] = [
     itemId: 'PVTI_lADOABCD1234zgABCD01',
     isPr: true,
     story: 'TDPM Console port',
+    status: 'Awaiting Quality Check',
+    nextActionDate: null,
+    nextActionHour: null,
+    dependedIssueUrls: [
+      'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/845',
+    ],
     labels: ['claude'],
     createdAt: '2026-06-17T02:14:33.000Z',
   },
@@ -71,6 +77,10 @@ export const consoleListItemsFixture: ConsoleListItem[] = [
     itemId: 'PVTI_lADOABCD1234zgABCD02',
     isPr: true,
     story: 'TDPM Console port',
+    status: 'Preparation',
+    nextActionDate: null,
+    nextActionHour: null,
+    dependedIssueUrls: [],
     labels: ['claude'],
     createdAt: '2026-06-17T05:48:09.000Z',
   },
@@ -85,6 +95,10 @@ export const consoleListItemsFixture: ConsoleListItem[] = [
     itemId: 'PVTI_lADOABCD1234zgABCD03',
     isPr: false,
     story: 'TDPM Console port',
+    status: 'Todo by human',
+    nextActionDate: '2026-06-20T07:00:00.000Z',
+    nextActionHour: 9,
+    dependedIssueUrls: [],
     labels: [],
     createdAt: '2026-06-16T22:01:55.000Z',
   },
@@ -99,6 +113,10 @@ export const consoleListItemsFixture: ConsoleListItem[] = [
     itemId: 'PVTI_lADOABCD1234zgABCD04',
     isPr: false,
     story: 'regular / workflow improvement',
+    status: null,
+    nextActionDate: null,
+    nextActionHour: 14,
+    dependedIssueUrls: [],
     labels: [],
     createdAt: '2026-06-12T23:01:55.000Z',
   },
@@ -113,6 +131,10 @@ export const consoleListItemsFixture: ConsoleListItem[] = [
     itemId: 'PVTI_lADOABCD1234zgABCD05',
     isPr: false,
     story: 'Publish product documentation site',
+    status: 'Icebox',
+    nextActionDate: null,
+    nextActionHour: null,
+    dependedIssueUrls: [],
     labels: ['documentation'],
     createdAt: '2026-06-10T11:42:00.000Z',
   },

package/src/adapter/entry-points/console/ui/src/index.css

@@ -212,6 +212,30 @@ body {
   cursor: help;
 }
 
+.console-item-fields {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 10px;
+  margin-top: 4px;
+  font-size: 11.5px;
+  color: #adbac7;
+}
+
+.console-item-field {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 4px;
+  min-width: 0;
+  word-break: break-all;
+}
+
+.console-item-field-label {
+  color: #6e7681;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
 .console-list-message {
   padding: 16px;
   color: #8b949e;