npm - github-issue-tower-defence-management - Versions diffs - 1.158.0 → 1.160.0 - Mend

github-issue-tower-defence-management 1.158.0 → 1.160.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/bin/adapter/entry-points/console/ui-dist/index.html CHANGED Viewed

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>TDPM Console</title>
-    <script type="module" crossorigin src="/assets/index-DmsQyXek.js"></script>
+    <script type="module" crossorigin src="/assets/index-DT98Xk6Y.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-BbUBeonj.css">
   </head>
   <body>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "github-issue-tower-defence-management",
-  "version": "1.158.0",
+  "version": "1.160.0",
   "description": "",
   "main": "bin/index.js",
   "scripts": {

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommentComposer.test.tsx CHANGED Viewed

@@ -3,37 +3,32 @@ import type { ConsoleComment } from '../../logic/types';
 import {
   appendAttachmentMarkdown,
   ConsoleCommentComposer,
+  insertUploadPlaceholder,
+  removePlaceholder,
+  replacePlaceholderWithMarkdown,
 } from './ConsoleCommentComposer';
 jest.mock('../../lib/mermaidLoader', () => ({
   renderMermaidToSvg: jest.fn(async () => '<svg></svg>'),
 }));
+const stubSubmit = async (body: string): Promise<ConsoleComment> => ({
+  author: 'HiromiShikata',
+  body,
+  createdAt: '2026-06-19T11:58:00.000Z',
+});
 describe('ConsoleCommentComposer', () => {
   it('shows the form when it starts open', () => {
     const { getByPlaceholderText } = render(
-      <ConsoleCommentComposer
-        initiallyOpen
-        onSubmit={async (body) => ({
-          author: 'HiromiShikata',
-          body,
-          createdAt: '2026-06-19T11:58:00.000Z',
-        })}
-      />,
+      <ConsoleCommentComposer initiallyOpen onSubmit={stubSubmit} />,
     );
     expect(getByPlaceholderText('Leave a comment…')).toBeInTheDocument();
   });
   it('offers the opening control and hides the form when it starts closed', () => {
     const { queryByPlaceholderText, getByText } = render(
-      <ConsoleCommentComposer
-        initiallyOpen={false}
-        onSubmit={async (body) => ({
-          author: 'HiromiShikata',
-          body,
-          createdAt: '2026-06-19T11:58:00.000Z',
-        })}
-      />,
+      <ConsoleCommentComposer initiallyOpen={false} onSubmit={stubSubmit} />,
     );
     expect(queryByPlaceholderText('Leave a comment…')).toBeNull();
     expect(getByText('💬 Add a comment')).toBeInTheDocument();
@@ -41,14 +36,7 @@ describe('ConsoleCommentComposer', () => {
   it('opens the form on the control and closes it again so the body regains the height', () => {
     const { getByText, getByPlaceholderText, queryByPlaceholderText } = render(
-      <ConsoleCommentComposer
-        initiallyOpen={false}
-        onSubmit={async (body) => ({
-          author: 'HiromiShikata',
-          body,
-          createdAt: '2026-06-19T11:58:00.000Z',
-        })}
-      />,
+      <ConsoleCommentComposer initiallyOpen={false} onSubmit={stubSubmit} />,
     );
     fireEvent.click(getByText('💬 Add a comment'));
     expect(getByPlaceholderText('Leave a comment…')).toBeInTheDocument();
@@ -98,30 +86,23 @@ describe('ConsoleCommentComposer', () => {
   it('does not render the attach control when no upload handler is given', () => {
     const { queryByText } = render(
-      <ConsoleCommentComposer
-        initiallyOpen
-        onSubmit={async (body) => ({
-          author: 'HiromiShikata',
-          body,
-          createdAt: '2026-06-19T11:58:00.000Z',
-        })}
-      />,
+      <ConsoleCommentComposer initiallyOpen onSubmit={stubSubmit} />,
     );
     expect(queryByText('📎 Attach files')).toBeNull();
   });
-  it('uploads a selected file and inserts the returned markdown into the draft', async () => {
+  it('inserts a placeholder when a file upload starts and replaces it on success', async () => {
+    let resolveUpload!: (markdown: string) => void;
     const onUploadFile = jest.fn(
-      async () => '![shot](https://github.com/user-attachments/assets/abc)',
+      () =>
+        new Promise<string>((resolve) => {
+          resolveUpload = resolve;
+        }),
     );
     const { getByPlaceholderText, getByLabelText } = render(
       <ConsoleCommentComposer
         initiallyOpen
-        onSubmit={async (body) => ({
-          author: 'HiromiShikata',
-          body,
-          createdAt: '2026-06-19T11:58:00.000Z',
-        })}
+        onSubmit={stubSubmit}
         onUploadFile={onUploadFile}
       />,
     );
@@ -135,24 +116,98 @@ describe('ConsoleCommentComposer', () => {
     });
     await waitFor(() => {
       expect(textarea.value).toBe(
-        'See the screen:\n![shot](https://github.com/user-attachments/assets/abc)\n',
+        'See the screen:\n\n\n\n![uploading shot.png]()\n',
+      );
+    });
+    resolveUpload('![shot](https://github.com/user-attachments/assets/abc)');
+    await waitFor(() => {
+      expect(textarea.value).toBe(
+        'See the screen:\n\n\n\n![shot](https://github.com/user-attachments/assets/abc)\n',
       );
     });
     expect(onUploadFile).toHaveBeenCalledWith(file);
   });
-  it('uploads a pasted file', async () => {
+  it('removes the placeholder and the three empty lines when an upload fails', async () => {
+    let rejectUpload!: (error: Error) => void;
+    const onUploadFile = jest.fn(
+      () =>
+        new Promise<string>((_, reject) => {
+          rejectUpload = reject;
+        }),
+    );
+    const { getByPlaceholderText, getByLabelText, findByRole } = render(
+      <ConsoleCommentComposer
+        initiallyOpen
+        onSubmit={stubSubmit}
+        onUploadFile={onUploadFile}
+      />,
+    );
+    const textarea = getByPlaceholderText(
+      'Leave a comment…',
+    ) as HTMLTextAreaElement;
+    fireEvent.change(textarea, { target: { value: 'See the screen:' } });
+    const file = new File(['binary'], 'shot.png', { type: 'image/png' });
+    fireEvent.change(getByLabelText('Attach files'), {
+      target: { files: [file] },
+    });
+    await waitFor(() => {
+      expect(textarea.value).toContain('![uploading shot.png]()');
+    });
+    rejectUpload(new Error('No GitHub web session is available'));
+    await waitFor(() => {
+      expect(textarea.value).toBe('See the screen:\n');
+    });
+    const alert = await findByRole('alert');
+    expect(alert.textContent).toContain('No GitHub web session is available');
+  });
+  it('preserves text typed in the draft while an upload is in flight', async () => {
+    let resolveUpload!: (markdown: string) => void;
+    const onUploadFile = jest.fn(
+      () =>
+        new Promise<string>((resolve) => {
+          resolveUpload = resolve;
+        }),
+    );
+    const { getByPlaceholderText, getByLabelText } = render(
+      <ConsoleCommentComposer
+        initiallyOpen
+        onSubmit={stubSubmit}
+        onUploadFile={onUploadFile}
+      />,
+    );
+    const textarea = getByPlaceholderText(
+      'Leave a comment…',
+    ) as HTMLTextAreaElement;
+    const file = new File(['binary'], 'shot.png', { type: 'image/png' });
+    fireEvent.change(getByLabelText('Attach files'), {
+      target: { files: [file] },
+    });
+    await waitFor(() => {
+      expect(textarea.value).toContain('![uploading shot.png]()');
+    });
+    fireEvent.change(textarea, {
+      target: {
+        value: 'The fix works:\n\n\n\n![uploading shot.png]()\n',
+      },
+    });
+    resolveUpload('![shot](https://github.com/user-attachments/assets/abc)');
+    await waitFor(() => {
+      expect(textarea.value).toBe(
+        'The fix works:\n\n\n\n![shot](https://github.com/user-attachments/assets/abc)\n',
+      );
+    });
+  });
+  it('uploads a pasted file and reserves position with a placeholder', async () => {
     const onUploadFile = jest.fn(
       async () => '![pasted](https://github.com/user-attachments/assets/def)',
     );
     const { getByPlaceholderText } = render(
       <ConsoleCommentComposer
         initiallyOpen
-        onSubmit={async (body) => ({
-          author: 'HiromiShikata',
-          body,
-          createdAt: '2026-06-19T11:58:00.000Z',
-        })}
+        onSubmit={stubSubmit}
         onUploadFile={onUploadFile}
       />,
     );
@@ -163,24 +218,20 @@ describe('ConsoleCommentComposer', () => {
     fireEvent.paste(textarea, { clipboardData: { files: [file] } });
     await waitFor(() => {
       expect(textarea.value).toBe(
-        '![pasted](https://github.com/user-attachments/assets/def)\n',
+        '\n\n\n![pasted](https://github.com/user-attachments/assets/def)\n',
       );
     });
     expect(onUploadFile).toHaveBeenCalledWith(file);
   });
-  it('uploads a dropped file', async () => {
+  it('uploads a dropped file and reserves position with a placeholder', async () => {
     const onUploadFile = jest.fn(
       async () => '![dropped](https://github.com/user-attachments/assets/ghi)',
     );
     const { getByPlaceholderText } = render(
       <ConsoleCommentComposer
         initiallyOpen
-        onSubmit={async (body) => ({
-          author: 'HiromiShikata',
-          body,
-          createdAt: '2026-06-19T11:58:00.000Z',
-        })}
+        onSubmit={stubSubmit}
         onUploadFile={onUploadFile}
       />,
     );
@@ -191,21 +242,51 @@ describe('ConsoleCommentComposer', () => {
     fireEvent.drop(textarea, { dataTransfer: { files: [file] } });
     await waitFor(() => {
       expect(textarea.value).toBe(
-        '![dropped](https://github.com/user-attachments/assets/ghi)\n',
+        '\n\n\n![dropped](https://github.com/user-attachments/assets/ghi)\n',
       );
     });
     expect(onUploadFile).toHaveBeenCalledWith(file);
   });
+  it('removes the placeholder when text was typed into a reserved empty line and the upload fails', async () => {
+    let rejectUpload!: (error: Error) => void;
+    const onUploadFile = jest.fn(
+      () =>
+        new Promise<string>((_, reject) => {
+          rejectUpload = reject;
+        }),
+    );
+    const { getByPlaceholderText, getByLabelText } = render(
+      <ConsoleCommentComposer
+        initiallyOpen
+        onSubmit={stubSubmit}
+        onUploadFile={onUploadFile}
+      />,
+    );
+    const textarea = getByPlaceholderText(
+      'Leave a comment…',
+    ) as HTMLTextAreaElement;
+    const file = new File(['binary'], 'shot.png', { type: 'image/png' });
+    fireEvent.change(getByLabelText('Attach files'), {
+      target: { files: [file] },
+    });
+    await waitFor(() => {
+      expect(textarea.value).toContain('![uploading shot.png]()');
+    });
+    fireEvent.change(textarea, {
+      target: { value: '\n見てください\n\n![uploading shot.png]()\n' },
+    });
+    rejectUpload(new Error('network error'));
+    await waitFor(() => {
+      expect(textarea.value).not.toContain('![uploading shot.png]()');
+    });
+  });
   it('shows the upload failure reason when the upload rejects', async () => {
     const { getByLabelText, findByRole } = render(
       <ConsoleCommentComposer
         initiallyOpen
-        onSubmit={async (body) => ({
-          author: 'HiromiShikata',
-          body,
-          createdAt: '2026-06-19T11:58:00.000Z',
-        })}
+        onSubmit={stubSubmit}
         onUploadFile={async () => {
           throw new Error('No GitHub web session is available');
         }}
@@ -219,6 +300,91 @@ describe('ConsoleCommentComposer', () => {
   });
 });
+describe('insertUploadPlaceholder', () => {
+  it('writes the placeholder with three empty lines when the draft is empty', () => {
+    expect(insertUploadPlaceholder('', 'shot.png')).toBe(
+      '\n\n\n![uploading shot.png]()\n',
+    );
+  });
+  it('normalizes the draft to end with one newline then adds three empty lines before the placeholder', () => {
+    expect(insertUploadPlaceholder('See the screen:', 'shot.png')).toBe(
+      'See the screen:\n\n\n\n![uploading shot.png]()\n',
+    );
+  });
+  it('does not double the trailing newline when the draft already ends with one', () => {
+    expect(insertUploadPlaceholder('See the screen:\n', 'shot.png')).toBe(
+      'See the screen:\n\n\n\n![uploading shot.png]()\n',
+    );
+  });
+  it('strips multiple trailing newlines before normalizing', () => {
+    expect(insertUploadPlaceholder('See the screen:\n\n', 'shot.png')).toBe(
+      'See the screen:\n\n\n\n![uploading shot.png]()\n',
+    );
+  });
+});
+describe('replacePlaceholderWithMarkdown', () => {
+  it('replaces the placeholder line with the returned markdown', () => {
+    const draft = 'See the screen:\n\n\n\n![uploading shot.png]()\n';
+    expect(
+      replacePlaceholderWithMarkdown(
+        draft,
+        'shot.png',
+        '![shot](https://github.com/user-attachments/assets/abc)',
+      ),
+    ).toBe(
+      'See the screen:\n\n\n\n![shot](https://github.com/user-attachments/assets/abc)\n',
+    );
+  });
+  it('replaces only the first occurrence when two uploads share the same file name', () => {
+    const draft =
+      'text\n\n\n\n![uploading file.png]()\n\n\n\n![uploading file.png]()\n';
+    expect(
+      replacePlaceholderWithMarkdown(draft, 'file.png', '![img](url)'),
+    ).toBe('text\n\n\n\n![img](url)\n\n\n\n![uploading file.png]()\n');
+  });
+  it('falls back to appending when the placeholder is absent', () => {
+    expect(
+      replacePlaceholderWithMarkdown('text\n', 'shot.png', '![shot](url)'),
+    ).toBe('text\n![shot](url)\n');
+  });
+});
+describe('removePlaceholder', () => {
+  it('removes the placeholder and the three empty lines added with it', () => {
+    const draft = 'See the screen:\n\n\n\n![uploading shot.png]()\n';
+    expect(removePlaceholder(draft, 'shot.png')).toBe('See the screen:\n');
+  });
+  it('leaves the draft empty when the placeholder was inserted into an empty draft', () => {
+    const draft = '\n\n\n![uploading shot.png]()\n';
+    expect(removePlaceholder(draft, 'shot.png')).toBe('');
+  });
+  it('returns the draft unchanged when the placeholder is absent', () => {
+    expect(removePlaceholder('text\n', 'shot.png')).toBe('text\n');
+  });
+  it('removes the placeholder when text was typed into the second reserved empty line', () => {
+    const draft = '\n見てください\n\n![uploading shot.png]()\n';
+    expect(removePlaceholder(draft, 'shot.png')).not.toContain(
+      '![uploading shot.png]()',
+    );
+  });
+  it('removes the placeholder when text was typed into the third reserved empty line', () => {
+    const draft = '\n\n見てください\n![uploading shot.png]()\n';
+    expect(removePlaceholder(draft, 'shot.png')).not.toContain(
+      '![uploading shot.png]()',
+    );
+  });
+});
 describe('appendAttachmentMarkdown', () => {
   it('returns the markdown alone when the draft is empty', () => {
     expect(appendAttachmentMarkdown('', '![a](b)')).toBe('![a](b)\n');

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommentComposer.tsx CHANGED Viewed

@@ -30,6 +30,47 @@ export const appendAttachmentMarkdown = (
   return `${draft}\n${markdown}\n`;
 };
+export const insertUploadPlaceholder = (
+  draft: string,
+  fileName: string,
+): string => {
+  const placeholder = `![uploading ${fileName}]()`;
+  const prefix = draft.length === 0 ? '' : draft.replace(/\n*$/, '\n');
+  return `${prefix}\n\n\n${placeholder}\n`;
+};
+export const replacePlaceholderWithMarkdown = (
+  draft: string,
+  fileName: string,
+  markdown: string,
+): string => {
+  const placeholder = `![uploading ${fileName}]()`;
+  const index = draft.indexOf(placeholder);
+  if (index === -1) {
+    return appendAttachmentMarkdown(draft, markdown);
+  }
+  return (
+    draft.slice(0, index) + markdown + draft.slice(index + placeholder.length)
+  );
+};
+export const removePlaceholder = (draft: string, fileName: string): string => {
+  const placeholder = `![uploading ${fileName}]()`;
+  const index = draft.indexOf(placeholder);
+  if (index === -1) {
+    return draft;
+  }
+  let start = index;
+  let newlinesRemoved = 0;
+  while (newlinesRemoved < 3 && start > 0 && draft[start - 1] === '\n') {
+    start--;
+    newlinesRemoved++;
+  }
+  const trailingNewline = draft[index + placeholder.length] === '\n' ? 1 : 0;
+  const end = index + placeholder.length + trailingNewline;
+  return draft.slice(0, start) + draft.slice(end);
+};
 export const ConsoleCommentComposer = ({
   initiallyOpen,
   onSubmit,
@@ -66,12 +107,16 @@ export const ConsoleCommentComposer = ({
       return;
     }
     for (const file of files) {
+      setDraft((previous) => insertUploadPlaceholder(previous, file.name));
       setUploadStatus({ kind: 'uploading', fileName: file.name });
       try {
         const markdown = await onUploadFile(file);
-        setDraft((previous) => appendAttachmentMarkdown(previous, markdown));
+        setDraft((previous) =>
+          replacePlaceholderWithMarkdown(previous, file.name, markdown),
+        );
         setUploadStatus({ kind: 'idle' });
       } catch (error) {
+        setDraft((previous) => removePlaceholder(previous, file.name));
         setUploadStatus({
           kind: 'error',
           message:

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleItemDetail.stories.tsx CHANGED Viewed

@@ -53,6 +53,7 @@ const meta: Meta<typeof ConsoleItemDetail> = {
   component: ConsoleItemDetail,
   args: {
     now: Date.parse('2026-06-19T12:00:00.000Z'),
+    statusOptions: consoleStatusOptionsFixture,
     commentComposer: null,
     operationBar: null,
   },
@@ -365,3 +366,35 @@ export const IssueWithEveryReadFailedByOneCause: Story = {
     relatedPullRequests: [],
   },
 };
+export const IssueWithSnapshotStatusNoOverlay: Story = {
+  args: {
+    item: consoleListItemsFixture[2],
+    storyName: 'TDPM Console port',
+    storyColorEnum: 'BLUE',
+    overlayStatus: null,
+    state: {
+      state: 'open',
+      merged: false,
+      isPullRequest: false,
+      title: 'Scaffold React console UI under entry-points with build bundling',
+    },
+    body: '## Issue body\n\nThis item has a status set in the snapshot.',
+    bodyIsLoading: false,
+    bodyError: null,
+    stateError: null,
+    pullRequestStatusError: null,
+    relatedPullRequestsError: null,
+    comments: [],
+    commentsAreLoading: false,
+    commentsError: null,
+    files: [],
+    filesAreLoading: false,
+    filesError: null,
+    commits: [],
+    commitsAreLoading: false,
+    commitsError: null,
+    pullRequestStatus: null,
+    relatedPullRequests: [],
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleItemDetail.test.tsx CHANGED Viewed

@@ -5,6 +5,7 @@ import {
   consoleCommitsFixture,
   consoleListItemsFixture,
   consoleRelatedPullRequestsFixture,
+  consoleStatusOptionsFixture,
 } from '../../testing/fixtures';
 import { ConsoleItemDetail } from './ConsoleItemDetail';
@@ -20,6 +21,7 @@ const baseProps = {
   storyName: 'TDPM Console port',
   storyColorEnum: 'BLUE' as const,
   overlayStatus: null,
+  statusOptions: consoleStatusOptionsFixture,
   state: { state: 'open', merged: false, isPullRequest: true, title: '' },
   body: '## Body heading',
   bodyIsLoading: false,
@@ -480,4 +482,45 @@ describe('ConsoleItemDetail', () => {
       within(topline as HTMLElement).getByText('CI failing'),
     ).toBeInTheDocument();
   });
+  it('shows the snapshot status chip in the header when the item has a status and no overlay entry applies', () => {
+    const { getByText, container } = render(
+      <ConsoleItemDetail
+        item={issueItem}
+        {...baseProps}
+        overlayStatus={null}
+      />,
+    );
+    const title = container.querySelector('.console-detail-title');
+    expect(title).not.toBeNull();
+    expect(title?.contains(getByText(issueItem.status as string))).toBe(true);
+  });
+  it('shows the overlay status in the header when the overlay entry is newer than the snapshot', () => {
+    const { getByText, queryByText, container } = render(
+      <ConsoleItemDetail
+        item={issueItem}
+        {...baseProps}
+        overlayStatus={{ name: 'In Progress', color: 'GREEN' }}
+      />,
+    );
+    const title = container.querySelector('.console-detail-title');
+    expect(title).not.toBeNull();
+    expect(title?.contains(getByText('In Progress'))).toBe(true);
+    expect(queryByText(issueItem.status as string)).toBeNull();
+  });
+  it('renders no status chip when the item has no status and no overlay applies', () => {
+    const noStatusItem = consoleListItemsFixture[3];
+    expect(noStatusItem.status).toBeNull();
+    const { container } = render(
+      <ConsoleItemDetail
+        item={noStatusItem}
+        {...baseProps}
+        overlayStatus={null}
+      />,
+    );
+    const chip = container.querySelector('.console-detail-status-chip');
+    expect(chip).toBeNull();
+  });
 });

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleItemDetail.tsx CHANGED Viewed

@@ -14,6 +14,7 @@ import type {
   ConsoleColor,
   ConsoleComment,
   ConsoleCommit,
+  ConsoleFieldOption,
   ConsoleIssueState,
   ConsoleListItem,
   ConsoleMergeableStatus,
@@ -51,6 +52,7 @@ export type ConsoleItemDetailProps = {
   storyName: string | null;
   storyColorEnum: ConsoleColor | null;
   overlayStatus: ConsoleOverlayStatus | null;
+  statusOptions: ConsoleFieldOption[];
   state: ConsoleIssueState | null;
   body: string;
   bodyIsLoading: boolean;
@@ -82,6 +84,7 @@ export const ConsoleItemDetail = ({
   storyName,
   storyColorEnum,
   overlayStatus,
+  statusOptions,
   state,
   body,
   bodyIsLoading,
@@ -113,9 +116,19 @@ export const ConsoleItemDetail = ({
     !item.isPr && resolvedState === 'closed' ? 'Closed' : null;
   const repoContext = parseNameWithOwner(item.nameWithOwner) ?? undefined;
   const storyPalette = colorFromEnum(storyColorEnum);
-  const statusPalette = overlayStatus
-    ? colorFromEnum(overlayStatus.color)
-    : null;
+  const displayStatus: ConsoleOverlayStatus | null =
+    overlayStatus !== null
+      ? overlayStatus
+      : item.status !== null
+        ? {
+            name: item.status,
+            color:
+              statusOptions.find((o) => o.name === item.status)?.color ??
+              'GRAY',
+          }
+        : null;
+  const statusPalette =
+    displayStatus !== null ? colorFromEnum(displayStatus.color) : null;
   const filesCount =
     filesAreLoading || filesError !== null ? null : files.length;
   const commentsCount =
@@ -218,7 +231,7 @@ export const ConsoleItemDetail = ({
       </div>
       <h2 className="console-detail-title">
-        {overlayStatus !== null && statusPalette !== null && (
+        {displayStatus !== null && statusPalette !== null && (
           <span
             className="console-detail-status-chip"
             style={{
@@ -227,7 +240,7 @@ export const ConsoleItemDetail = ({
               backgroundColor: statusPalette.bg,
             }}
           >
-            {overlayStatus.name}
+            {displayStatus.name}
           </span>
         )}
         <ConsoleItemIcon

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

@@ -165,6 +165,7 @@ export const ConsoleItemDetailContainer = ({
       storyName={resolvedStoryName}
       storyColorEnum={storyColorEnum}
       overlayStatus={overlayStatus}
+      statusOptions={statusOptions}
       state={detail.state}
       stateError={detail.stateError}
       body={detail.body}

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

@@ -106,7 +106,7 @@ describe('ConsolePage', () => {
     ).toContain('TDPM Console port');
   });
-  it('keeps a status the snapshot already superseded out of the detail header', async () => {
+  it('keeps a stale overlay status out of the detail header and shows the snapshot status instead', async () => {
     localStorage.setItem(
       'pv_overlay_acme',
       JSON.stringify({
@@ -117,13 +117,17 @@ describe('ConsolePage', () => {
         },
       }),
     );
-    const { getByText, findByText, container } = render(<ConsolePage />);
+    const { getByText, findByText, queryByText, container } = render(
+      <ConsolePage />,
+    );
     await waitFor(() => {
       expect(getByText('Add serveConsole subcommand')).toBeInTheDocument();
     });
     fireEvent.click(getByText('Add serveConsole subcommand'));
     expect(await findByText('Approve')).toBeInTheDocument();
-    expect(container.querySelector('.console-detail-status-chip')).toBeNull();
+    expect(queryByText('In Tmux by human')).toBeNull();
+    const chip = container.querySelector('.console-detail-status-chip');
+    expect(chip?.textContent).toBe('Awaiting Quality Check');
   });
   it('shows a status the owner set after the snapshot was generated in the detail header', async () => {