From 01c53ac80f91ee0455eeb03e67eb406cfb70e682 Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Wed, 21 Jan 2026 09:29:52 +0000
Subject: [PATCH 01/10] CCM-12890: add copy to clipboard button

---
 .../MessagePlansList.test.tsx.snap            |   8 +
 .../MessagePlansList/MessagePlansList.tsx     |  35 +++-
 frontend/src/content/content.ts               |   2 +
 .../use-copy-table-to-clipboard.hook.test.tsx | 151 ++++++++++++++++++
 .../hooks/use-copy-table-to-clipboard.hook.ts | 123 ++++++++++++++
 5 files changed, 314 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/hooks/__tests__/use-copy-table-to-clipboard.hook.test.tsx
 create mode 100644 frontend/src/hooks/use-copy-table-to-clipboard.hook.ts

diff --git a/frontend/src/__tests__/components/molecules/__snapshots__/MessagePlansList.test.tsx.snap b/frontend/src/__tests__/components/molecules/__snapshots__/MessagePlansList.test.tsx.snap
index 41d128f97..156b78004 100644
--- a/frontend/src/__tests__/components/molecules/__snapshots__/MessagePlansList.test.tsx.snap
+++ b/frontend/src/__tests__/components/molecules/__snapshots__/MessagePlansList.test.tsx.snap
@@ -101,6 +101,14 @@ exports[`MessagePlansList matches snapshot when data is available 1`] = `
           </tr>
         </tbody>
       </table>
+      <button
+        aria-disabled="false"
+        class="nhsuk-button nhsuk-button--secondary"
+        data-testid="copy-button-draft"
+        type="button"
+      >
+        Copy names and IDs to clipboard
+      </button>
     </div>
   </details>
 </DocumentFragment>
diff --git a/frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx b/frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx
index 104746c09..23c67decd 100644
--- a/frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx
+++ b/frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx
@@ -2,13 +2,14 @@
 
 import classNames from 'classnames';
 import content from '@content/content';
-import { Details, Table } from 'nhsuk-react-components';
+import { Button, Details, Table } from 'nhsuk-react-components';
 import { format } from 'date-fns/format';
 import Link from 'next/link';
 import { MarkdownContent } from '@molecules/MarkdownContent/MarkdownContent';
 import type { RoutingConfigStatusActive } from 'nhs-notify-backend-client';
 import { messagePlanStatusToDisplayText } from 'nhs-notify-web-template-management-utils';
 import { interpolate } from '@utils/interpolate';
+import { useCopyTableToClipboard } from '@hooks/use-copy-table-to-clipboard.hook';
 
 export type MessagePlanListItem = {
   name: string;
@@ -30,6 +31,18 @@ export const MessagePlansList = (props: MessagePlansListProps) => {
   const { status, count } = props;
   const statusDisplayMapping = messagePlanStatusToDisplayText(status);
   const statusDisplayLower = statusDisplayMapping.toLowerCase();
+  const { copyToClipboard, copied } =
+    useCopyTableToClipboard<MessagePlanListItem>();
+
+  const handleCopyToClipboard = async () => {
+    await copyToClipboard({
+      data: props.plans,
+      columns: [
+        { key: 'name', header: 'routing_plan_name' },
+        { key: 'id', header: 'routing_plan_id' },
+      ],
+    });
+  };
 
   const header = (
     <Table.Row>
@@ -68,10 +81,22 @@ export const MessagePlansList = (props: MessagePlansListProps) => {
       </Details.Summary>
       <Details.Text>
         {rows.length > 0 ? (
-          <Table responsive>
-            <Table.Head role='rowgroup'>{header}</Table.Head>
-            <Table.Body>{rows}</Table.Body>
-          </Table>
+          <>
+            <Table responsive>
+              <Table.Head role='rowgroup'>{header}</Table.Head>
+              <Table.Body>{rows}</Table.Body>
+            </Table>
+            <Button
+              type='button'
+              data-testid={`copy-button-${statusDisplayLower}`}
+              secondary
+              onClick={handleCopyToClipboard}
+            >
+              {copied
+                ? messagePlansListComponent.copiedText
+                : messagePlansListComponent.copyText}
+            </Button>
+          </>
         ) : (
           <MarkdownContent
             content={messagePlansListComponent.noMessagePlansMessage}
diff --git a/frontend/src/content/content.ts b/frontend/src/content/content.ts
index e7755c991..d13952ce3 100644
--- a/frontend/src/content/content.ts
+++ b/frontend/src/content/content.ts
@@ -1366,6 +1366,8 @@ const messagePlansListComponent = {
   tableHeadings: ['Name', 'Routing Plan ID', 'Last edited'],
   noMessagePlansMessage: 'You do not have any message plans in {{status}} yet.',
   messagePlanLink: '/message-plans/choose-templates/{{routingConfigId}}',
+  copyText: 'Copy names and IDs to clipboard',
+  copiedText: "Names and ID's copied to clipboard",
 };
 
 const chooseMessageOrder = {
diff --git a/frontend/src/hooks/__tests__/use-copy-table-to-clipboard.hook.test.tsx b/frontend/src/hooks/__tests__/use-copy-table-to-clipboard.hook.test.tsx
new file mode 100644
index 000000000..8c5a3d974
--- /dev/null
+++ b/frontend/src/hooks/__tests__/use-copy-table-to-clipboard.hook.test.tsx
@@ -0,0 +1,151 @@
+import { renderHook, act } from '@testing-library/react';
+import { useCopyTableToClipboard } from '../use-copy-table-to-clipboard.hook';
+
+type TestData = Record<string, unknown> & {
+  name: string;
+  id: string;
+  value: number;
+};
+
+describe('useCopyTableToClipboard', () => {
+  let mockClipboardWrite: jest.Mock;
+
+  beforeEach(() => {
+    mockClipboardWrite = jest.fn().mockResolvedValue(undefined);
+
+    Object.defineProperty(navigator, 'clipboard', {
+      value: { write: mockClipboardWrite },
+      writable: true,
+      configurable: true,
+    });
+
+    global.ClipboardItem = jest.fn(
+      (data) => data
+    ) as unknown as typeof ClipboardItem;
+
+    jest.useFakeTimers();
+  });
+
+  afterEach(() => {
+    act(() => {
+      jest.runOnlyPendingTimers();
+    });
+    jest.useRealTimers();
+    jest.clearAllMocks();
+  });
+
+  it('should copy data in both CSV and HTML formats to clipboard', async () => {
+    const { result } = renderHook(() => useCopyTableToClipboard<TestData>());
+
+    const testData: TestData[] = [
+      { name: 'Test "quoted" value', id: 'id-1', value: 100 },
+      { name: '<script>alert("xss")</script>', id: 'id & value', value: 200 },
+    ];
+
+    await act(async () => {
+      await result.current.copyToClipboard({
+        data: testData,
+        columns: [
+          { key: 'name', header: 'Name' },
+          { key: 'id', header: 'ID' },
+        ],
+      });
+    });
+
+    expect(mockClipboardWrite).toHaveBeenCalledTimes(1);
+
+    const callArgs = mockClipboardWrite.mock.calls[0][0];
+    const clipboardItem = callArgs[0];
+    const csv = clipboardItem['text/plain'];
+    const html = clipboardItem['text/html'];
+
+    expect(csv).toContain('"Name","ID"');
+    expect(csv).toContain('"Test ""quoted"" value","id-1"');
+    expect(csv).toContain('"id & value"');
+
+    expect(html).toContain('<table>');
+    expect(html).toContain('<th>Name</th>');
+    expect(html).toContain('&lt;script&gt;');
+    expect(html).toContain('id &amp; value');
+    expect(html).not.toContain('<script>');
+
+    expect(result.current.copied).toBe(true);
+    expect(result.current.error).toBeNull();
+
+    act(() => {
+      jest.advanceTimersByTime(5000);
+    });
+
+    expect(result.current.copied).toBe(false);
+  });
+
+  it('should handle clipboard write failures', async () => {
+    mockClipboardWrite.mockRejectedValueOnce(new Error('Permission denied'));
+
+    const { result } = renderHook(() => useCopyTableToClipboard<TestData>());
+
+    await act(async () => {
+      await result.current.copyToClipboard({
+        data: [{ name: 'Test', id: 'id-1', value: 100 }],
+        columns: [{ key: 'name', header: 'Name' }],
+      });
+    });
+
+    expect(result.current.error).toEqual(new Error('Permission denied'));
+    expect(result.current.copied).toBe(false);
+
+    // Error clears on successful copy
+    mockClipboardWrite.mockResolvedValueOnce(undefined);
+
+    await act(async () => {
+      await result.current.copyToClipboard({
+        data: [{ name: 'Test', id: 'id-1', value: 100 }],
+        columns: [{ key: 'name', header: 'Name' }],
+      });
+    });
+
+    expect(result.current.error).toBeNull();
+    expect(result.current.copied).toBe(true);
+  });
+
+  it('should handle non-Error exceptions', async () => {
+    mockClipboardWrite.mockRejectedValueOnce('String error');
+
+    const { result } = renderHook(() => useCopyTableToClipboard<TestData>());
+
+    await act(async () => {
+      await result.current.copyToClipboard({
+        data: [{ name: 'Test', id: 'id-1', value: 100 }],
+        columns: [{ key: 'name', header: 'Name' }],
+      });
+    });
+
+    expect(result.current.error).toEqual(
+      new Error('Failed to copy to clipboard')
+    );
+    expect(result.current.copied).toBe(false);
+  });
+
+  it('should cleanup timeout on unmount', async () => {
+    const { result, unmount } = renderHook(() =>
+      useCopyTableToClipboard<TestData>()
+    );
+
+    await act(async () => {
+      await result.current.copyToClipboard({
+        data: [{ name: 'Test', id: 'id-1', value: 100 }],
+        columns: [{ key: 'name', header: 'Name' }],
+      });
+    });
+
+    expect(result.current.copied).toBe(true);
+
+    unmount();
+
+    act(() => {
+      jest.advanceTimersByTime(5000);
+    });
+
+    // No errors thrown - cleanup successful
+  });
+});
diff --git a/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts b/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts
new file mode 100644
index 000000000..dff11a48f
--- /dev/null
+++ b/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts
@@ -0,0 +1,123 @@
+import { useState, useRef, useEffect } from 'react';
+
+export type ColumnDefinition<T> = {
+  key: keyof T;
+  header: string;
+};
+
+type UseCopyTableToClipboardOptions = {
+  successDurationMs?: number;
+};
+
+type CopyToClipboardParams<T> = {
+  data: T[];
+  columns: ColumnDefinition<T>[];
+};
+
+const escapeCSVValue = (value: unknown): string => {
+  const stringValue = String(value ?? '');
+  // Wrap in quotes and escape existing quotes by doubling them
+  return `"${stringValue.replaceAll('"', '""')}"`;
+};
+
+const generateCSV = <T extends Record<string, unknown>>(
+  data: T[],
+  columns: ColumnDefinition<T>[]
+): string => {
+  const headerRow = columns.map((col) => escapeCSVValue(col.header)).join(',');
+
+  const dataRows = data.map((row) =>
+    columns.map((col) => escapeCSVValue(row[col.key])).join(',')
+  );
+
+  return [headerRow, ...dataRows].join('\n');
+};
+
+const escapeHTMLValue = (value: unknown): string => {
+  const stringValue = String(value ?? '');
+  return stringValue
+    .replaceAll('&', '&amp;')
+    .replaceAll('<', '&lt;')
+    .replaceAll('>', '&gt;');
+};
+
+const generateHTMLTable = <T extends Record<string, unknown>>(
+  data: T[],
+  columns: ColumnDefinition<T>[]
+): string => {
+  const headerRow = columns
+    .map((col) => `<th>${escapeHTMLValue(col.header)}</th>`)
+    .join('');
+
+  const dataRows = data
+    .map((row) => {
+      const cells = columns
+        .map((col) => {
+          return `<td>${escapeHTMLValue(row[col.key])}</td>`;
+        })
+        .join('');
+      return `<tr>${cells}</tr>`;
+    })
+    .join('');
+
+  return `<table><thead><tr>${headerRow}</tr></thead><tbody>${dataRows}</tbody></table>`;
+};
+
+export const useCopyTableToClipboard = <T extends Record<string, unknown>>(
+  options: UseCopyTableToClipboardOptions = {}
+) => {
+  const { successDurationMs = 5000 } = options;
+
+  const [copied, setCopied] = useState(false);
+  const [copyError, setCopyError] = useState<Error | null>(null);
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+  const copyToClipboard = async (params: CopyToClipboardParams<T>) => {
+    try {
+      setCopyError(null);
+      setCopied(false);
+
+      const csv = generateCSV(params.data, params.columns);
+      const html = generateHTMLTable(params.data, params.columns);
+
+      const clipboardItem = new ClipboardItem({
+        'text/plain': csv,
+        'text/html': html,
+      });
+
+      await navigator.clipboard.write([clipboardItem]);
+
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+
+      setCopied(true);
+
+      timeoutRef.current = setTimeout(
+        () => setCopied(false),
+        successDurationMs
+      );
+    } catch (caughtError) {
+      const errorToSet =
+        caughtError instanceof Error
+          ? caughtError
+          : new Error('Failed to copy to clipboard');
+      setCopyError(errorToSet);
+      setCopied(false);
+    }
+  };
+
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+
+  return {
+    copyToClipboard,
+    copied,
+    error: copyError,
+  };
+};

