diff --git a/src/frontend/web/von_interface/static/js/components/taskPanel.js b/src/frontend/web/von_interface/static/js/components/taskPanel.js
index cd5e7936..e6ef7f27 100644
--- a/src/frontend/web/von_interface/static/js/components/taskPanel.js
+++ b/src/frontend/web/von_interface/static/js/components/taskPanel.js
@@ -15,6 +15,11 @@ import { renderMarkdownViaServer } from '../markdownUtils.js';
 import { selectBestNameForContext, selectShortestNameForContext } from '../utils/nameSelection.js';
 
 // Task panel state
+const _taskTabs = new Map();
+let _taskTabStackExpanded = false;
+let _taskTabCounter = 0;
+let _taskTabStackEl = null;
+let _taskTabRefreshSequence = 0;
 let _panelEl = null;
 let _taskListEl = null;
 let _globalTasksContainer = null;  // Container for global tasks tab
@@ -185,6 +190,9 @@ async function ensureTaskOrganisationOptionsLoaded() {
 }
 
 function resetTaskPanelScopedState(activeOrganisationConceptId, { actorChanged = false } = {}) {
+    const hadActiveTaskTab = [..._taskTabs.values()].some(tab => tab.content.classList.contains('active'));
+    for (const taskId of [..._taskTabs.keys()]) closeTaskTab(taskId, { activateFallback: false });
+    if (hadActiveTaskTab) activateTab('chatTab');
     _panelTaskIds = null;
     _panelLoadGeneration += 1;
     _taskQueueActivityGeneration += 1;
@@ -737,6 +745,7 @@ function formatDateTimeOrDash(value) {
 }
 
 function getTaskDetailState(taskId) {
+    if (_taskTabs.has(taskId)) return _taskTabs.get(taskId).detailState;
     if (!_taskDetailState[taskId]) {
         _taskDetailState[taskId] = {
             expanded: false,
@@ -2845,6 +2854,7 @@ async function openTaskWorkProduct(taskId) {
     detailState.productError = '';
     detailState.productHtml = '';
     renderTaskList();
+    renderTaskTab(taskId);
     try {
         const product = await getJson(`/api/tasks/${encodeURIComponent(taskId)}/work-product`);
         if (generation !== _taskQueueActivityGeneration) return;
@@ -2859,7 +2869,10 @@ async function openTaskWorkProduct(taskId) {
         detailState.productError = 'Could not open the current product. Try again.';
     } finally {
         detailState.productLoading = false;
-        if (generation === _taskQueueActivityGeneration) renderTaskList();
+        if (generation === _taskQueueActivityGeneration) {
+            renderTaskList();
+            renderTaskTab(taskId);
+        }
     }
 }
 
@@ -3141,7 +3154,7 @@ function renderTaskExternalResourceActions(task) {
     `;
 }
 
-function renderTaskInspector(task, detailState) {
+function renderTaskInspector(task, detailState, { inTaskTab = false } = {}) {
     const detailTask = detailState?.task || task;
     const taskId = getTaskId(detailTask);
     const sourceSummary = getTaskSourceSummary(detailTask);
@@ -3187,6 +3200,7 @@ function renderTaskInspector(task, detailState) {
                     <span class="task-priority-chip">${escapeHtml(getPriorityInfo(detailTask.priority).label)}</span>
                     ${renderTaskExecuteWithVonButton(detailTask, 'task-inspector-execute-btn')}
                     ${renderTaskDiscussButton(detailTask, 'task-inspector-discuss-btn')}
+                    ${!inTaskTab ? renderOpenTaskTabButton(taskId) : ''}
                 </div>
             </div>
 
@@ -3368,6 +3382,143 @@ function renderTaskInspector(task, detailState) {
     `;
 }
 
+function renderOpenTaskTabButton(taskId) {
+    return `<button type="button" class="task-open-in-tab-btn btn-mini" data-task-id="${escapeHtml(taskId)}">Open in Tab</button>`;
+}
+
+// Reuse the concept stack presentation, with independent task contents and recency.
+function rebuildTaskTabStack() {
+    if (!_taskTabs.size) {
+        _taskTabStackEl?.remove();
+        _taskTabStackEl = null;
+        _taskTabStackExpanded = false;
+    } else {
+        if (!_taskTabStackEl) {
+            _taskTabStackEl = document.createElement('div');
+            _taskTabStackEl.id = 'taskTabStack';
+            _taskTabStackEl.className = 'concept-tab-bucket task-tab-stack';
+            _taskTabStackEl.setAttribute('role', 'group');
+            _taskTabStackEl.setAttribute('aria-label', 'Open task tabs');
+            const container = document.getElementById('tabContainer');
+            const anchor = container.querySelector('[data-tab="globalTasksTab"]');
+            container.insertBefore(_taskTabStackEl, anchor?.parentElement === container ? anchor : null);
+        }
+        const entries = [..._taskTabs.values()].reverse();
+        const primary = document.createElement('div');
+        primary.className = 'concept-tab-bucket-primary';
+        primary.appendChild(entries[0].button);
+        const overflow = document.createElement('div');
+        overflow.id = 'taskTabStackOverflow';
+        overflow.className = 'concept-tab-bucket-panel';
+        overflow.hidden = !_taskTabStackExpanded;
+        if (entries.length > 1) {
+            const toggle = document.createElement('button');
+            toggle.type = 'button';
+            toggle.className = 'concept-tab-bucket-toggle';
+            toggle.textContent = `+${entries.length - 1}`;
+            toggle.setAttribute('aria-label', `${_taskTabStackExpanded ? 'Hide' : 'Show'} ${entries.length - 1} more task tabs`);
+            toggle.setAttribute('aria-expanded', String(_taskTabStackExpanded));
+            toggle.setAttribute('aria-controls', overflow.id);
+            toggle.onclick = () => {
+                _taskTabStackExpanded = !_taskTabStackExpanded;
+                rebuildTaskTabStack();
+                _taskTabStackEl.querySelector('.concept-tab-bucket-toggle')?.focus();
+            };
+            primary.appendChild(toggle);
+            entries.slice(1).forEach(entry => overflow.appendChild(entry.button));
+        }
+        _taskTabStackEl.classList.toggle('is-expanded', _taskTabStackExpanded);
+        _taskTabStackEl.replaceChildren(primary, overflow);
+    }
+    document.dispatchEvent(new CustomEvent('von:tab-strip-layout-changed'));
+}
+
+function activateTaskTab(taskId) {
+    const tab = _taskTabs.get(taskId);
+    if (!tab) return;
+    _taskTabs.delete(taskId);
+    _taskTabs.set(taskId, tab);
+    _taskTabStackExpanded = false;
+    rebuildTaskTabStack();
+    activateTab(tab.content.id);
+    tab.button.querySelector('.task-tab-open').focus();
+}
+
+function closeTaskTab(taskId, { activateFallback = true } = {}) {
+    const tab = _taskTabs.get(taskId);
+    if (!tab) return;
+    const wasActive = tab.content.classList.contains('active');
+    tab.button.remove();
+    tab.content.remove();
+    _taskTabs.delete(taskId);
+    rebuildTaskTabStack();
+    if (wasActive && activateFallback) {
+        const remaining = [..._taskTabs.keys()].pop();
+        if (remaining) activateTaskTab(remaining);
+        else {
+            activateTab('globalTasksTab');
+            void showGlobalTasks();
+            document.querySelector('[data-tab="globalTasksTab"]')?.focus();
+        }
+    }
+}
+
+function renderTaskTab(taskId) {
+    const tab = _taskTabs.get(taskId);
+    if (!tab) return;
+    const task = tab.detailState.task || tab.task;
+    const title = task.title || 'Untitled task';
+    tab.button.querySelector('.task-tab-open').textContent = `📋 ${title}`;
+    tab.button.title = title;
+    tab.button.querySelector('.close-tab').setAttribute('aria-label', `Close task tab: ${title}`);
+    tab.content.innerHTML = `<button type="button" class="task-tab-refresh btn-mini">Refresh task</button>${renderTaskInspector(task, tab.detailState, { inTaskTab: true })}`;
+    tab.content.querySelector('.task-tab-refresh').onclick = () => void loadTaskDetails(taskId);
+    attachTaskEventListeners([tab.content]);
+}
+
+export async function openTaskInTab(rawTaskId) {
+    const taskId = normaliseTaskConceptId(rawTaskId);
+    if (!taskId) return;
+    const container = document.getElementById('tabContainer');
+    const area = document.querySelector('.tab-content-area');
+    if (!container || !area) {
+        showToast('Task tabs are unavailable in this view.', 'error');
+        return;
+    }
+    ensureTaskPanelOrganisationSwitchListener();
+    ensureTaskPanelAuthStatusListener();
+    hideTaskPanel({ restoreFocus: false });
+    if (_taskTabs.has(taskId)) {
+        activateTaskTab(taskId);
+        return;
+    }
+    const task = _tasks.find(item => getTaskId(item) === taskId) || { task_concept_id: taskId };
+    const detailState = getTaskDetailState(taskId);
+    const content = document.createElement('div');
+    content.id = `taskTab_${++_taskTabCounter}`;
+    content.className = 'tab-content task-tab-content';
+    content.dataset.taskId = taskId;
+    const button = document.createElement('div');
+    button.className = 'tab-button closable task-tab-button';
+    button.dataset.tab = content.id;
+    button.dataset.taskId = taskId;
+    const open = document.createElement('button');
+    open.type = 'button';
+    open.className = 'task-tab-open tab-button-label';
+    open.onclick = () => activateTaskTab(taskId);
+    const close = document.createElement('button');
+    close.type = 'button';
+    close.className = 'close-tab';
+    close.textContent = '×';
+    close.onclick = (event) => { event.stopPropagation(); closeTaskTab(taskId); };
+    button.append(open, close);
+    area.appendChild(content);
+    _taskTabs.set(taskId, { task, detailState, button, content });
+    renderTaskTab(taskId);
+    activateTaskTab(taskId);
+    await loadTaskDetails(taskId);
+}
+
 function renderGlobalTaskInspector() {
     const inspectorEl = _globalTasksContainer?.querySelector('#globalTaskInspector');
     if (!inspectorEl || !_isGlobalTabMode) return;
@@ -3574,7 +3725,8 @@ function renderTaskItem(task) {
                     <button type="button" class="task-detail-toggle-btn" data-task-id="${taskId}" ${!_isGlobalTabMode ? `aria-expanded="${detailState.expanded}"` : ''} title="${_isGlobalTabMode ? 'Inspect task details' : (detailState.expanded ? 'Hide task details' : 'Show task details')}">
                         ${_isGlobalTabMode ? 'Inspect' : (detailState.expanded ? 'Hide details' : 'Show details')}
                     </button>
-                    ${!_isGlobalTabMode ? `<button type="button" class="task-open-in-tab-btn btn-mini" data-task-id="${taskId}">Open in Tasks</button>` : ''}
+                    ${renderOpenTaskTabButton(taskId)}
+                    ${!_isGlobalTabMode ? `<button type="button" class="task-open-in-tasks-btn btn-mini" data-task-id="${taskId}">Open in Tasks</button>` : ''}
                     <select class="task-status-select" data-task-id="${taskId}" title="Change status">
                         ${TASK_STATUS_OPTIONS.map(opt => `
                             <option value="${opt.value}" ${task.status === opt.value ? 'selected' : ''}>
@@ -3606,6 +3758,8 @@ function escapeHtml(str) {
 function replaceCachedTask(updatedTask) {
     const updatedTaskId = getTaskId(updatedTask);
     if (!updatedTaskId) return;
+    const tab = _taskTabs.get(updatedTaskId);
+    if (tab) tab.task = updatedTask;
     const existingIndex = _tasks.findIndex((item) => getTaskId(item) === updatedTaskId);
     if (existingIndex >= 0) {
         _tasks[existingIndex] = updatedTask;
@@ -3616,9 +3770,12 @@ function replaceCachedTask(updatedTask) {
 async function loadTaskDetails(taskId, { refreshList = false } = {}) {
     const detailState = getTaskDetailState(taskId);
     const scopeGenerationAtStart = _taskQueueActivityGeneration;
+    const requestSequence = ++_taskTabRefreshSequence;
+    detailState.requestSequence = requestSequence;
     detailState.loading = true;
     detailState.error = null;
     renderTaskList();
+    renderTaskTab(taskId);
 
     try {
         const [task, commentsResult, attachmentsResult, historyResult, worklogResult] = await Promise.all([
@@ -3628,7 +3785,7 @@ async function loadTaskDetails(taskId, { refreshList = false } = {}) {
             getJson(`/api/tasks/${encodeURIComponent(taskId)}/history?limit=200`),
             getJson(`/api/tasks/${encodeURIComponent(taskId)}/worklog?limit=200`),
         ]);
-        if (scopeGenerationAtStart !== _taskQueueActivityGeneration) return;
+        if (scopeGenerationAtStart !== _taskQueueActivityGeneration || detailState.requestSequence !== requestSequence) return;
         detailState.task = task;
         detailState.comments = commentsResult.comments || [];
         detailState.attachments = attachmentsResult.attachments || [];
@@ -3640,10 +3797,15 @@ async function loadTaskDetails(taskId, { refreshList = false } = {}) {
         }
     } catch (err) {
         console.error('[taskPanel] Failed to load task details:', err);
-        detailState.error = 'Failed to load task details';
+        if (scopeGenerationAtStart === _taskQueueActivityGeneration && detailState.requestSequence === requestSequence) {
+            detailState.error = 'Failed to load task details';
+        }
     } finally {
-        detailState.loading = false;
-        renderTaskList();
+        if (scopeGenerationAtStart === _taskQueueActivityGeneration && detailState.requestSequence === requestSequence) {
+            detailState.loading = false;
+            renderTaskList();
+            renderTaskTab(taskId);
+        }
     }
 }
 
@@ -3687,7 +3849,7 @@ async function saveTaskParityFields(taskId, panelEl) {
     setIfPresent('.task-detail-due-input', 'due_date', localInputValueToIso);
 
     const previousOrganisationId = normaliseTaskConceptId(
-        (_tasks.find((task) => getTaskId(task) === taskId)?.organisation_concept_id) || '',
+        (getTaskDetailState(taskId).task?.organisation_concept_id || _tasks.find((task) => getTaskId(task) === taskId)?.organisation_concept_id) || '',
     );
     const organisationInput = panelEl.querySelector('.task-detail-organisation-input');
     const requestedOrganisationId = normaliseTaskConceptId(
@@ -3699,6 +3861,7 @@ async function saveTaskParityFields(taskId, panelEl) {
     await patchJson(`/api/tasks/${encodeURIComponent(taskId)}`, payload);
     showToast('Task fields updated', 'success');
     if (Object.prototype.hasOwnProperty.call(payload, 'organisation_concept_id')) {
+        closeTaskTab(taskId);
         if (_isGlobalTabMode) {
             _selectedTaskId = '';
             delete _taskDetailState[taskId];
@@ -3813,8 +3976,8 @@ async function openTaskConversation(sessionId) {
 /**
  * Attach event listeners to task items.
  */
-function attachTaskEventListeners() {
-    const roots = [
+function attachTaskEventListeners(explicitRoots = null) {
+    const roots = explicitRoots || [
         _taskListEl,
         _globalTasksContainer?.querySelector('#globalTaskInspector'),
     ].filter(Boolean);
@@ -3885,6 +4048,14 @@ function attachTaskEventListeners() {
         });
 
         root.querySelectorAll('.task-open-in-tab-btn').forEach((button) => {
+            button.addEventListener('click', (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                void openTaskInTab(button.dataset.taskId);
+            });
+        });
+
+        root.querySelectorAll('.task-open-in-tasks-btn').forEach((button) => {
             button.addEventListener('click', (event) => {
                 event.stopPropagation();
                 const task = _tasks.find(item => getTaskId(item) === button.dataset.taskId);
@@ -4155,6 +4326,7 @@ async function updateTaskStatus(taskId, newStatus) {
         await patchJson(`/api/tasks/${encodeURIComponent(taskId)}`, { status: newStatus });
         showToast('Task updated', 'success');
         await refreshTasks();
+        if (_taskTabs.has(taskId)) await loadTaskDetails(taskId);
     } catch (err) {
         console.error('[taskPanel] Failed to update task:', err);
         showToast('Failed to update task', 'error');
@@ -4169,6 +4341,7 @@ async function deleteTask(taskId) {
         await deleteJson(`/api/tasks/${encodeURIComponent(taskId)}`);
         showToast('Task deleted', 'success');
 
+        closeTaskTab(taskId);
         // Remove from local cache and re-render
         _tasks = _tasks.filter(t => getTaskId(t) !== taskId);
         refreshTaskGroupOptions();
diff --git a/src/frontend/web/von_interface/static/styles.css b/src/frontend/web/von_interface/static/styles.css
index 07a44de6..cab4dcaf 100644
--- a/src/frontend/web/von_interface/static/styles.css
+++ b/src/frontend/web/von_interface/static/styles.css
@@ -19147,3 +19147,38 @@ html[data-footer-uptime="false"][data-footer-runtimecost="false"][data-footer-bu
 .message-draft-shell .prompt-input { width: 100%; box-sizing: border-box; }
 .message-draft-shell [data-draft-recovery][hidden] { display: none; }
 .message-draft-shell .composer-options-section select { max-width: 100%; min-height: 44px; }
+
+/* Task tabs share the concept stack layout while retaining task-specific controls. */
+.task-tab-button {
+    background: #eef7ff;
+    border-color: #b8d7f0;
+}
+
+.task-tab-open {
+    color: inherit;
+    font: inherit;
+    background: transparent;
+    border: 0;
+    padding: 0;
+    cursor: pointer;
+    text-align: left;
+}
+
+.task-tab-content {
+    max-width: 1100px;
+    margin-inline: auto;
+}
+
+.task-tab-content .task-inspector-card {
+    margin-top: 12px;
+}
+
+.task-tab-button .close-tab {
+    background: transparent;
+    border: 0;
+    padding: 0;
+}
+
+.task-tab-button .close-tab:hover {
+    background: rgba(255, 0, 0, 0.1);
+}
diff --git a/tests/frontend/taskPanelCopyLink.test.js b/tests/frontend/taskPanelCopyLink.test.js
index 8ef02096..eff58041 100644
--- a/tests/frontend/taskPanelCopyLink.test.js
+++ b/tests/frontend/taskPanelCopyLink.test.js
@@ -24,7 +24,7 @@ test.each(['popup', 'page'])('%s copies the exact task URL with feedback and no
     const panel = require(base + 'components/taskPanel.js');
     await panel.openTaskInPanel(taskId);
     if (surface === 'page') {
-        document.querySelector('.task-open-in-tab-btn').click();
+        document.querySelector('.task-open-in-tasks-btn').click();
         await panel.showGlobalTasks();
     }
     const root = document.querySelector(surface === 'popup' ? '#taskPanel' : '#globalTaskInspector');
diff --git a/tests/frontend/taskPanelReference.test.js b/tests/frontend/taskPanelReference.test.js
index 91fbceaa..2c870de3 100644
--- a/tests/frontend/taskPanelReference.test.js
+++ b/tests/frontend/taskPanelReference.test.js
@@ -72,7 +72,7 @@ test('Open in Tasks closes the popup and selects the exact task beyond the first
     const panel = require(base + 'components/taskPanel.js');
     await panel.openTaskInPanel('#V#exact_task');
     document.getElementById('taskStatusFilter').dispatchEvent(new Event('change'));
-    document.querySelector('.task-open-in-tab-btn').click();
+    document.querySelector('.task-open-in-tasks-btn').click();
     expect(document.getElementById('taskPanel').classList.contains('hidden')).toBe(true);
     expect(require(base + 'tabNavigation.js').activateTab).toHaveBeenCalledWith('globalTasksTab');
     await panel.showGlobalTasks();
diff --git a/tests/frontend/taskPanelTabs.test.js b/tests/frontend/taskPanelTabs.test.js
new file mode 100644
index 00000000..ccb9d6de
--- /dev/null
+++ b/tests/frontend/taskPanelTabs.test.js
@@ -0,0 +1,107 @@
+/** @jest-environment jsdom */
+jest.mock('../../src/frontend/web/von_interface/static/js/apiService.js', () => ({
+    getJson: jest.fn(), patchJson: jest.fn(), getUserContext: jest.fn(() => ({})),
+}));
+jest.mock('../../src/frontend/web/von_interface/static/js/tabNavigation.js', () => ({
+    activateTab: jest.fn(id => {
+        globalThis.document.querySelectorAll('.tab-content, .tab-button').forEach(el => el.classList.remove('active'));
+        globalThis.document.getElementById(id)?.classList.add('active');
+        globalThis.document.querySelector(`[data-tab="${id}"]`)?.classList.add('active');
+    }),
+}));
+jest.mock('../../src/frontend/web/von_interface/static/js/markdownUtils.js', () => ({
+    renderMarkdownViaServer: jest.fn(async text => `<p>${text}</p>`),
+}));
+const base = '../../src/frontend/web/von_interface/static/js/';
+const task = id => ({ task_concept_id: `#V#${id}`, title: `${id} task`, status: 'pending', notes: `${id} notes` });
+const settle = () => new Promise(resolve => setTimeout(resolve, 0));
+let panel, api;
+beforeEach(() => {
+    jest.resetModules();
+    document.body.innerHTML = `<div id="tabContainer"><button class="tab-button" data-tab="globalTasksTab">Tasks</button></div>
+      <div class="tab-content-area"><div id="globalTasksTab" class="tab-content"><div id="globalTasksContainer"></div></div></div>
+      <div id="taskPanel" class="hidden"><button id="closeTaskPanel">Close</button><div id="taskList"></div></div>`;
+    api = require(base + 'apiService.js');
+    api.getJson.mockImplementation(async url => {
+        const match = url.match(/^\/api\/tasks\/%23V%23([^/?]+)$/);
+        if (match) return task(match[1]);
+        if (url.includes('limit=50')) return { tasks: [task('first'), task('second')] };
+        return {};
+    });
+    panel = require(base + 'components/taskPanel.js');
+});
+
+test('popup and board actions open independent task tabs; reopening retains drafts and closing activates a neighbour', async () => {
+    await panel.openTaskInPanel('#V#first');
+    document.querySelector('#taskList .task-open-in-tab-btn').click();
+    await settle();
+    expect(document.getElementById('taskPanel').classList.contains('hidden')).toBe(true);
+    expect(document.querySelector('.task-tab-content.active').textContent).toContain('first task');
+    const firstContent = document.querySelector('.task-tab-content');
+    firstContent.querySelector('.task-detail-notes-input').value = 'Unsaved first draft';
+    await panel.showGlobalTasks();
+    document.querySelector('.task-item[data-task-id="#V#second"] .task-open-in-tab-btn').click();
+    await settle();
+    expect(document.querySelectorAll('.task-tab-content')).toHaveLength(2);
+    expect(document.querySelector('.task-tab-content.active').textContent).toContain('second task');
+    expect(firstContent.querySelector('.task-detail-notes-input').value).toBe('Unsaved first draft');
+    document.querySelector('#taskTabStack .concept-tab-bucket-toggle').click();
+    expect(document.getElementById('taskTabStackOverflow').hidden).toBe(false);
+    document.querySelector('#taskTabStackOverflow .task-tab-open').click();
+    expect(firstContent.classList.contains('active')).toBe(true);
+    await panel.openTaskInTab('#V#first');
+    expect(document.querySelectorAll('.task-tab-content')).toHaveLength(2);
+    expect(firstContent.querySelector('.task-detail-notes-input').value).toBe('Unsaved first draft');
+    document.querySelector('.task-tab-button.active .close-tab').click();
+    expect(document.querySelector('.task-tab-content.active').textContent).toContain('second task');
+    document.querySelector('.task-tab-button.active .close-tab').click();
+    expect(document.getElementById('taskTabStack')).toBeNull();
+    expect(document.getElementById('globalTasksTab').classList.contains('active')).toBe(true);
+});
+
+test('saving from a tab targets its task after the popup has switched to another task', async () => {
+    await panel.openTaskInTab('#V#first');
+    await panel.openTaskInPanel('#V#second');
+    const content = document.querySelector('.task-tab-content');
+    content.querySelector('.task-detail-notes-input').value = 'Updated first notes';
+    content.querySelector('.task-save-fields-btn').click();
+    await settle();
+    expect(api.patchJson).toHaveBeenCalledWith('/api/tasks/%23V%23first', expect.objectContaining({ notes: 'Updated first notes' }));
+    expect(content.textContent).toContain('first task');
+});
+
+test.each(['orgSwitched', 'authStatusChanged'])('%s removes tabs and ignores late task responses', async eventName => {
+    let resolveTask;
+    api.getJson.mockImplementation(async url => url === '/api/tasks/%23V%23first'
+        ? new Promise(resolve => { resolveTask = resolve; }) : {});
+    const opening = panel.openTaskInTab('#V#first');
+    document.dispatchEvent(new CustomEvent(eventName, { detail: { organisation_id: '#V#new_org', authenticated: false } }));
+    resolveTask(task('first'));
+    await opening;
+    expect(document.querySelector('.task-tab-content')).toBeNull();
+    expect(document.getElementById('taskTabStack')).toBeNull();
+    expect(panel.getTasks()).toEqual([]);
+});
+
+test('a failed task load has a working retry without creating duplicate tabs', async () => {
+    api.getJson.mockRejectedValueOnce(new Error('Temporary failure'));
+    await panel.openTaskInTab('#V#first');
+    expect(document.querySelector('.task-tab-content').textContent).toContain('Failed to load task details');
+    document.querySelector('.task-tab-refresh').click();
+    await settle();
+    expect(document.querySelector('.task-tab-content').textContent).toContain('first task');
+    expect(document.querySelectorAll('.task-tab-content')).toHaveLength(1);
+});
+
+
+test('current work product opens inside the task tab', async () => {
+    api.getJson.mockImplementation(async url => {
+        if (url === '/api/tasks/%23V%23first') return { ...task('first'), current_work_product: { status: 'ready', concept_id: '#V#product' } };
+        if (url === '/api/tasks/%23V%23first/work-product') return { status: 'ready', concept_id: '#V#product', content: 'Delivered research summary' };
+        return {};
+    });
+    await panel.openTaskInTab('#V#first');
+    document.querySelector('.task-tab-content .task-open-product-btn').click();
+    await settle();
+    expect(document.querySelector('.task-tab-content').textContent).toContain('Delivered research summary');
+});