github-issue-tower-defence-management 1.91.3 → 1.91.4

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

@@ -6,6 +6,12 @@ import { ConsoleTabList } from './ConsoleTabList';
 const meta: Meta<typeof ConsoleTabList> = {
   title: 'Console/ConsoleTabList',
   component: ConsoleTabList,
+  args: {
+    pjcode: 'umino',
+    generatedAt: '2026-06-19T08:42:11.000Z',
+    tabHref: (tab: ConsoleTabName) => `/projects/umino/${tab}`,
+    onSelectTab: () => {},
+  },
 };
 
 export default meta;
@@ -14,53 +20,51 @@ type Story = StoryObj<typeof ConsoleTabList>;
 
 const counts: Record<ConsoleTabName, number> = {
   prs: 35,
-  triage: 12,
-  unread: 7,
+  triage: 132,
+  unread: 18,
   'failed-preparation': 2,
-  'todo-by-human': 4,
+  'todo-by-human': 66,
 };
 
 export const AllTabsWithCounts: Story = {
   args: {
     activeTab: 'prs',
     counts,
-    onSelectTab: () => {},
   },
 };
 
-export const ZeroCountTabsHidden: Story = {
+export const ZeroCountTabsStillShown: Story = {
   args: {
     activeTab: 'prs',
     counts: {
       prs: 35,
       triage: 0,
-      unread: 7,
+      unread: 18,
       'failed-preparation': 0,
       'todo-by-human': 0,
     },
-    onSelectTab: () => {},
   },
 };
 
-export const ActiveZeroCountTabStaysVisible: Story = {
+export const ZeroCountActiveTab: Story = {
   args: {
-    activeTab: 'triage',
+    activeTab: 'failed-preparation',
     counts: {
       prs: 35,
-      triage: 0,
-      unread: 7,
+      triage: 132,
+      unread: 18,
       'failed-preparation': 0,
-      'todo-by-human': 0,
+      'todo-by-human': 66,
     },
-    onSelectTab: () => {},
   },
 };
 
 export const Interactive: Story = {
-  render: () => {
+  render: (args) => {
     const [activeTab, setActiveTab] = useState<ConsoleTabName>('prs');
     return (
       <ConsoleTabList
+        {...args}
         activeTab={activeTab}
         counts={counts}
         onSelectTab={setActiveTab}

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

@@ -10,35 +10,61 @@ const counts: Record<ConsoleTabName, number> = {
   'todo-by-human': 2,
 };
 
+const baseProps = {
+  pjcode: 'umino',
+  generatedAt: '2026-06-19T08:42:11.000Z',
+  tabHref: (tab: ConsoleTabName) => `/projects/umino/${tab}`,
+  onSelectTab: () => {},
+};
+
 describe('ConsoleTabList', () => {
-  it('hides zero-count tabs except the active tab', () => {
+  it('shows every tab including zero-count tabs', () => {
     const { queryByText } = render(
-      <ConsoleTabList activeTab="prs" counts={counts} onSelectTab={() => {}} />,
+      <ConsoleTabList {...baseProps} activeTab="prs" counts={counts} />,
     );
     expect(queryByText('Awaiting Quality Check')).not.toBeNull();
+    expect(queryByText('Triage')).not.toBeNull();
     expect(queryByText('Unread')).not.toBeNull();
+    expect(queryByText('Failed Preparation')).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={() => {}}
-      />,
+  it('marks the active tab and renders zero badges with the zero attribute', () => {
+    const { getByText } = render(
+      <ConsoleTabList {...baseProps} activeTab="prs" counts={counts} />,
     );
-    expect(queryByText('Triage')).not.toBeNull();
+    const triageBadge = getByText('Triage')
+      .closest('a')
+      ?.querySelector('.console-tab-badge');
+    expect(triageBadge).toHaveAttribute('data-zero', 'true');
+    expect(triageBadge?.textContent).toBe('0');
+    expect(getByText('Awaiting Quality Check').closest('a')).toHaveAttribute(
+      'aria-current',
+      'page',
+    );
+  });
+
+  it('renders the active tab count sub-heading', () => {
+    const { getByText } = render(
+      <ConsoleTabList {...baseProps} activeTab="triage" counts={counts} />,
+    );
+    expect(getByText('0 items to triage')).toBeInTheDocument();
+  });
+
+  it('renders the project code and snapshot time', () => {
+    const { getByText } = render(
+      <ConsoleTabList {...baseProps} activeTab="prs" counts={counts} />,
+    );
+    expect(getByText('umino')).toBeInTheDocument();
+    expect(getByText('snapshot: 2026-06-19T08:42:11.000Z')).toBeInTheDocument();
   });
 
   it('uses the exact lowercase Todo by human label', () => {
     const { getByText } = render(
       <ConsoleTabList
+        {...baseProps}
         activeTab="todo-by-human"
         counts={counts}
-        onSelectTab={() => {}}
       />,
     );
     expect(getByText('Todo by human')).toBeInTheDocument();
@@ -48,6 +74,7 @@ describe('ConsoleTabList', () => {
     const onSelectTab = jest.fn();
     const { getByText } = render(
       <ConsoleTabList
+        {...baseProps}
         activeTab="prs"
         counts={counts}
         onSelectTab={onSelectTab}

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

@@ -3,39 +3,77 @@ import { CONSOLE_TABS, type ConsoleTabName } from '../../logic/types';
 export type ConsoleTabBarProps = {
   activeTab: ConsoleTabName;
   counts: Record<ConsoleTabName, number>;
+  pjcode: string | null;
+  generatedAt: string | null;
+  tabHref: (tab: ConsoleTabName) => string;
   onSelectTab: (tab: ConsoleTabName) => void;
 };
 
+const COUNT_HEADING_LABELS: Record<ConsoleTabName, string> = {
+  prs: 'items awaiting quality check',
+  triage: 'items to triage',
+  unread: 'unread items',
+  'failed-preparation': 'failed preparation items',
+  'todo-by-human': 'todo by human items',
+};
+
 export const ConsoleTabList = ({
   activeTab,
   counts,
+  pjcode,
+  generatedAt,
+  tabHref,
   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>
-);
+}: ConsoleTabBarProps) => {
+  const activeCount = counts[activeTab] ?? 0;
+  return (
+    <>
+      <nav aria-label="Console tabs" className="console-tabbar">
+        {CONSOLE_TABS.map((tab) => {
+          const count = counts[tab.name] ?? 0;
+          const isActive = tab.name === activeTab;
+          return (
+            <a
+              key={tab.name}
+              href={tabHref(tab.name)}
+              className="console-tab"
+              data-active={isActive ? 'true' : undefined}
+              aria-current={isActive ? 'page' : undefined}
+              onClick={(event) => {
+                if (
+                  event.defaultPrevented ||
+                  event.button !== 0 ||
+                  event.metaKey ||
+                  event.ctrlKey ||
+                  event.shiftKey ||
+                  event.altKey
+                ) {
+                  return;
+                }
+                event.preventDefault();
+                onSelectTab(tab.name);
+              }}
+            >
+              <span className="console-tab-label">{tab.label}</span>
+              <span
+                className="console-tab-badge"
+                data-zero={count === 0 ? 'true' : undefined}
+              >
+                {count}
+              </span>
+            </a>
+          );
+        })}
+        {pjcode !== null && (
+          <span className="console-tab-pjname">{pjcode}</span>
+        )}
+        {generatedAt !== null && (
+          <span className="console-tab-geninfo">snapshot: {generatedAt}</span>
+        )}
+      </nav>
+      <p className="console-tab-count-heading">
+        {activeCount} {COUNT_HEADING_LABELS[activeTab]}
+      </p>
+    </>
+  );
+};

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

@@ -9,6 +9,7 @@ import { ConsoleItemList } from './ConsoleItemList';
 const meta: Meta<typeof ConsoleItemList> = {
   title: 'Console/ConsoleItemList',
   component: ConsoleItemList,
+  args: { now: Date.parse('2026-06-19T12:00:00.000Z') },
 };
 
 export default meta;

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

@@ -7,6 +7,7 @@ import {
 import { ConsoleItemList } from './ConsoleItemList';
 
 const rows = buildConsoleListRows(consoleListItemsFixture, {});
+const now = Date.parse('2026-06-19T12:00:00.000Z');
 
 describe('ConsoleItemList', () => {
   it('renders group headers and items in array order', () => {
@@ -15,6 +16,7 @@ describe('ConsoleItemList', () => {
         rows={rows}
         storyColors={consoleStoryColorsFixture}
         activeItemId={null}
+        now={now}
         isLoading={false}
         error={null}
         onSelectItem={() => {}}
@@ -32,6 +34,7 @@ describe('ConsoleItemList', () => {
         rows={rows}
         storyColors={consoleStoryColorsFixture}
         activeItemId={null}
+        now={now}
         isLoading={false}
         error={null}
         onSelectItem={onSelectItem}
@@ -49,6 +52,7 @@ describe('ConsoleItemList', () => {
         rows={[]}
         storyColors={{}}
         activeItemId={null}
+        now={now}
         isLoading
         error={null}
         onSelectItem={() => {}}
@@ -63,12 +67,13 @@ describe('ConsoleItemList', () => {
         rows={[]}
         storyColors={{}}
         activeItemId={null}
+        now={now}
         isLoading={false}
         error={null}
         onSelectItem={() => {}}
       />,
     );
-    expect(getByText('No items.')).toBeInTheDocument();
+    expect(getByText('No items')).toBeInTheDocument();
   });
 
   it('shows the error state', () => {
@@ -77,6 +82,7 @@ describe('ConsoleItemList', () => {
         rows={[]}
         storyColors={{}}
         activeItemId={null}
+        now={now}
         isLoading={false}
         error="HTTP 404"
         onSelectItem={() => {}}

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

@@ -13,6 +13,7 @@ export type ConsoleListViewProps = {
   rows: ConsoleListRow[];
   storyColors: ConsoleStoryColorSource;
   activeItemId: string | null;
+  now: number;
   isLoading: boolean;
   error: string | null;
   onSelectItem: (item: ConsoleListItem) => void;
@@ -22,6 +23,7 @@ export const ConsoleItemList = ({
   rows,
   storyColors,
   activeItemId,
+  now,
   isLoading,
   error,
   onSelectItem,
@@ -39,7 +41,7 @@ export const ConsoleItemList = ({
   }
 
   if (rows.length === 0) {
-    return <p className="console-list-message">No items.</p>;
+    return <p className="console-list-empty">No items</p>;
   }
 
   return (
@@ -58,6 +60,7 @@ export const ConsoleItemList = ({
             <ConsoleItemSummary
               item={row.item}
               isActive={row.item.itemId === activeItemId}
+              now={now}
               onSelect={onSelectItem}
             />
           </li>

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

@@ -5,7 +5,7 @@ import { ConsoleItemSummary } from './ConsoleItemSummary';
 const meta: Meta<typeof ConsoleItemSummary> = {
   title: 'Console/ConsoleItemSummary',
   component: ConsoleItemSummary,
-  args: { onSelect: () => {} },
+  args: { onSelect: () => {}, now: Date.parse('2026-06-19T12:00:00.000Z') },
 };
 
 export default meta;

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

@@ -1,34 +1,66 @@
 import { fireEvent, render } from '@testing-library/react';
+import { formatFullTimestamp } from '../../logic/relativeTime';
 import { consoleListItemsFixture } from '../../testing/fixtures';
 import { ConsoleItemSummary } from './ConsoleItemSummary';
 
+const now = Date.parse('2026-06-19T12:00:00.000Z');
 const prItem = consoleListItemsFixture[0];
 const issueItem = consoleListItemsFixture[2];
 
 describe('ConsoleItemSummary', () => {
-  it('renders a PR number with the PR prefix', () => {
+  it('renders the number, repository and PR type pills for a pull request', () => {
     const { getByText } = render(
-      <ConsoleItemSummary item={prItem} isActive={false} onSelect={() => {}} />,
+      <ConsoleItemSummary
+        item={prItem}
+        isActive={false}
+        now={now}
+        onSelect={() => {}}
+      />,
     );
-    expect(getByText(`PR #${prItem.number}`)).toBeInTheDocument();
+    expect(getByText(`#${prItem.number}`)).toBeInTheDocument();
+    expect(getByText(prItem.repo)).toBeInTheDocument();
+    expect(getByText('PR')).toBeInTheDocument();
     expect(getByText(prItem.title)).toBeInTheDocument();
   });
 
-  it('renders an issue number with the hash prefix', () => {
+  it('renders the Issue type pill for an issue', () => {
     const { getByText } = render(
       <ConsoleItemSummary
         item={issueItem}
         isActive={false}
+        now={now}
         onSelect={() => {}}
       />,
     );
     expect(getByText(`#${issueItem.number}`)).toBeInTheDocument();
+    expect(getByText('Issue')).toBeInTheDocument();
+  });
+
+  it('renders the opened relative time with the full timestamp title', () => {
+    const { getByText } = render(
+      <ConsoleItemSummary
+        item={prItem}
+        isActive={false}
+        now={now}
+        onSelect={() => {}}
+      />,
+    );
+    const createdAt = getByText('2 days ago');
+    expect(createdAt).toHaveAttribute(
+      'title',
+      formatFullTimestamp(prItem.createdAt),
+    );
   });
 
   it('reports the item on click', () => {
     const onSelect = jest.fn();
     const { getByRole } = render(
-      <ConsoleItemSummary item={prItem} isActive={false} onSelect={onSelect} />,
+      <ConsoleItemSummary
+        item={prItem}
+        isActive={false}
+        now={now}
+        onSelect={onSelect}
+      />,
     );
     fireEvent.click(getByRole('button'));
     expect(onSelect).toHaveBeenCalledWith(prItem);
@@ -36,7 +68,12 @@ describe('ConsoleItemSummary', () => {
 
   it('marks the active row', () => {
     const { getByRole } = render(
-      <ConsoleItemSummary item={prItem} isActive onSelect={() => {}} />,
+      <ConsoleItemSummary
+        item={prItem}
+        isActive
+        now={now}
+        onSelect={() => {}}
+      />,
     );
     expect(getByRole('button')).toHaveAttribute('data-active', 'true');
   });

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

@@ -1,15 +1,21 @@
+import {
+  formatFullTimestamp,
+  formatRelativeTime,
+} from '../../logic/relativeTime';
 import type { ConsoleListItem } from '../../logic/types';
 import { ConsoleItemIcon } from '../detail/ConsoleItemIcon';
 
 export type ConsoleListItemRowProps = {
   item: ConsoleListItem;
   isActive: boolean;
+  now: number;
   onSelect: (item: ConsoleListItem) => void;
 };
 
 export const ConsoleItemSummary = ({
   item,
   isActive,
+  now,
   onSelect,
 }: ConsoleListItemRowProps) => (
   <button
@@ -26,9 +32,26 @@ export const ConsoleItemSummary = ({
       isDraft={false}
       stateReason=""
     />
-    <span className="console-item-title">{item.title}</span>
-    <span className="console-item-number">
-      {item.isPr ? `PR #${item.number}` : `#${item.number}`}
+    <span className="console-item-meta">
+      <span className="console-item-title">{item.title}</span>
+      <span className="console-item-sub">
+        <span className="console-item-pill">#{item.number}</span>
+        {item.repo !== '' && (
+          <span className="console-item-pill">{item.repo}</span>
+        )}
+        <span className="console-item-pill">{item.isPr ? 'PR' : 'Issue'}</span>
+        {item.createdAt !== '' && (
+          <span className="console-item-opened">
+            {' · opened '}
+            <span
+              className="console-item-createdat"
+              title={formatFullTimestamp(item.createdAt)}
+            >
+              {formatRelativeTime(item.createdAt, now)}
+            </span>
+          </span>
+        )}
+      </span>
     </span>
   </button>
 );

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

@@ -12,14 +12,14 @@ export const ConsoleNextActionDateActions = ({
   <div className="console-op-group">
     <button
       type="button"
-      className="console-op-button"
+      className="console-op-button console-op-button-snooze"
       onClick={() => onSetNextActionDate('snooze_1day')}
     >
       +1 day
     </button>
     <button
       type="button"
-      className="console-op-button"
+      className="console-op-button console-op-button-snooze"
       onClick={() => onSetNextActionDate('snooze_1week')}
     >
       {isTodoByHuman ? '+1 week and skip' : '+1 week'}

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

@@ -7,24 +7,23 @@ export type ConsolePullRequestReviewGroupProps = {
 const REVIEW_BUTTONS: {
   action: ConsoleReviewAction;
   label: string;
-  color: string;
+  variant: 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' },
+  { action: 'unnecessary', label: 'Unnecessary', variant: 'unneeded' },
+  { action: 'totally_wrong', label: 'Totally wrong', variant: 'wrong' },
+  { action: 'request_changes', label: 'Reject', variant: 'reject' },
+  { action: 'approve', label: 'Approve', variant: 'approve' },
 ];
 
 export const ConsolePullRequestReviewActions = ({
   onReview,
 }: ConsolePullRequestReviewGroupProps) => (
-  <div className="console-op-group">
+  <div className="console-op-group console-op-group-review">
     {REVIEW_BUTTONS.map((button) => (
       <button
         key={button.action}
         type="button"
-        className="console-op-button"
-        style={{ color: button.color, borderColor: button.color }}
+        className={`console-op-button console-op-button-${button.variant}`}
         onClick={() => onReview(button.action)}
       >
         {button.label}

package/src/adapter/entry-points/console/ui/src/features/console/hooks/useConsoleNavigation.test.ts

@@ -0,0 +1,76 @@
+import { act, renderHook } from '@testing-library/react';
+import {
+  parseItemKeyFromHash,
+  parseTabFromPath,
+  useConsoleNavigation,
+} from './useConsoleNavigation';
+
+describe('parseTabFromPath', () => {
+  it('reads a known tab from the project path', () => {
+    expect(parseTabFromPath('/projects/umino/triage')).toBe('triage');
+  });
+
+  it('returns null for an unknown tab segment', () => {
+    expect(parseTabFromPath('/projects/umino/unknown')).toBeNull();
+  });
+
+  it('returns null when there is no tab segment', () => {
+    expect(parseTabFromPath('/projects/umino')).toBeNull();
+  });
+});
+
+describe('parseItemKeyFromHash', () => {
+  it('decodes the item key from the hash', () => {
+    expect(parseItemKeyFromHash('#item/PVTI_lADO%20123')).toBe('PVTI_lADO 123');
+  });
+
+  it('returns null when the hash is not an item hash', () => {
+    expect(parseItemKeyFromHash('#other')).toBeNull();
+  });
+});
+
+describe('useConsoleNavigation', () => {
+  beforeEach(() => {
+    window.history.replaceState({}, '', '/projects/umino/prs?k=token');
+  });
+
+  it('reads the active tab from the path and no selected item', () => {
+    const { result } = renderHook(() => useConsoleNavigation('umino'));
+    expect(result.current.activeTab).toBe('prs');
+    expect(result.current.selectedItemKey).toBeNull();
+  });
+
+  it('builds a project tab href', () => {
+    const { result } = renderHook(() => useConsoleNavigation('umino'));
+    expect(result.current.tabHref('triage')).toBe('/projects/umino/triage');
+  });
+
+  it('selects a tab and updates the path', () => {
+    const { result } = renderHook(() => useConsoleNavigation('umino'));
+    act(() => {
+      result.current.selectTab('unread');
+    });
+    expect(result.current.activeTab).toBe('unread');
+    expect(window.location.pathname).toBe('/projects/umino/unread');
+  });
+
+  it('opens an item and reflects it in the hash', () => {
+    const { result } = renderHook(() => useConsoleNavigation('umino'));
+    act(() => {
+      result.current.openItem('PVTI_open');
+    });
+    expect(result.current.selectedItemKey).toBe('PVTI_open');
+    expect(window.location.hash).toBe('#item/PVTI_open');
+  });
+
+  it('closes an item and clears the hash', () => {
+    window.history.replaceState({}, '', '/projects/umino/prs#item/PVTI_open');
+    const { result } = renderHook(() => useConsoleNavigation('umino'));
+    expect(result.current.selectedItemKey).toBe('PVTI_open');
+    act(() => {
+      result.current.closeItem();
+    });
+    expect(result.current.selectedItemKey).toBeNull();
+    expect(window.location.hash).toBe('');
+  });
+});