From fc2b369f106a2158d0ab91c9ec524e994fb29067 Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Fri, 23 Jan 2026 10:54:28 +0000
Subject: [PATCH 02/10] CCM-12890: simplify copying

---
 .../molecules/MessagePlansList.test.tsx       | 51 +++++++++-
 .../use-copy-table-to-clipboard.hook.test.tsx | 93 ++++++++++++-------
 .../hooks/use-copy-table-to-clipboard.hook.ts | 38 ++------
 3 files changed, 115 insertions(+), 67 deletions(-)
 rename frontend/src/hooks/{__tests__ => }/use-copy-table-to-clipboard.hook.test.tsx (63%)

diff --git a/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx b/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
index b37a91fb9..edc52464f 100644
--- a/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
+++ b/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
@@ -1,5 +1,9 @@
-import { render, screen } from '@testing-library/react';
-import { MessagePlansList } from '@molecules/MessagePlansList/MessagePlansList';
+import { fireEvent, render, screen } from '@testing-library/react';
+import {
+  MessagePlanListItem,
+  MessagePlansList,
+} from '@molecules/MessagePlansList/MessagePlansList';
+import userEvent from '@testing-library/user-event';
 
 describe('MessagePlansList', () => {
   it('matches snapshot when data is available', async () => {
@@ -59,4 +63,47 @@ describe('MessagePlansList', () => {
 
     expect(lastEditedCell).toHaveTextContent('13:00');
   });
+
+  it('should copy message plan names and IDs to clipboard when button is clicked', async () => {
+    const mockPlans: MessagePlanListItem[] = [
+      { name: 'Plan 1', id: 'id-1', lastUpdated: '2026-01-23T10:00:00Z' },
+      { name: 'Plan 2', id: 'id-2', lastUpdated: '2026-01-23T11:00:00Z' },
+    ];
+
+    const mockClipboardWrite = jest.fn().mockResolvedValue(undefined);
+
+    Object.defineProperty(navigator, 'clipboard', {
+      value: { write: mockClipboardWrite },
+      writable: true,
+      configurable: true,
+    });
+
+    global.ClipboardItem = jest.fn(
+      (data) => data
+    ) as unknown as typeof ClipboardItem;
+
+    const { getByTestId } = render(
+      <MessagePlansList status='DRAFT' count={2} plans={mockPlans} />
+    );
+
+    const expander = getByTestId('message-plans-list-draft');
+    fireEvent.click(expander);
+
+    const copyButton = getByTestId('copy-button-draft');
+    await userEvent.click(copyButton);
+
+    expect(mockClipboardWrite).toHaveBeenCalledTimes(1);
+
+    const [clipboardItem] = mockClipboardWrite.mock.calls[0][0];
+
+    const csv = clipboardItem['text/plain'];
+
+    const expectedCSV = [
+      'routing_plan_name,routing_plan_id',
+      '"Plan 1","id-1"',
+      '"Plan 2","id-2"',
+    ].join('\n');
+
+    expect(csv).toEqual(expectedCSV);
+  });
 });
diff --git a/frontend/src/hooks/__tests__/use-copy-table-to-clipboard.hook.test.tsx b/frontend/src/hooks/use-copy-table-to-clipboard.hook.test.tsx
similarity index 63%
rename from frontend/src/hooks/__tests__/use-copy-table-to-clipboard.hook.test.tsx
rename to frontend/src/hooks/use-copy-table-to-clipboard.hook.test.tsx
index 8c5a3d974..fe02a4ec4 100644
--- a/frontend/src/hooks/__tests__/use-copy-table-to-clipboard.hook.test.tsx
+++ b/frontend/src/hooks/use-copy-table-to-clipboard.hook.test.tsx
@@ -1,10 +1,10 @@
 import { renderHook, act } from '@testing-library/react';
-import { useCopyTableToClipboard } from '../use-copy-table-to-clipboard.hook';
+import { useCopyTableToClipboard } from './use-copy-table-to-clipboard.hook';
 
-type TestData = Record<string, unknown> & {
+type TestData = {
   name: string;
   id: string;
-  value: number;
+  value: string;
 };
 
 describe('useCopyTableToClipboard', () => {
@@ -38,8 +38,8 @@ describe('useCopyTableToClipboard', () => {
     const { result } = renderHook(() => useCopyTableToClipboard<TestData>());
 
     const testData: TestData[] = [
-      { name: 'Test "quoted" value', id: 'id-1', value: 100 },
-      { name: '<script>alert("xss")</script>', id: 'id & value', value: 200 },
+      { name: 'Test "quoted" value', id: 'id-1', value: '100' },
+      { name: '<template test name>', id: 'id & value', value: '200' },
     ];
 
     await act(async () => {
@@ -54,20 +54,41 @@ describe('useCopyTableToClipboard', () => {
 
     expect(mockClipboardWrite).toHaveBeenCalledTimes(1);
 
-    const callArgs = mockClipboardWrite.mock.calls[0][0];
-    const clipboardItem = callArgs[0];
+    const [clipboardItem] = mockClipboardWrite.mock.calls[0][0];
     const csv = clipboardItem['text/plain'];
     const html = clipboardItem['text/html'];
 
-    expect(csv).toContain('"Name","ID"');
-    expect(csv).toContain('"Test ""quoted"" value","id-1"');
-    expect(csv).toContain('"id & value"');
-
-    expect(html).toContain('<table>');
-    expect(html).toContain('<th>Name</th>');
-    expect(html).toContain('&lt;script&gt;');
-    expect(html).toContain('id &amp; value');
-    expect(html).not.toContain('<script>');
+    const expectedCSV = [
+      'Name,ID',
+      '"Test "quoted" value","id-1"',
+      '"<template test name>","id & value"',
+    ].join('\n');
+
+    expect(csv).toEqual(expectedCSV);
+
+    const expectedHTML = `
+    <table>
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th>ID</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Test "quoted" value</td>
+          <td>id-1</td>
+        </tr>
+        <tr>
+          <td><template test name></td>
+          <td>id & value</td>
+        </tr>
+      </tbody>
+    </table>`
+      .replaceAll(/>\s+</g, '><')
+      .trim();
+
+    expect(html).toEqual(expectedHTML);
 
     expect(result.current.copied).toBe(true);
     expect(result.current.error).toBeNull();
@@ -86,7 +107,7 @@ describe('useCopyTableToClipboard', () => {
 
     await act(async () => {
       await result.current.copyToClipboard({
-        data: [{ name: 'Test', id: 'id-1', value: 100 }],
+        data: [{ name: 'Test', id: 'id-1', value: '100' }],
         columns: [{ key: 'name', header: 'Name' }],
       });
     });
@@ -94,12 +115,11 @@ describe('useCopyTableToClipboard', () => {
     expect(result.current.error).toEqual(new Error('Permission denied'));
     expect(result.current.copied).toBe(false);
 
-    // Error clears on successful copy
     mockClipboardWrite.mockResolvedValueOnce(undefined);
 
     await act(async () => {
       await result.current.copyToClipboard({
-        data: [{ name: 'Test', id: 'id-1', value: 100 }],
+        data: [{ name: 'Test', id: 'id-1', value: '100' }],
         columns: [{ key: 'name', header: 'Name' }],
       });
     });
@@ -108,44 +128,45 @@ describe('useCopyTableToClipboard', () => {
     expect(result.current.copied).toBe(true);
   });
 
-  it('should handle non-Error exceptions', async () => {
-    mockClipboardWrite.mockRejectedValueOnce('String error');
-
+  it('should clear previous timeout when copying multiple times', async () => {
     const { result } = renderHook(() => useCopyTableToClipboard<TestData>());
 
+    const testData: TestData[] = [{ name: 'Test 1', id: 'id-1', value: '100' }];
+
     await act(async () => {
       await result.current.copyToClipboard({
-        data: [{ name: 'Test', id: 'id-1', value: 100 }],
+        data: testData,
         columns: [{ key: 'name', header: 'Name' }],
       });
     });
 
-    expect(result.current.error).toEqual(
-      new Error('Failed to copy to clipboard')
-    );
-    expect(result.current.copied).toBe(false);
-  });
+    expect(result.current.copied).toBe(true);
+
+    act(() => {
+      jest.advanceTimersByTime(2500);
+    });
 
-  it('should cleanup timeout on unmount', async () => {
-    const { result, unmount } = renderHook(() =>
-      useCopyTableToClipboard<TestData>()
-    );
+    expect(result.current.copied).toBe(true);
 
     await act(async () => {
       await result.current.copyToClipboard({
-        data: [{ name: 'Test', id: 'id-1', value: 100 }],
+        data: testData,
         columns: [{ key: 'name', header: 'Name' }],
       });
     });
 
     expect(result.current.copied).toBe(true);
 
-    unmount();
+    act(() => {
+      jest.advanceTimersByTime(2500);
+    });
+
+    expect(result.current.copied).toBe(true);
 
     act(() => {
-      jest.advanceTimersByTime(5000);
+      jest.advanceTimersByTime(2500);
     });
 
-    // No errors thrown - cleanup successful
+    expect(result.current.copied).toBe(false);
   });
 });
diff --git a/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts b/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts
index dff11a48f..c5b605550 100644
--- a/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts
+++ b/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts
@@ -14,46 +14,30 @@ type CopyToClipboardParams<T> = {
   columns: ColumnDefinition<T>[];
 };
 
-const escapeCSVValue = (value: unknown): string => {
-  const stringValue = String(value ?? '');
-  // Wrap in quotes and escape existing quotes by doubling them
-  return `"${stringValue.replaceAll('"', '""')}"`;
-};
-
-const generateCSV = <T extends Record<string, unknown>>(
+const generateCSV = <T extends Record<string, string>>(
   data: T[],
   columns: ColumnDefinition<T>[]
 ): string => {
-  const headerRow = columns.map((col) => escapeCSVValue(col.header)).join(',');
+  const headerRow = columns.map((col) => col.header).join(',');
 
   const dataRows = data.map((row) =>
-    columns.map((col) => escapeCSVValue(row[col.key])).join(',')
+    columns.map((col) => `"${row[col.key]}"`).join(',')
   );
 
   return [headerRow, ...dataRows].join('\n');
 };
 
-const escapeHTMLValue = (value: unknown): string => {
-  const stringValue = String(value ?? '');
-  return stringValue
-    .replaceAll('&', '&amp;')
-    .replaceAll('<', '&lt;')
-    .replaceAll('>', '&gt;');
-};
-
 const generateHTMLTable = <T extends Record<string, unknown>>(
   data: T[],
   columns: ColumnDefinition<T>[]
 ): string => {
-  const headerRow = columns
-    .map((col) => `<th>${escapeHTMLValue(col.header)}</th>`)
-    .join('');
+  const headerRow = columns.map((col) => `<th>${col.header}</th>`).join('');
 
   const dataRows = data
     .map((row) => {
       const cells = columns
         .map((col) => {
-          return `<td>${escapeHTMLValue(row[col.key])}</td>`;
+          return `<td>${row[col.key]}</td>`;
         })
         .join('');
       return `<tr>${cells}</tr>`;
@@ -63,14 +47,14 @@ const generateHTMLTable = <T extends Record<string, unknown>>(
   return `<table><thead><tr>${headerRow}</tr></thead><tbody>${dataRows}</tbody></table>`;
 };
 
-export const useCopyTableToClipboard = <T extends Record<string, unknown>>(
+export const useCopyTableToClipboard = <T extends Record<string, string>>(
   options: UseCopyTableToClipboardOptions = {}
 ) => {
   const { successDurationMs = 5000 } = options;
 
   const [copied, setCopied] = useState(false);
-  const [copyError, setCopyError] = useState<Error | null>(null);
-  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const [copyError, setCopyError] = useState<unknown>(null);
+  const timeoutRef = useRef<NodeJS.Timeout>(null);
 
   const copyToClipboard = async (params: CopyToClipboardParams<T>) => {
     try {
@@ -98,11 +82,7 @@ export const useCopyTableToClipboard = <T extends Record<string, unknown>>(
         successDurationMs
       );
     } catch (caughtError) {
-      const errorToSet =
-        caughtError instanceof Error
-          ? caughtError
-          : new Error('Failed to copy to clipboard');
-      setCopyError(errorToSet);
+      setCopyError(caughtError);
       setCopied(false);
     }
   };

From 7d18d61afb1c94b5ef3209af6af25de6e7e687b8 Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Fri, 23 Jan 2026 11:00:21 +0000
Subject: [PATCH 03/10] CCM-12890: move test from next to code location to
 __test__ location because of linting

---
 .../hooks/use-copy-table-to-clipboard.hook.test.tsx             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
 rename frontend/src/{ => __tests__}/hooks/use-copy-table-to-clipboard.hook.test.tsx (97%)

diff --git a/frontend/src/hooks/use-copy-table-to-clipboard.hook.test.tsx b/frontend/src/__tests__/hooks/use-copy-table-to-clipboard.hook.test.tsx
similarity index 97%
rename from frontend/src/hooks/use-copy-table-to-clipboard.hook.test.tsx
rename to frontend/src/__tests__/hooks/use-copy-table-to-clipboard.hook.test.tsx
index fe02a4ec4..660825a09 100644
--- a/frontend/src/hooks/use-copy-table-to-clipboard.hook.test.tsx
+++ b/frontend/src/__tests__/hooks/use-copy-table-to-clipboard.hook.test.tsx
@@ -1,5 +1,5 @@
 import { renderHook, act } from '@testing-library/react';
-import { useCopyTableToClipboard } from './use-copy-table-to-clipboard.hook';
+import { useCopyTableToClipboard } from '../../hooks/use-copy-table-to-clipboard.hook';
 
 type TestData = {
   name: string;

From 6959dd9085264617197cc7e65aa3d1c6f36d403c Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Fri, 23 Jan 2026 11:50:43 +0000
Subject: [PATCH 04/10] CCM-12890: self-review

---
 .../__tests__/components/molecules/MessagePlansList.test.tsx    | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx b/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
index edc52464f..67438e351 100644
--- a/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
+++ b/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
@@ -90,9 +90,11 @@ describe('MessagePlansList', () => {
     fireEvent.click(expander);
 
     const copyButton = getByTestId('copy-button-draft');
+
     await userEvent.click(copyButton);
 
     expect(mockClipboardWrite).toHaveBeenCalledTimes(1);
+    expect(copyButton).toHaveTextContent("Names and ID's copied to clipboard");
 
     const [clipboardItem] = mockClipboardWrite.mock.calls[0][0];
 

From 22272a718bfb62743854e19c8b0f9383374dd2e3 Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Wed, 28 Jan 2026 10:56:33 +0000
Subject: [PATCH 05/10] CCM-12890: add error state when failing to copy to
 clipboard

---
 .../molecules/MessagePlansList.test.tsx       | 38 ++++++++++++++++++-
 .../use-copy-table-to-clipboard.hook.test.tsx | 20 ++++++----
 .../MessagePlansList/MessagePlansList.tsx     | 14 +++++--
 frontend/src/content/content.ts               |  3 +-
 .../hooks/use-copy-table-to-clipboard.hook.ts | 32 +++++++++++++---
 5 files changed, 89 insertions(+), 18 deletions(-)

diff --git a/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx b/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
index 67438e351..1c3f3216b 100644
--- a/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
+++ b/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
@@ -94,7 +94,7 @@ describe('MessagePlansList', () => {
     await userEvent.click(copyButton);
 
     expect(mockClipboardWrite).toHaveBeenCalledTimes(1);
-    expect(copyButton).toHaveTextContent("Names and ID's copied to clipboard");
+    expect(copyButton).toHaveTextContent('Names and IDs copied to clipboard');
 
     const [clipboardItem] = mockClipboardWrite.mock.calls[0][0];
 
@@ -108,4 +108,40 @@ describe('MessagePlansList', () => {
 
     expect(csv).toEqual(expectedCSV);
   });
+
+  it('should display error message when clipboard write fails', async () => {
+    const mockPlans: MessagePlanListItem[] = [
+      { name: 'Plan 1', id: 'id-1', lastUpdated: '2026-01-23T10:00:00Z' },
+    ];
+
+    const mockClipboardWrite = jest
+      .fn()
+      .mockRejectedValue(new Error('Permission denied'));
+
+    Object.defineProperty(navigator, 'clipboard', {
+      value: { write: mockClipboardWrite },
+      writable: true,
+      configurable: true,
+    });
+
+    global.ClipboardItem = jest.fn(
+      (data) => data
+    ) as unknown as typeof ClipboardItem;
+
+    const { getByTestId } = render(
+      <MessagePlansList status='DRAFT' count={1} plans={mockPlans} />
+    );
+
+    const expander = getByTestId('message-plans-list-draft');
+    fireEvent.click(expander);
+
+    const copyButton = getByTestId('copy-button-draft');
+
+    await userEvent.click(copyButton);
+
+    expect(mockClipboardWrite).toHaveBeenCalledTimes(1);
+    expect(copyButton).toHaveTextContent(
+      'Failed copying Names and IDs to clipboard'
+    );
+  });
 });
diff --git a/frontend/src/__tests__/hooks/use-copy-table-to-clipboard.hook.test.tsx b/frontend/src/__tests__/hooks/use-copy-table-to-clipboard.hook.test.tsx
index 660825a09..a3c3cf96a 100644
--- a/frontend/src/__tests__/hooks/use-copy-table-to-clipboard.hook.test.tsx
+++ b/frontend/src/__tests__/hooks/use-copy-table-to-clipboard.hook.test.tsx
@@ -60,7 +60,7 @@ describe('useCopyTableToClipboard', () => {
 
     const expectedCSV = [
       'Name,ID',
-      '"Test "quoted" value","id-1"',
+      '"Test ""quoted"" value","id-1"',
       '"<template test name>","id & value"',
     ].join('\n');
 
@@ -76,12 +76,12 @@ describe('useCopyTableToClipboard', () => {
       </thead>
       <tbody>
         <tr>
-          <td>Test "quoted" value</td>
+          <td>Test &quot;quoted&quot; value</td>
           <td>id-1</td>
         </tr>
         <tr>
-          <td><template test name></td>
-          <td>id & value</td>
+          <td>&lt;template test name&gt;</td>
+          <td>id &amp; value</td>
         </tr>
       </tbody>
     </table>`
@@ -91,7 +91,7 @@ describe('useCopyTableToClipboard', () => {
     expect(html).toEqual(expectedHTML);
 
     expect(result.current.copied).toBe(true);
-    expect(result.current.error).toBeNull();
+    expect(result.current.copyError).toBeNull();
 
     act(() => {
       jest.advanceTimersByTime(5000);
@@ -112,9 +112,15 @@ describe('useCopyTableToClipboard', () => {
       });
     });
 
-    expect(result.current.error).toEqual(new Error('Permission denied'));
+    expect(result.current.copyError).toEqual(new Error('Permission denied'));
     expect(result.current.copied).toBe(false);
 
+    act(() => {
+      jest.advanceTimersByTime(5000);
+    });
+
+    expect(result.current.copyError).toBeNull();
+
     mockClipboardWrite.mockResolvedValueOnce(undefined);
 
     await act(async () => {
@@ -124,7 +130,7 @@ describe('useCopyTableToClipboard', () => {
       });
     });
 
-    expect(result.current.error).toBeNull();
+    expect(result.current.copyError).toBeNull();
     expect(result.current.copied).toBe(true);
   });
 
diff --git a/frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx b/frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx
index 23c67decd..f10552e23 100644
--- a/frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx
+++ b/frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx
@@ -31,7 +31,7 @@ export const MessagePlansList = (props: MessagePlansListProps) => {
   const { status, count } = props;
   const statusDisplayMapping = messagePlanStatusToDisplayText(status);
   const statusDisplayLower = statusDisplayMapping.toLowerCase();
-  const { copyToClipboard, copied } =
+  const { copyToClipboard, copied, copyError } =
     useCopyTableToClipboard<MessagePlanListItem>();
 
   const handleCopyToClipboard = async () => {
@@ -72,6 +72,14 @@ export const MessagePlansList = (props: MessagePlansListProps) => {
     </Table.Row>
   ));
 
+  let copyButtonText = messagePlansListComponent.copyText;
+
+  if (copied) {
+    copyButtonText = messagePlansListComponent.copiedText;
+  } else if (copyError) {
+    copyButtonText = messagePlansListComponent.copiedFailedText;
+  }
+
   return (
     <Details expander data-testid={`message-plans-list-${statusDisplayLower}`}>
       <Details.Summary
@@ -92,9 +100,7 @@ export const MessagePlansList = (props: MessagePlansListProps) => {
               secondary
               onClick={handleCopyToClipboard}
             >
-              {copied
-                ? messagePlansListComponent.copiedText
-                : messagePlansListComponent.copyText}
+              {copyButtonText}
             </Button>
           </>
         ) : (
diff --git a/frontend/src/content/content.ts b/frontend/src/content/content.ts
index e7c5ae415..1dc99f9ea 100644
--- a/frontend/src/content/content.ts
+++ b/frontend/src/content/content.ts
@@ -1371,7 +1371,8 @@ const messagePlansListComponent = {
   noMessagePlansMessage: 'You do not have any message plans in {{status}} yet.',
   messagePlanLink: '/message-plans/choose-templates/{{routingConfigId}}',
   copyText: 'Copy names and IDs to clipboard',
-  copiedText: "Names and ID's copied to clipboard",
+  copiedText: 'Names and IDs copied to clipboard',
+  copiedFailedText: 'Failed copying Names and IDs to clipboard',
 };
 
 const chooseMessageOrder = {
diff --git a/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts b/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts
index c5b605550..f759874ba 100644
--- a/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts
+++ b/frontend/src/hooks/use-copy-table-to-clipboard.hook.ts
@@ -21,23 +21,41 @@ const generateCSV = <T extends Record<string, string>>(
   const headerRow = columns.map((col) => col.header).join(',');
 
   const dataRows = data.map((row) =>
-    columns.map((col) => `"${row[col.key]}"`).join(',')
+    columns
+      .map((col) => {
+        const escaped = row[col.key].replaceAll('"', '""');
+        return `"${escaped}"`;
+      })
+      .join(',')
   );
 
   return [headerRow, ...dataRows].join('\n');
 };
 
-const generateHTMLTable = <T extends Record<string, unknown>>(
+const escapeHtml = (text: string): string => {
+  const htmlEntities: Record<string, string> = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;',
+  };
+  return text.replaceAll(/["&'<>]/g, (char) => htmlEntities[char]);
+};
+
+const generateHTMLTable = <T extends Record<string, string>>(
   data: T[],
   columns: ColumnDefinition<T>[]
 ): string => {
-  const headerRow = columns.map((col) => `<th>${col.header}</th>`).join('');
+  const headerRow = columns
+    .map((col) => `<th>${escapeHtml(col.header)}</th>`)
+    .join('');
 
   const dataRows = data
     .map((row) => {
       const cells = columns
         .map((col) => {
-          return `<td>${row[col.key]}</td>`;
+          return `<td>${escapeHtml(row[col.key])}</td>`;
         })
         .join('');
       return `<tr>${cells}</tr>`;
@@ -84,6 +102,10 @@ export const useCopyTableToClipboard = <T extends Record<string, string>>(
     } catch (caughtError) {
       setCopyError(caughtError);
       setCopied(false);
+      timeoutRef.current = setTimeout(
+        () => setCopyError(null),
+        successDurationMs
+      );
     }
   };
 
@@ -98,6 +120,6 @@ export const useCopyTableToClipboard = <T extends Record<string, string>>(
   return {
     copyToClipboard,
     copied,
-    error: copyError,
+    copyError,
   };
 };

From f3922aab5571c909ea8069e0e428d0b45a437956 Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Wed, 28 Jan 2026 15:01:07 +0000
Subject: [PATCH 06/10] CCM-12890: add component test

---
 .../message-plans.routing-component.spec.ts   | 81 +++++++++++++++++++
 1 file changed, 81 insertions(+)

diff --git a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
index d658773e7..4d36f1273 100644
--- a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
+++ b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
@@ -126,6 +126,87 @@ test.describe('Message plans Page', () => {
     ).toBeUndefined();
   });
 
+  test('should copy message plan names and IDs to clipboard when copy button is clicked', async ({
+    page,
+  }) => {
+    const messagePlanPage = new RoutingMessagePlansPage(page);
+    await messagePlanPage.loadPage();
+
+    await messagePlanPage.draftMessagePlansTable.click();
+
+    const draftCopyButton = page.getByTestId('copy-button-draft');
+
+    await page
+      .context()
+      .grantPermissions(['clipboard-read', 'clipboard-write']);
+
+    await draftCopyButton.click();
+
+    await expect(draftCopyButton).toHaveText(
+      'Names and IDs copied to clipboard'
+    );
+
+    const clipboardText = await page.evaluate(() =>
+      navigator.clipboard.readText()
+    );
+
+    expect(clipboardText).toEqual(
+      [
+        'routing_plan_name,routing_plan_id',
+        `"${routingConfigs.draftNew.name}","${routingConfigs.draftNew.id}"`,
+        `"${routingConfigs.draftOld.name}","${routingConfigs.draftOld.id}"`,
+      ].join('\n')
+    );
+
+    await messagePlanPage.productionMessagePlansTable.click();
+
+    const productionCopyButton = page.getByTestId('copy-button-production');
+
+    await productionCopyButton.click();
+
+    await expect(productionCopyButton).toHaveText(
+      'Names and IDs copied to clipboard'
+    );
+
+    const productionClipboardText = await page.evaluate(() =>
+      navigator.clipboard.readText()
+    );
+
+    expect(productionClipboardText).toEqual(
+      [
+        `routing_plan_name,routing_plan_id`,
+        `"${routingConfigs.production.name}","${routingConfigs.production.id}"`,
+      ].join('\n')
+    );
+  });
+
+  test('should display error message when clipboard write fails', async ({
+    page,
+  }) => {
+    const messagePlanPage = new RoutingMessagePlansPage(page);
+    await messagePlanPage.loadPage();
+
+    await messagePlanPage.draftMessagePlansTable.click();
+
+    const copyButton = page.getByTestId('copy-button-draft');
+
+    await copyButton.click();
+
+    await expect(copyButton).toHaveText(
+      'Failed copying Names and IDs to clipboard'
+    );
+
+    await messagePlanPage.productionMessagePlansTable.click();
+
+    const productionButton = page.getByTestId('copy-button-production');
+
+    await productionButton.click();
+
+    await expect(productionButton).toHaveText(
+      'Failed copying Names and IDs to clipboard'
+    );
+  });
+
   test('common page tests', async ({ page, baseURL }) => {
     const props = {
       page: new RoutingMessagePlansPage(page),

From 8160fb262ba18838348528777c51a9835f04dee5 Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Thu, 29 Jan 2026 09:50:24 +0000
Subject: [PATCH 07/10] CCM-12890: fix automated test

---
 .../message-plans.routing-component.spec.ts   | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
index 4d36f1273..9b33d12f4 100644
--- a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
+++ b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
@@ -146,16 +146,17 @@ test.describe('Message plans Page', () => {
       'Names and IDs copied to clipboard'
     );
 
-    const clipboardText = await page.evaluate(() =>
+    const draftClipboardText = await page.evaluate(() =>
       navigator.clipboard.readText()
     );
 
-    expect(clipboardText).toEqual(
-      [
-        'routing_plan_name,routing_plan_id',
-        `"${routingConfigs.draftNew.name}","${routingConfigs.draftNew.id}"`,
-        `"${routingConfigs.draftOld.name}","${routingConfigs.draftOld.id}"`,
-      ].join('\n')
+    expect(draftClipboardText).toContain('routing_plan_name,routing_plan_id');
+
+    expect(draftClipboardText).toContain(
+      `"${routingConfigs.draftNew.name}","${routingConfigs.draftNew.id}"`
+    );
+    expect(draftClipboardText).toContain(
+      `"${routingConfigs.draftOld.name}","${routingConfigs.draftOld.id}"`
     );
 
     await messagePlanPage.productionMessagePlansTable.click();
@@ -172,11 +173,12 @@ test.describe('Message plans Page', () => {
       navigator.clipboard.readText()
     );
 
-    expect(productionClipboardText).toEqual(
-      [
-        `routing_plan_name,routing_plan_id`,
-        `"${routingConfigs.production.name}","${routingConfigs.production.id}"`,
-      ].join('\n')
+    expect(productionClipboardText).toContain(
+      'routing_plan_name,routing_plan_id'
+    );
+
+    expect(productionClipboardText).toContain(
+      `"${routingConfigs.production.name}","${routingConfigs.production.id}"`
     );
   });
 

From e10a9f28202acf875351fb74e19053ff163b7284 Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Fri, 30 Jan 2026 09:14:26 +0000
Subject: [PATCH 08/10] CCM-12890: fix grammar

---
 .../__tests__/components/molecules/MessagePlansList.test.tsx  | 2 +-
 frontend/src/content/content.ts                               | 2 +-
 .../message-plans.routing-component.spec.ts                   | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx b/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
index 1c3f3216b..29bc99b63 100644
--- a/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
+++ b/frontend/src/__tests__/components/molecules/MessagePlansList.test.tsx
@@ -141,7 +141,7 @@ describe('MessagePlansList', () => {
 
     expect(mockClipboardWrite).toHaveBeenCalledTimes(1);
     expect(copyButton).toHaveTextContent(
-      'Failed copying Names and IDs to clipboard'
+      'Failed copying names and IDs to clipboard'
     );
   });
 });
diff --git a/frontend/src/content/content.ts b/frontend/src/content/content.ts
index 0cd990e56..e6f299467 100644
--- a/frontend/src/content/content.ts
+++ b/frontend/src/content/content.ts
@@ -1415,7 +1415,7 @@ const messagePlansListComponent = {
   messagePlanLink: '/message-plans/choose-templates/{{routingConfigId}}',
   copyText: 'Copy names and IDs to clipboard',
   copiedText: 'Names and IDs copied to clipboard',
-  copiedFailedText: 'Failed copying Names and IDs to clipboard',
+  copiedFailedText: 'Failed copying names and IDs to clipboard',
 };
 
 const chooseMessageOrder = {
diff --git a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
index 9b33d12f4..2607d2a66 100644
--- a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
+++ b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
@@ -195,7 +195,7 @@ test.describe('Message plans Page', () => {
     await copyButton.click();
 
     await expect(copyButton).toHaveText(
-      'Failed copying Names and IDs to clipboard'
+      'Failed copying names and IDs to clipboard'
     );
 
     await messagePlanPage.productionMessagePlansTable.click();
@@ -205,7 +205,7 @@ test.describe('Message plans Page', () => {
     await productionButton.click();
 
     await expect(productionButton).toHaveText(
-      'Failed copying Names and IDs to clipboard'
+      'Failed copying names and IDs to clipboard'
     );
   });
 

From d0b723ddc1d11f2f7542d4406d302f405784d65a Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Mon, 2 Feb 2026 09:17:19 +0000
Subject: [PATCH 09/10] CCM-12890: clear permissions on test

---
 .../message-plans.routing-component.spec.ts                   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
index 2607d2a66..b10fbaf35 100644
--- a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
+++ b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
@@ -188,6 +188,10 @@ test.describe('Message plans Page', () => {
     const messagePlanPage = new RoutingMessagePlansPage(page);
     await messagePlanPage.loadPage();
 
+   await page
+      .context()
+      .clearPermissions();
+
     await messagePlanPage.draftMessagePlansTable.click();
 
     const copyButton = page.getByTestId('copy-button-draft');

From aec145815d7ee6d7e5c0460210567f00b635eddc Mon Sep 17 00:00:00 2001
From: bhansell1 <ben.hansell1@nhs.net>
Date: Mon, 2 Feb 2026 12:34:16 +0000
Subject: [PATCH 10/10] CCM-12890: linting

---
 .../message-plans.routing-component.spec.ts                   | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
index b10fbaf35..4a452e1a0 100644
--- a/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
+++ b/tests/test-team/template-mgmt-routing-component-tests/message-plans.routing-component.spec.ts
@@ -188,9 +188,7 @@ test.describe('Message plans Page', () => {
     const messagePlanPage = new RoutingMessagePlansPage(page);
     await messagePlanPage.loadPage();
 
-   await page
-      .context()
-      .clearPermissions();
+    await page.context().clearPermissions();
 
     await messagePlanPage.draftMessagePlansTable.click();