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

package/src/adapter/entry-points/console/ui/src/features/console/components/{ConsoleOperationBar.tsx → operations/ConsoleOperationMenu.tsx}

@@ -1,14 +1,17 @@
-import { type ConsoleOperationHandlers, isTodoByHumanTab } from '../operations';
+import {
+  type ConsoleOperationHandlers,
+  isTodoByHumanTab,
+} from '../../logic/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';
+} from '../../logic/types';
+import { ConsoleCloseActions } from './ConsoleCloseActions';
+import { ConsoleNextActionDateActions } from './ConsoleNextActionDateActions';
+import { ConsolePullRequestReviewActions } from './ConsolePullRequestReviewActions';
+import { ConsoleStatusActions } from './ConsoleStatusActions';
+import { ConsoleStoryActions } from './ConsoleStoryActions';
 
 export type ConsoleOperationBarProps = {
   tab: ConsoleTabName;
@@ -19,7 +22,7 @@ export type ConsoleOperationBarProps = {
   handlers: ConsoleOperationHandlers;
 };
 
-export const ConsoleOperationBar = ({
+export const ConsoleOperationMenu = ({
   tab,
   item,
   hasPullRequest,
@@ -32,24 +35,24 @@ export const ConsoleOperationBar = ({
   return (
     <div className="console-operation-bar">
       {hasPullRequest && (
-        <ConsolePullRequestReviewGroup onReview={handlers.onReview} />
+        <ConsolePullRequestReviewActions onReview={handlers.onReview} />
       )}
-      <ConsoleNextActionDateGroup
+      <ConsoleNextActionDateActions
         isTodoByHuman={isTodoByHumanTab(tab)}
         onSetNextActionDate={handlers.onSetNextActionDate}
       />
       {showStory && (
-        <ConsoleStoryButtonGroup
+        <ConsoleStoryActions
           storyOptions={storyOptions}
           onSetStory={handlers.onSetStory}
         />
       )}
-      <ConsoleStatusButtonGroup
+      <ConsoleStatusActions
         statusOptions={statusOptions}
         onSetStatus={handlers.onSetStatus}
         onSetInTmuxByHuman={handlers.onSetInTmuxByHuman}
       />
-      {showClose && <ConsoleCloseButtonGroup onClose={handlers.onClose} />}
+      {showClose && <ConsoleCloseActions onClose={handlers.onClose} />}
     </div>
   );
 };

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

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

package/src/adapter/entry-points/console/ui/src/features/console/components/{ConsolePullRequestReviewGroup.test.tsx → operations/ConsolePullRequestReviewActions.test.tsx}

@@ -1,10 +1,10 @@
 import { fireEvent, render } from '@testing-library/react';
-import { ConsolePullRequestReviewGroup } from './ConsolePullRequestReviewGroup';
+import { ConsolePullRequestReviewActions } from './ConsolePullRequestReviewActions';
 
-describe('ConsolePullRequestReviewGroup', () => {
+describe('ConsolePullRequestReviewActions', () => {
   it('renders the four buttons left to right', () => {
     const { getAllByRole } = render(
-      <ConsolePullRequestReviewGroup onReview={() => {}} />,
+      <ConsolePullRequestReviewActions onReview={() => {}} />,
     );
     expect(getAllByRole('button').map((button) => button.textContent)).toEqual([
       'Unnecessary',
@@ -17,7 +17,7 @@ describe('ConsolePullRequestReviewGroup', () => {
   it('reports each review action', () => {
     const onReview = jest.fn();
     const { getByText } = render(
-      <ConsolePullRequestReviewGroup onReview={onReview} />,
+      <ConsolePullRequestReviewActions onReview={onReview} />,
     );
     fireEvent.click(getByText('Unnecessary'));
     fireEvent.click(getByText('Totally wrong'));

package/src/adapter/entry-points/console/ui/src/features/console/components/{ConsolePullRequestReviewGroup.tsx → operations/ConsolePullRequestReviewActions.tsx}

@@ -1,4 +1,4 @@
-import type { ConsoleReviewAction } from '../operations';
+import type { ConsoleReviewAction } from '../../logic/operations';
 
 export type ConsolePullRequestReviewGroupProps = {
   onReview: (action: ConsoleReviewAction) => void;
@@ -15,7 +15,7 @@ const REVIEW_BUTTONS: {
   { action: 'approve', label: 'Approve', color: '#3fb950' },
 ];
 
-export const ConsolePullRequestReviewGroup = ({
+export const ConsolePullRequestReviewActions = ({
   onReview,
 }: ConsolePullRequestReviewGroupProps) => (
   <div className="console-op-group">

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

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

package/src/adapter/entry-points/console/ui/src/features/console/components/{ConsoleStatusButtonGroup.test.tsx → operations/ConsoleStatusActions.test.tsx}

@@ -1,11 +1,11 @@
 import { fireEvent, render } from '@testing-library/react';
-import { consoleStatusOptionsFixture } from '../fixtures';
-import { ConsoleStatusButtonGroup } from './ConsoleStatusButtonGroup';
+import { consoleStatusOptionsFixture } from '../../testing/fixtures';
+import { ConsoleStatusActions } from './ConsoleStatusActions';
 
-describe('ConsoleStatusButtonGroup', () => {
+describe('ConsoleStatusActions', () => {
   it('renders only the four routed status buttons that exist in the data', () => {
     const { getByText, queryByText } = render(
-      <ConsoleStatusButtonGroup
+      <ConsoleStatusActions
         statusOptions={consoleStatusOptionsFixture}
         onSetStatus={() => {}}
         onSetInTmuxByHuman={() => {}}
@@ -22,7 +22,7 @@ describe('ConsoleStatusButtonGroup', () => {
     const onSetStatus = jest.fn();
     const onSetInTmuxByHuman = jest.fn();
     const { getByText } = render(
-      <ConsoleStatusButtonGroup
+      <ConsoleStatusActions
         statusOptions={consoleStatusOptionsFixture}
         onSetStatus={onSetStatus}
         onSetInTmuxByHuman={onSetInTmuxByHuman}
@@ -38,7 +38,7 @@ describe('ConsoleStatusButtonGroup', () => {
 
   it('renders nothing when no routed option exists', () => {
     const { container } = render(
-      <ConsoleStatusButtonGroup
+      <ConsoleStatusActions
         statusOptions={[{ id: 'x', name: 'Preparation', color: 'YELLOW' }]}
         onSetStatus={() => {}}
         onSetInTmuxByHuman={() => {}}

package/src/adapter/entry-points/console/ui/src/features/console/components/{ConsoleStatusButtonGroup.tsx → operations/ConsoleStatusActions.tsx}

@@ -1,6 +1,9 @@
-import { colorFromEnum } from '../colors';
-import { IN_TMUX_BY_HUMAN_NAME, STATUS_BUTTON_NAMES } from '../operations';
-import type { ConsoleFieldOption } from '../types';
+import { colorFromEnum } from '../../logic/colors';
+import {
+  IN_TMUX_BY_HUMAN_NAME,
+  STATUS_BUTTON_NAMES,
+} from '../../logic/operations';
+import type { ConsoleFieldOption } from '../../logic/types';
 
 export type ConsoleStatusButtonGroupProps = {
   statusOptions: ConsoleFieldOption[];
@@ -18,7 +21,7 @@ const findStatusOption = (
   );
 };
 
-export const ConsoleStatusButtonGroup = ({
+export const ConsoleStatusActions = ({
   statusOptions,
   onSetStatus,
   onSetInTmuxByHuman,

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { consoleStoryOptionsFixture } from '../../testing/fixtures';
+import { ConsoleStoryActions } from './ConsoleStoryActions';
+
+const meta: Meta<typeof ConsoleStoryActions> = {
+  title: 'Console/ConsoleStoryActions',
+  component: ConsoleStoryActions,
+  args: { onSetStory: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleStoryActions>;
+
+export const AssignableStories: Story = {
+  args: { storyOptions: consoleStoryOptionsFixture },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/{ConsoleStoryButtonGroup.test.tsx → operations/ConsoleStoryActions.test.tsx}

@@ -1,5 +1,5 @@
 import { fireEvent, render } from '@testing-library/react';
-import { ConsoleStoryButtonGroup } from './ConsoleStoryButtonGroup';
+import { ConsoleStoryActions } from './ConsoleStoryActions';
 
 const options = [
   { id: '1', name: 'TDPM Console port', color: 'BLUE' as const },
@@ -11,10 +11,10 @@ const options = [
   { id: '3', name: 'Move to Okinawa', color: 'PURPLE' as const },
 ];
 
-describe('ConsoleStoryButtonGroup', () => {
+describe('ConsoleStoryActions', () => {
   it('excludes no-story options', () => {
     const { getByText, queryByText } = render(
-      <ConsoleStoryButtonGroup storyOptions={options} onSetStory={() => {}} />,
+      <ConsoleStoryActions storyOptions={options} onSetStory={() => {}} />,
     );
     expect(getByText('TDPM Console port')).toBeInTheDocument();
     expect(getByText('Move to Okinawa')).toBeInTheDocument();
@@ -24,10 +24,7 @@ describe('ConsoleStoryButtonGroup', () => {
   it('reports the selected story option', () => {
     const onSetStory = jest.fn();
     const { getByText } = render(
-      <ConsoleStoryButtonGroup
-        storyOptions={options}
-        onSetStory={onSetStory}
-      />,
+      <ConsoleStoryActions storyOptions={options} onSetStory={onSetStory} />,
     );
     fireEvent.click(getByText('Move to Okinawa'));
     expect(onSetStory).toHaveBeenCalledWith(options[2]);
@@ -35,10 +32,7 @@ describe('ConsoleStoryButtonGroup', () => {
 
   it('renders nothing when only no-story options exist', () => {
     const { container } = render(
-      <ConsoleStoryButtonGroup
-        storyOptions={[options[1]]}
-        onSetStory={() => {}}
-      />,
+      <ConsoleStoryActions storyOptions={[options[1]]} onSetStory={() => {}} />,
     );
     expect(container.firstChild).toBeNull();
   });

package/src/adapter/entry-points/console/ui/src/features/console/components/{ConsoleStoryButtonGroup.tsx → operations/ConsoleStoryActions.tsx}

@@ -1,5 +1,5 @@
-import { colorFromEnum } from '../colors';
-import type { ConsoleFieldOption } from '../types';
+import { colorFromEnum } from '../../logic/colors';
+import type { ConsoleFieldOption } from '../../logic/types';
 
 export type ConsoleStoryButtonGroupProps = {
   storyOptions: ConsoleFieldOption[];
@@ -9,7 +9,7 @@ export type ConsoleStoryButtonGroupProps = {
 const isNoStoryOption = (option: ConsoleFieldOption): boolean =>
   option.name.toLowerCase().includes('no story');
 
-export const ConsoleStoryButtonGroup = ({
+export const ConsoleStoryActions = ({
   storyOptions,
   onSetStory,
 }: ConsoleStoryButtonGroupProps) => {

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

@@ -10,7 +10,7 @@ import type {
   ConsoleCommit,
   ConsoleIssueState,
   ConsoleRelatedPullRequest,
-} from '../types';
+} from '../logic/types';
 import { useConsoleToken } from './useConsoleToken';
 
 export type ConsoleCaches = {

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

@@ -7,7 +7,7 @@ import type {
   ConsoleIssueState,
   ConsoleListItem,
   ConsoleRelatedPullRequest,
-} from '../types';
+} from '../logic/types';
 import type { ConsoleCaches } from './useConsoleCaches';
 import { useConsoleItemDetailData } from './useConsoleItemDetailData';
 

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

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import type { ConsoleRelatedPullRequestView } from '../components/ConsoleItemDetail';
+import type { ConsoleRelatedPullRequestView } from '../components/detail/ConsoleItemDetail';
 import type {
   ConsoleChangedFile,
   ConsoleComment,
@@ -7,7 +7,7 @@ import type {
   ConsoleIssueState,
   ConsoleListItem,
   ConsoleRelatedPullRequest,
-} from '../types';
+} from '../logic/types';
 import type { ConsoleCaches } from './useConsoleCaches';
 import { useConsoleResource } from './useConsoleResource';
 

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

@@ -1,9 +1,9 @@
 import { act, renderHook } from '@testing-library/react';
+import { overlayStorageKey } from '../logic/overlay';
 import {
   consoleListItemsFixture,
   consoleStatusOptionsFixture,
-} from '../fixtures';
-import { overlayStorageKey } from '../overlay';
+} from '../testing/fixtures';
 import { useConsoleOperations } from './useConsoleOperations';
 import { useConsoleOverlay } from './useConsoleOverlay';
 

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

@@ -11,13 +11,13 @@ import {
   type ConsoleReviewAction,
   TOTALLY_WRONG_COMMENT_BODY,
   UNNECESSARY_COMMENT_BODY,
-} from '../operations';
-import { overlayKeyForItem } from '../overlay';
+} from '../logic/operations';
+import { overlayKeyForItem } from '../logic/overlay';
 import type {
   ConsoleFieldOption,
   ConsoleListItem,
   ConsoleTabName,
-} from '../types';
+} from '../logic/types';
 import type { ConsoleOverlayState } from './useConsoleOverlay';
 import { useConsoleToken } from './useConsoleToken';
 

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

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react';
-import { overlayStorageKey } from '../overlay';
+import { overlayStorageKey } from '../logic/overlay';
 import { useConsoleOverlay } from './useConsoleOverlay';
 
 describe('useConsoleOverlay', () => {

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

@@ -1,10 +1,10 @@
 import { useCallback, useState } from 'react';
-import { overlayStorageKey, writeOverlayEntry } from '../overlay';
+import { overlayStorageKey, writeOverlayEntry } from '../logic/overlay';
 import type {
   ConsoleOverlay,
   ConsoleOverlayEntry,
   ConsoleTabName,
-} from '../types';
+} from '../logic/types';
 
 const isOverlayEntry = (value: unknown): value is ConsoleOverlayEntry =>
   value !== null &&

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

@@ -4,8 +4,8 @@ import type {
   ConsoleListItem,
   ConsoleStoryColorSource,
   ConsoleTabName,
-} from '../types';
-import { CONSOLE_TABS } from '../types';
+} from '../logic/types';
+import { CONSOLE_TABS } from '../logic/types';
 import { useConsoleToken } from './useConsoleToken';
 
 export type ConsoleTabSnapshot = {

package/src/adapter/entry-points/console/ui/src/features/console/lib/consoleApi.ts

@@ -4,7 +4,7 @@ import type {
   ConsoleCommit,
   ConsoleIssueState,
   ConsoleRelatedPullRequest,
-} from '../types';
+} from '../logic/types';
 
 export type ConsoleApiClient = {
   fetchItemBody: (url: string) => Promise<string>;

package/src/adapter/entry-points/console/ui/src/features/console/{grouping.ts → logic/grouping.ts}

@@ -44,12 +44,12 @@ export type ConsoleListGroupRow = {
   count: number;
 };
 
-export type ConsoleListItemRow = {
+export type ConsoleItemSummary = {
   kind: 'item';
   item: ConsoleListItem;
 };
 
-export type ConsoleListRow = ConsoleListGroupRow | ConsoleListItemRow;
+export type ConsoleListRow = ConsoleListGroupRow | ConsoleItemSummary;
 
 export const buildConsoleListRows = (
   items: ConsoleListItem[],

package/src/adapter/entry-points/console/ui/src/features/console/logic/overlay.test.ts

@@ -0,0 +1,146 @@
+import {
+  countPendingItems,
+  filterPendingItems,
+  isOverlayEntryActed,
+  overlayKeyForItem,
+  overlayStorageKey,
+  writeOverlayEntry,
+} from './overlay';
+import type { ConsoleListItem, ConsoleOverlay } from './types';
+
+const item = (number: number): ConsoleListItem => ({
+  number,
+  title: `Item ${number}`,
+  url: `https://github.com/o/r/issues/${number}`,
+  repo: 'o/r',
+  nameWithOwner: 'o/r',
+  projectItemId: `PVTI_${number}`,
+  itemId: `PVTI_${number}`,
+  isPr: false,
+  story: 'Story',
+  labels: [],
+  createdAt: '2026-06-10T00:00:00.000Z',
+});
+
+describe('overlay helpers', () => {
+  it('builds the per-project storage key', () => {
+    expect(overlayStorageKey('umino')).toBe('pv_overlay_umino');
+  });
+
+  it('uses the projectItemId as the overlay key when present', () => {
+    expect(overlayKeyForItem(item(5))).toBe('PVTI_5');
+  });
+
+  it('falls back to the itemId when the projectItemId is empty', () => {
+    expect(overlayKeyForItem({ ...item(5), projectItemId: '' })).toBe('PVTI_5');
+  });
+});
+
+describe('isOverlayEntryActed', () => {
+  it('treats a done entry as acted', () => {
+    expect(isOverlayEntryActed({ ts: 100, mode: 'prs', done: true })).toBe(
+      true,
+    );
+  });
+
+  it('treats a missing entry as not acted', () => {
+    expect(isOverlayEntryActed(undefined)).toBe(false);
+  });
+
+  it('treats an entry without done as not acted', () => {
+    expect(
+      isOverlayEntryActed({
+        ts: 100,
+        mode: 'prs',
+        story: { name: 'Story', color: 'BLUE' },
+      }),
+    ).toBe(false);
+  });
+
+  it('treats a done entry as acted regardless of the mode it was written in', () => {
+    expect(isOverlayEntryActed({ ts: 100, mode: 'triage', done: true })).toBe(
+      true,
+    );
+  });
+});
+
+describe('counts driven to zero do not revive on tab switch', () => {
+  it('keeps a done item subtracted in the tab it was processed in', () => {
+    const overlay: ConsoleOverlay = {
+      PVTI_1: { ts: 500, mode: 'prs', done: true },
+    };
+    expect(countPendingItems([item(1)], overlay)).toBe(0);
+  });
+
+  it('keeps a done item subtracted from every tab regardless of its mode', () => {
+    const overlay: ConsoleOverlay = {
+      PVTI_1: { ts: 100, mode: 'triage', done: true },
+    };
+    expect(countPendingItems([item(1)], overlay)).toBe(0);
+  });
+
+  it('does not revive a done item even when an entry was processed before the snapshot it still appears in', () => {
+    const overlay: ConsoleOverlay = {
+      PVTI_1: { ts: 100, mode: 'prs', done: true },
+    };
+    expect(countPendingItems([item(1)], overlay)).toBe(0);
+  });
+
+  it('does not revive a done item when it appears in a tab other than the one it was processed in', () => {
+    const overlay: ConsoleOverlay = {
+      PVTI_1: { ts: 100, mode: 'prs', done: true },
+    };
+    expect(countPendingItems([item(1)], overlay)).toBe(0);
+    expect(filterPendingItems([item(1)], overlay)).toEqual([]);
+  });
+
+  it('counts an item that has no done entry', () => {
+    expect(countPendingItems([item(1)], {})).toBe(1);
+  });
+});
+
+describe('filterPendingItems', () => {
+  it('drops acted items and keeps the rest', () => {
+    const overlay: ConsoleOverlay = {
+      PVTI_1: { ts: 500, mode: 'prs', done: true },
+    };
+    const result = filterPendingItems([item(1), item(2)], overlay);
+    expect(result.map((entry) => entry.number)).toEqual([2]);
+  });
+
+  it('keeps the badge count and the filtered list consistent', () => {
+    const overlay: ConsoleOverlay = {
+      PVTI_1: { ts: 500, mode: 'prs', done: true },
+    };
+    const items = [item(1), item(2)];
+    expect(countPendingItems(items, overlay)).toBe(
+      filterPendingItems(items, overlay).length,
+    );
+  });
+});
+
+describe('writeOverlayEntry', () => {
+  it('stamps the timestamp and mode on write', () => {
+    const next = writeOverlayEntry({}, 'PVTI_1', { done: true }, 'prs', 1234);
+    expect(next.PVTI_1).toEqual({ done: true, ts: 1234, mode: 'prs' });
+  });
+
+  it('merges a patch into an existing entry while refreshing ts and mode', () => {
+    const overlay: ConsoleOverlay = {
+      PVTI_1: { ts: 100, mode: 'prs', done: true },
+    };
+    const next = writeOverlayEntry(
+      overlay,
+      'PVTI_1',
+      { story: { name: 'New Story', color: 'GREEN' } },
+      'triage',
+      999,
+    );
+    expect(next.PVTI_1).toEqual({
+      done: true,
+      story: { name: 'New Story', color: 'GREEN' },
+      ts: 999,
+      mode: 'triage',
+    });
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/logic/overlay.ts

@@ -0,0 +1,48 @@
+import type {
+  ConsoleListItem,
+  ConsoleOverlay,
+  ConsoleOverlayEntry,
+  ConsoleTabName,
+} from './types';
+
+export const overlayStorageKey = (pjcode: string): string =>
+  `pv_overlay_${pjcode}`;
+
+export const overlayKeyForItem = (item: ConsoleListItem): string =>
+  item.projectItemId !== '' ? item.projectItemId : item.itemId;
+
+export const isOverlayEntryActed = (
+  entry: ConsoleOverlayEntry | undefined,
+): boolean => entry !== undefined && entry.done === true;
+
+export const countPendingItems = (
+  items: ConsoleListItem[],
+  overlay: ConsoleOverlay,
+): number =>
+  items.filter((item) => !isOverlayEntryActed(overlay[overlayKeyForItem(item)]))
+    .length;
+
+export const filterPendingItems = (
+  items: ConsoleListItem[],
+  overlay: ConsoleOverlay,
+): ConsoleListItem[] =>
+  items.filter(
+    (item) => !isOverlayEntryActed(overlay[overlayKeyForItem(item)]),
+  );
+
+export const writeOverlayEntry = (
+  overlay: ConsoleOverlay,
+  key: string,
+  patch: Partial<Omit<ConsoleOverlayEntry, 'ts' | 'mode'>>,
+  mode: ConsoleTabName,
+  now: number,
+): ConsoleOverlay => {
+  const existing = overlay[key];
+  const next: ConsoleOverlayEntry = {
+    ...(existing ?? {}),
+    ...patch,
+    ts: now,
+    mode,
+  };
+  return { ...overlay, [key]: next };
+};

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

@@ -1,13 +1,13 @@
 import { fireEvent, render, waitFor } from '@testing-library/react';
+import type { ConsoleCaches } from '../hooks/useConsoleCaches';
+import type { ConsoleOperationsApi } from '../hooks/useConsoleOperations';
+import { ResourceCache } from '../lib/resourceCache';
 import {
   consoleListItemsFixture,
   consoleStatusOptionsFixture,
   consoleStoryColorsFixture,
   consoleStoryOptionsFixture,
-} from '../fixtures';
-import type { ConsoleCaches } from '../hooks/useConsoleCaches';
-import type { ConsoleOperationsApi } from '../hooks/useConsoleOperations';
-import { ResourceCache } from '../lib/resourceCache';
+} from '../testing/fixtures';
 import { ConsoleItemDetailContainer } from './ConsoleItemDetailContainer';
 
 jest.mock('../lib/mermaidLoader', () => ({

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

@@ -1,10 +1,10 @@
-import { ConsoleItemDetail } from '../components/ConsoleItemDetail';
-import { ConsoleOperationBar } from '../components/ConsoleOperationBar';
-import { resolveStoryColorEnum } from '../grouping';
+import { ConsoleItemDetail } from '../components/detail/ConsoleItemDetail';
+import { ConsoleOperationMenu } from '../components/operations/ConsoleOperationMenu';
 import type { ConsoleCaches } from '../hooks/useConsoleCaches';
 import { useConsoleItemDetailData } from '../hooks/useConsoleItemDetailData';
 import type { ConsoleOperationsApi } from '../hooks/useConsoleOperations';
-import type { ConsoleOperationHandlers } from '../operations';
+import { resolveStoryColorEnum } from '../logic/grouping';
+import type { ConsoleOperationHandlers } from '../logic/operations';
 import type {
   ConsoleColor,
   ConsoleFieldOption,
@@ -12,7 +12,7 @@ import type {
   ConsoleOverlayStatus,
   ConsoleStoryColorSource,
   ConsoleTabName,
-} from '../types';
+} from '../logic/types';
 
 export type ConsoleItemDetailContainerProps = {
   tab: ConsoleTabName;
@@ -95,7 +95,7 @@ export const ConsoleItemDetailContainer = ({
       relatedPullRequests={detail.relatedPullRequests}
       now={now}
       operationBar={
-        <ConsoleOperationBar
+        <ConsoleOperationMenu
           tab={tab}
           item={item}
           hasPullRequest={hasPullRequest}