@taskforcehq/taskforce 0.3.303 → 0.3.305

package/dist/components/features/DocumentWorkspace.test.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { fireEvent, render, screen, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -44,6 +44,9 @@ function createEmptyReviewSessionsResponse() {
         json: async () => ({ sessions: [] }),
     };
 }
+function renderDocumentWorkspace(props) {
+    return render(_jsx(DocumentWorkspace, { tasks: props.tasks ?? [], documents: props.documents, loading: false, error: null, selectedDoc: props.selectedDoc ?? null, searchQuery: props.searchQuery ?? '', hasActiveFilters: props.hasActiveFilters ?? false, onSearchChange: props.onSearchChange ?? (() => { }), onSelectDoc: props.onSelectDoc ?? (() => { }), onRefresh: props.onRefresh ?? (() => { }), onDeleteSelected: props.onDeleteSelected ?? (() => { }) }));
+}
 describe('Document workspace management', () => {
     beforeEach(() => {
         fetchTaskforceApi.mockReset();
@@ -87,7 +90,7 @@ describe('Document workspace management', () => {
         ];
         function Harness() {
             const [selectedDoc, setSelectedDoc] = useState(null);
-            return (_jsx(DocumentWorkspace, { tasks: [{ id: 'task-1', title: 'Parent task' }], documents: docs, loading: false, error: null, selectedDoc: selectedDoc, searchQuery: "", typeFilters: [], attachmentFilters: ['unattached'], onSearchChange: () => { }, onSelectDoc: setSelectedDoc, onRefresh: () => { } }));
+            return (_jsx(DocumentWorkspace, { tasks: [{ id: 'task-1', title: 'Parent task' }], documents: docs.filter((doc) => doc.attachmentState === 'unattached'), loading: false, error: null, selectedDoc: selectedDoc, searchQuery: "", hasActiveFilters: true, onSearchChange: () => { }, onSelectDoc: setSelectedDoc, onRefresh: () => { }, onDeleteSelected: () => { } }));
         }
         render(_jsx(Harness, {}));
         expect(screen.getByRole('button', { name: /Orphan notes/i })).toBeInTheDocument();
@@ -95,13 +98,13 @@ describe('Document workspace management', () => {
         expect(screen.getByText('Unattached')).toBeInTheDocument();
     });
     it('keeps document search in the index without duplicate filter controls', () => {
-        render(_jsx(DocumentWorkspace, { tasks: [], documents: [createDoc()], loading: false, error: null, selectedDoc: null, searchQuery: "", typeFilters: [], attachmentFilters: [], onSearchChange: () => { }, onSelectDoc: () => { }, onRefresh: () => { } }));
+        renderDocumentWorkspace({ documents: [createDoc()] });
         expect(screen.getByPlaceholderText('Search documents…')).toBeInTheDocument();
         expect(screen.queryByRole('button', { name: 'Attached' })).not.toBeInTheDocument();
         expect(screen.queryByRole('button', { name: 'Plans' })).not.toBeInTheDocument();
     });
     it('shows the document reference badge in the bottom metadata row of index cards', () => {
-        render(_jsx(DocumentWorkspace, { tasks: [], documents: [createDoc({ referenceLabel: 'D-42' })], loading: false, error: null, selectedDoc: null, searchQuery: "", typeFilters: [], attachmentFilters: [], onSearchChange: () => { }, onSelectDoc: () => { }, onRefresh: () => { } }));
+        renderDocumentWorkspace({ documents: [createDoc({ referenceLabel: 'D-42' })] });
         expect(screen.getByText('D-42')).toBeInTheDocument();
         expect(screen.getByText(/64B/)).toBeInTheDocument();
     });
@@ -142,6 +145,49 @@ describe('Document workspace management', () => {
         confirmSpy.mockRestore();
         alertSpy.mockRestore();
     });
+    it('shows delete and unlink for attached docs and sends forceDetach on delete', async () => {
+        const user = userEvent.setup();
+        fetchTaskforceApi
+            .mockResolvedValueOnce({
+            ok: true,
+            text: async () => '# Example\n',
+        })
+            .mockResolvedValueOnce(createEmptyReviewSessionsResponse())
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({ success: true, softDeleted: true, detachedTaskCount: 2 }),
+        });
+        const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(true);
+        const alertSpy = vi.spyOn(window, 'alert').mockImplementation(() => { });
+        const onDeleted = vi.fn();
+        render(_jsx(DocumentViewer, { doc: {
+                id: 'doc-attached',
+                assetId: 'asset-doc-attached',
+                fsPath: 'workspaces/default/assets/documents/doc-attached.md',
+                apiUrl: '/api/taskforce/documents/asset-doc-attached/content',
+                taskId: 'task-1',
+                displayName: 'Attached spec',
+                title: 'Attached spec',
+                docType: 'other',
+                sizeBytes: 64,
+                updatedAt: '2026-03-19T11:00:00.000Z',
+                editable: true,
+                attachmentCount: 2,
+                attachmentState: 'attached',
+            }, taskTitle: null, onDeleted: onDeleted }));
+        await waitFor(() => expect(fetchTaskforceApi).toHaveBeenCalledWith('/api/taskforce/documents/asset-doc-attached/content', { credentials: 'same-origin' }, ''));
+        await user.click(screen.getByRole('button', { name: /Delete & Unlink/i }));
+        await waitFor(() => expect(fetchTaskforceApi).toHaveBeenLastCalledWith('/api/taskforce/documents/asset-doc-attached', expect.objectContaining({
+            method: 'DELETE',
+            credentials: 'include',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ forceDetach: true })
+        }), ''));
+        expect(confirmSpy).toHaveBeenCalledWith(expect.stringContaining('remove it from 2 linked tasks'));
+        expect(onDeleted).toHaveBeenCalled();
+        confirmSpy.mockRestore();
+        alertSpy.mockRestore();
+    });
     it('uses same-origin document routes in local runtime even when an api base is configured', async () => {
         const user = userEvent.setup();
         fetchTaskforceApi
@@ -226,6 +272,46 @@ describe('Document workspace management', () => {
         expect(await screen.findByText('Please tighten the rollout section.')).toBeInTheDocument();
         expect(screen.getByText('Lines 18-24')).toBeInTheDocument();
     });
+    it('toggles the review sidebar from the document header', async () => {
+        const user = userEvent.setup();
+        fetchTaskforceApi
+            .mockResolvedValueOnce({
+            ok: true,
+            text: async () => '# Example\n',
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                sessions: [{
+                        id: 'review-1',
+                        tenantId: 'default',
+                        workspaceId: 'default',
+                        assetId: 'asset-doc-1',
+                        documentId: 'doc-1',
+                        documentVersion: 1,
+                        title: 'Review 1',
+                        status: 'open',
+                        createdByActorId: 'user',
+                        updatedByActorId: 'user',
+                        createdByActor: null,
+                        updatedByActor: null,
+                        createdAt: '2026-03-19T12:00:00.000Z',
+                        updatedAt: '2026-03-19T12:05:00.000Z',
+                        deletedAt: null,
+                        comments: [],
+                    }],
+            }),
+        });
+        render(_jsx(DocumentViewer, { doc: createDoc(), taskTitle: null }));
+        expect(await screen.findByText('Review & Comments')).toBeInTheDocument();
+        expect(screen.getByPlaceholderText('Add a comment for this document review…')).toBeInTheDocument();
+        await user.click(screen.getByRole('button', { name: 'Hide Review' }));
+        expect(screen.queryByText('Review & Comments')).not.toBeInTheDocument();
+        expect(screen.queryByPlaceholderText('Add a comment for this document review…')).not.toBeInTheDocument();
+        await user.click(screen.getByRole('button', { name: 'Show Review' }));
+        expect(await screen.findByText('Review & Comments')).toBeInTheDocument();
+        expect(screen.getByPlaceholderText('Add a comment for this document review…')).toBeInTheDocument();
+    });
     it('creates a review session and posts comments from the document viewer', async () => {
         const user = userEvent.setup();
         fetchTaskforceApi
@@ -1087,13 +1173,114 @@ Body copy.
                 attachmentCount: 0,
             },
         ];
-        const { rerender } = render(_jsx(DocumentWorkspace, { tasks: [{ id: 'task-1', title: 'Parent task' }], documents: docs, loading: false, error: null, selectedDoc: null, searchQuery: "", typeFilters: [], attachmentFilters: ['attached'], onSearchChange: () => { }, onSelectDoc: () => { }, onRefresh: () => { } }));
+        const { rerender } = renderDocumentWorkspace({
+            tasks: [{ id: 'task-1', title: 'Parent task' }],
+            documents: docs.filter((doc) => doc.taskId),
+            hasActiveFilters: true,
+        });
         expect(screen.getByText('Attached fallback')).toBeInTheDocument();
         expect(screen.queryByText('Unattached fallback')).not.toBeInTheDocument();
-        rerender(_jsx(DocumentWorkspace, { tasks: [{ id: 'task-1', title: 'Parent task' }], documents: docs, loading: false, error: null, selectedDoc: null, searchQuery: "", typeFilters: [], attachmentFilters: ['unattached'], onSearchChange: () => { }, onSelectDoc: () => { }, onRefresh: () => { } }));
+        rerender(_jsx(DocumentWorkspace, { tasks: [{ id: 'task-1', title: 'Parent task' }], documents: docs.filter((doc) => !doc.taskId), loading: false, error: null, selectedDoc: null, searchQuery: "", hasActiveFilters: true, onSearchChange: () => { }, onSelectDoc: () => { }, onRefresh: () => { }, onDeleteSelected: () => { } }));
         expect(screen.getByText('Unattached fallback')).toBeInTheDocument();
         expect(screen.queryByText('Attached fallback')).not.toBeInTheDocument();
     });
+    it('switches the active document when a different index item is selected', async () => {
+        const user = userEvent.setup();
+        const docs = [
+            createDoc({
+                id: 'doc-first',
+                assetId: 'asset-doc-first',
+                apiUrl: '/api/taskforce/documents/asset-doc-first/content',
+                displayName: 'First notes',
+                title: 'First notes',
+            }),
+            createDoc({
+                id: 'doc-second',
+                assetId: 'asset-doc-second',
+                apiUrl: '/api/taskforce/documents/asset-doc-second/content',
+                displayName: 'Second notes',
+                title: 'Second notes',
+                fsPath: 'workspaces/default/assets/documents/second-notes.md',
+            }),
+        ];
+        fetchTaskforceApi
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({ documents: docs }),
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            text: async () => '# First content\n',
+        })
+            .mockResolvedValueOnce(createEmptyReviewSessionsResponse())
+            .mockResolvedValueOnce({
+            ok: true,
+            text: async () => '# Second content\n',
+        })
+            .mockResolvedValueOnce(createEmptyReviewSessionsResponse());
+        render(_jsx(DocumentWorkspaceShell, { tasks: [], runtimeMode: "local" }));
+        expect(await screen.findByText('First content')).toBeInTheDocument();
+        await user.click(screen.getByRole('button', { name: /Second notes/i }));
+        expect(await screen.findByText('Second content')).toBeInTheDocument();
+        await waitFor(() => expect(fetchTaskforceApi).toHaveBeenNthCalledWith(4, '/api/taskforce/documents/asset-doc-second/content', expect.objectContaining({ credentials: 'same-origin' }), ''));
+    });
+    it('returns to the remaining filtered document when the active selection is filtered out', async () => {
+        const user = userEvent.setup();
+        const docs = [
+            createDoc({
+                id: 'doc-attached-return',
+                assetId: 'asset-doc-attached-return',
+                apiUrl: '/api/taskforce/documents/asset-doc-attached-return/content',
+                displayName: 'Attached return doc',
+                title: 'Attached return doc',
+                attachmentCount: 1,
+                attachmentState: 'attached',
+                taskId: 'task-1',
+            }),
+            createDoc({
+                id: 'doc-unattached-return',
+                assetId: 'asset-doc-unattached-return',
+                apiUrl: '/api/taskforce/documents/asset-doc-unattached-return/content',
+                displayName: 'Unattached return doc',
+                title: 'Unattached return doc',
+                fsPath: 'workspaces/default/assets/documents/unattached-return-doc.md',
+                attachmentCount: 0,
+                attachmentState: 'unattached',
+                taskId: null,
+            }),
+        ];
+        function Harness() {
+            const [attachmentFilters, setAttachmentFilters] = useState([]);
+            return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => setAttachmentFilters(['attached']), children: "Show attached only" }), _jsx(DocumentWorkspaceShell, { tasks: [{ id: 'task-1', title: 'Parent task' }], runtimeMode: "local", attachmentFilters: attachmentFilters })] }));
+        }
+        fetchTaskforceApi
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({ documents: docs }),
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            text: async () => '# Attached return content\n',
+        })
+            .mockResolvedValueOnce(createEmptyReviewSessionsResponse())
+            .mockResolvedValueOnce({
+            ok: true,
+            text: async () => '# Unattached return content\n',
+        })
+            .mockResolvedValueOnce(createEmptyReviewSessionsResponse())
+            .mockResolvedValueOnce({
+            ok: true,
+            text: async () => '# Attached return content\n',
+        })
+            .mockResolvedValueOnce(createEmptyReviewSessionsResponse());
+        render(_jsx(Harness, {}));
+        expect(await screen.findByText('Attached return content')).toBeInTheDocument();
+        await user.click(screen.getByRole('button', { name: /Unattached return doc/i }));
+        expect(await screen.findByText('Unattached return content')).toBeInTheDocument();
+        await user.click(screen.getByRole('button', { name: /Show attached only/i }));
+        expect(await screen.findByText('Attached return content')).toBeInTheDocument();
+        await waitFor(() => expect(fetchTaskforceApi).toHaveBeenNthCalledWith(6, '/api/taskforce/documents/asset-doc-attached-return/content', expect.objectContaining({ credentials: 'same-origin' }), ''));
+    });
     it('selects a requested document by asset id when normalized paths differ', async () => {
         const docs = [
             {

package/dist/components/features/TaskSettings.js

@@ -3,7 +3,7 @@ import React, { useEffect, useMemo, useState } from 'react';
 import { Sun, Moon, Sparkles, Keyboard, FileText, Check, AlertTriangle, Loader2, Settings, Layers, Box, Copy, Trash2, Terminal, Bot, Codepen, Command, Wind, Github, Zap, ChevronDown, ChevronRight, Plug } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
 import { TASKFORCE_THEME_OPTIONS } from '../../utils/theme';
-import { MCP_CLIENT_OPTIONS, buildCloudMcpClientIntegration, buildCloudMcpServerId, sanitizeMcpId } from '../../mcp/clientIntegrations';
+import { MCP_CLIENT_OPTIONS, buildCloudMcpClientIntegration, buildLocalMcpClientIntegration, buildCloudMcpServerId, sanitizeMcpId } from '../../mcp/clientIntegrations';
 import { resolveTaskforceMcpBaseUrlFromBaseUrl } from '../../config/cloudEnvironment';
 import { TaxonomyManager } from './settings/TaxonomyManager';
 const THEME_ICON_MAP = {
@@ -12,6 +12,7 @@ const THEME_ICON_MAP = {
     moon: Moon,
     sparkles: Sparkles,
 };
+const DEFAULT_MCP_TOKEN_SCOPES = ['tasks:read', 'tasks:write', 'workspace:read'];
 export function TaskSettings(props) {
     const { settingsModel, onSectionChange } = props;
     const { currentTheme, globalTheme, themeUseGlobalDefault, keyShortcut, jsonBackupEnabled, globalJsonBackupEnabled, globalWeekStartsOn, locale = 'en-US', supportedLocales = ['en-US', 'es-419', 'pt-BR'], jsonBackupUseGlobalDefault, manualComplexityEnabled, checklistDropdownEnabled = true, showTaskCardStatusLabel = true, exportWorkflowsPath, exportingResource, exportResult, initialSection, onThemeChange, onSaveTheme, onSaveGlobalTheme, onResetProjectToGlobal, onKeyShortcutChange, onJsonBackupEnabledChange, onSaveGlobalJsonBackupEnabled, onSaveGlobalWeekStartsOn, onSaveLocale, onManualComplexityEnabledChange, onChecklistDropdownEnabledChange, onShowTaskCardStatusLabelChange, onSaveSettings, onExportWorkflowsPathChange, onShowFolderBrowserChange, onBrowserTargetChange, onFetchFolders, categories, pathValidation, taxonomyDisplayLabels, onUpdateCategory, onRemoveCategory, onSaveCategory, onAddPath, onRemovePath, onUpdateCategoryIcon, onUpdateCategoryColor, types, onSaveType, onRemoveType, onUpdateType, taxonomies, onUpdateTaxonomies, priorities, onUpdatePriorities, onAnalyzeSystemTaxonomyPack, onApplySystemTaxonomyPack, onUpdateTaxonomyDisplayLabels, projectRoot, projectName, mcpHostRoot, serverHostRoot, mcpScriptPath, tenantId, workspaceId, runtimeMode = 'local', cloudAuthBaseUrl = '', cloudMcpBaseUrl = '', fetchCloudAuthApi, workspaceSwitchingEnabled = false, currentWorkspaceRole = 'member', currentWorkspaceName = '', onDeleteWorkspace, onMcpHostRootChange, isAuthenticated = false, exportEnvironment, setupState = null, buildInfo = null, onExportEnvironmentChange, onSaveSetupMode, onSaveWorkspaceProfile, availableWorkflows = [], onExportWorkflows, initiativeTemplates = [], onRefreshInitiativeTemplates, onCreateInitiativeFromTemplate, onRefreshWorkflows } = settingsModel;
@@ -147,7 +148,7 @@ export function TaskSettings(props) {
     const cloudMcpAvailable = runtimeMode === 'cloud' || isAuthenticated;
     const defaultMcpMode = runtimeMode === 'cloud'
         ? 'cloud'
-        : (isAuthenticated ? 'cloud' : 'local');
+        : 'local';
     const [selectedMcpMode, setSelectedMcpMode] = useState(defaultMcpMode);
     const [copiedConfig, setCopiedConfig] = useState(false);
     const [useGlobalMcp, setUseGlobalMcp] = useState(true);
@@ -167,11 +168,10 @@ export function TaskSettings(props) {
         return `${label} MCP`;
     }, [currentWorkspaceName, setupState?.workspace?.name, projectName, workspaceId]);
     const [newTokenName, setNewTokenName] = useState(defaultTokenName);
-    const [newTokenScopes, setNewTokenScopes] = useState(['tasks:read', 'tasks:write', 'workspace:read']);
     const [newTokenExpiresAt, setNewTokenExpiresAt] = useState('');
     const [mcpTokenNotice, setMcpTokenNotice] = useState(null);
     const [generatedTokenValue, setGeneratedTokenValue] = useState(null);
-    const [selectedMcpClient, setSelectedMcpClient] = useState('cursor');
+    const [selectedMcpClient, setSelectedMcpClient] = useState('general');
     const [mcpConnectionToken, setMcpConnectionToken] = useState('');
     const [mcpConnectionBusy, setMcpConnectionBusy] = useState(false);
     const [mcpConnectionResult, setMcpConnectionResult] = useState(null);
@@ -282,16 +282,6 @@ export function TaskSettings(props) {
         const segments = String(text || '').split(tokenText);
         return segments.map((segment, index) => (_jsxs(React.Fragment, { children: [_jsx("span", { style: normalText, children: segment }), index < segments.length - 1 && _jsx("span", { style: highlighted, children: tokenText })] }, `text-config-${index}`)));
     };
-    const toggleTokenScope = (scope) => {
-        setNewTokenScopes((current) => {
-            if (current.includes(scope)) {
-                if (current.length === 1)
-                    return current;
-                return current.filter((item) => item !== scope);
-            }
-            return [...current, scope];
-        });
-    };
     const copyToClipboard = (value, mode) => {
         navigator.clipboard.writeText(value);
         setCopiedConfig(mode);
@@ -351,13 +341,45 @@ export function TaskSettings(props) {
         }
         return { serverId, serverConfig };
     };
+    const localMcpServer = useMemo(() => buildMcpServerConfig(), [
+        mcpScriptPath,
+        projectRoot,
+        mcpHostRoot,
+        serverHostRoot,
+        projectName,
+        tenantId,
+        workspaceId,
+        setupState?.workspaceId,
+        useGlobalMcp
+    ]);
+    const localClientIntegration = useMemo(() => buildLocalMcpClientIntegration({
+        clientId: selectedMcpClient,
+        serverId: localMcpServer.serverId,
+        serverConfig: localMcpServer.serverConfig
+    }), [localMcpServer, selectedMcpClient]);
+    const localMcpServerConfig = localClientIntegration.kind === 'json'
+        ? localClientIntegration.serverConfig ?? null
+        : null;
+    const localMcpFullConfig = useMemo(() => {
+        if (localClientIntegration.kind === 'text') {
+            return localClientIntegration.renderedText || '';
+        }
+        let payload = {
+            [localClientIntegration.rootKey || 'mcpServers']: {
+                [localMcpServer.serverId]: localClientIntegration.serverConfig
+            }
+        };
+        for (const key of [...(localClientIntegration.wrapperKeys || [])].reverse()) {
+            payload = { [key]: payload };
+        }
+        return JSON.stringify(payload, null, 2);
+    }, [localClientIntegration, localMcpServer.serverId]);
     const handleCopyConfig = (mode = 'full') => {
         if (!mcpScriptPath && !useGlobalMcp)
             return;
-        const { serverId, serverConfig } = buildMcpServerConfig();
         const toCopy = mode === 'full'
-            ? JSON.stringify({ mcpServers: { [serverId]: serverConfig } }, null, 2)
-            : `"${serverId}": ${JSON.stringify(serverConfig, null, 2)}`;
+            ? localMcpFullConfig
+            : `"${localMcpServer.serverId}": ${JSON.stringify(localMcpServer.serverConfig, null, 2)}`;
         copyToClipboard(toCopy, mode);
     };
     const loadMcpTokens = async () => {
@@ -423,7 +445,7 @@ export function TaskSettings(props) {
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({
                     name: trimmedName,
-                    scopes: newTokenScopes,
+                    scopes: DEFAULT_MCP_TOKEN_SCOPES,
                     expiresAt: newTokenExpiresAt ? new Date(`${newTokenExpiresAt}T00:00:00`).toISOString() : null
                 })
             });
@@ -500,7 +522,7 @@ export function TaskSettings(props) {
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({
                     token: trimmedToken,
-                    requiredScopes: newTokenScopes
+                    requiredScopes: DEFAULT_MCP_TOKEN_SCOPES
                 })
             });
             const payload = await res.json().catch(() => ({}));
@@ -512,13 +534,36 @@ export function TaskSettings(props) {
                 const workspaceName = typeof details?.tokenWorkspaceId === 'string'
                     ? String(details.tokenWorkspaceId)
                     : undefined;
-                const message = payload?.code === 'MCP_TOKEN_MISSING_SCOPES' && missingScopes.length > 0
+                const endpoint = typeof details?.endpoint === 'string'
+                    ? String(details.endpoint)
+                    : cloudMcpEndpoint;
+                let message = payload?.code === 'MCP_TOKEN_MISSING_SCOPES' && missingScopes.length > 0
                     ? `Token is missing required scopes: ${missingScopes.join(', ')}.`
                     : String(payload?.error || 'Failed to test MCP connection.');
+                let followup;
+                if (payload?.code === 'MCP_ENDPOINT_GATEWAY_ERROR') {
+                    message = 'The dedicated MCP host is responding with a gateway error.';
+                    followup = 'This usually means the cloud MCP service is degraded. Retry shortly, and if it keeps failing treat it as an environment incident rather than a bad token.';
+                }
+                else if (payload?.code === 'MCP_ENDPOINT_TIMEOUT') {
+                    message = 'The dedicated MCP host timed out during MCP initialization.';
+                    followup = 'This usually points to a degraded or overloaded cloud MCP service.';
+                }
+                else if (payload?.code === 'MCP_ENDPOINT_UNREACHABLE') {
+                    message = 'The dedicated MCP host could not be reached.';
+                    followup = 'Check the cloud MCP hostname and environment health before rotating credentials.';
+                }
+                else if (payload?.code === 'MCP_ENDPOINT_REJECTED_VALIDATED_TOKEN') {
+                    message = 'The dedicated MCP host rejected a token that validated locally.';
+                    followup = 'This suggests the MCP host is stale, routed incorrectly, or out of sync with auth data.';
+                }
                 setMcpConnectionResult({
                     type: 'error',
                     message,
                     workspaceName,
+                    endpoint,
+                    errorCode: typeof payload?.code === 'string' ? String(payload.code) : undefined,
+                    followup,
                 });
                 return;
             }
@@ -529,12 +574,15 @@ export function TaskSettings(props) {
                 scopes: Array.isArray(result?.scopes) ? result.scopes.map((scope) => String(scope)) : [],
                 workspaceName: typeof result?.workspaceName === 'string' ? String(result.workspaceName) : '',
                 workspaceId: typeof result?.workspaceId === 'string' ? String(result.workspaceId) : '',
+                endpoint: typeof result?.endpoint === 'string' ? String(result.endpoint) : cloudMcpEndpoint,
             });
         }
         catch {
             setMcpConnectionResult({
                 type: 'error',
-                message: 'Failed to test MCP connection.'
+                message: 'Failed to test MCP connection.',
+                endpoint: cloudMcpEndpoint,
+                followup: 'The settings page could not complete the connection probe. Check your network connection and the selected cloud environment.'
             });
         }
         finally {
@@ -834,13 +882,13 @@ export function TaskSettings(props) {
                                         });
                                     }, initialTab: (initialSection === 'categories' || initialSection === 'types' || initialSection === 'priorities')
                                         ? initialSection
-                                        : undefined })] })), activeTab === 'mcp' && (_jsxs("div", { className: styles.settingsGroup, children: [showMcpModeToggle && (_jsxs("div", { className: styles.settingsTabs, children: [_jsx("button", { className: `${styles.settingsTabBtn} ${selectedMcpMode === 'cloud' ? styles.settingsTabBtnActive : ''}`, onClick: () => setSelectedMcpMode('cloud'), children: "Cloud MCP" }), _jsx("button", { className: `${styles.settingsTabBtn} ${selectedMcpMode === 'local' ? styles.settingsTabBtnActive : ''}`, onClick: () => setSelectedMcpMode('local'), children: "Local MCP" })] })), showCloudMcp && (_jsx(_Fragment, { children: selectedMcpClientUsesOAuth ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "OAuth Connector Setup" }), _jsx("span", { className: styles.settingDescription, children: selectedMcpClient === 'chatgpt-desktop'
+                                        : undefined })] })), activeTab === 'mcp' && (_jsxs("div", { className: styles.settingsGroup, children: [showMcpModeToggle && (_jsxs("div", { className: styles.settingsTabs, children: [_jsx("button", { className: `${styles.settingsTabBtn} ${selectedMcpMode === 'local' ? styles.settingsTabBtnActive : ''}`, onClick: () => setSelectedMcpMode('local'), children: "Local MCP" }), _jsx("button", { className: `${styles.settingsTabBtn} ${selectedMcpMode === 'cloud' ? styles.settingsTabBtnActive : ''}`, onClick: () => setSelectedMcpMode('cloud'), children: "Cloud MCP" })] })), showCloudMcp && (_jsx(_Fragment, { children: selectedMcpClientUsesOAuth ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "OAuth Connector Setup" }), _jsx("span", { className: styles.settingDescription, children: selectedMcpClient === 'chatgpt-desktop'
                                                                     ? 'ChatGPT Desktop uses the Taskforce OAuth connector flow instead of a personal MCP token.'
                                                                     : 'Claude Desktop uses the Taskforce OAuth connector flow instead of a personal MCP token.' })] }), _jsx("div", { className: `${selectedConnectorGrant ? styles.successMessage : styles.settingHelper} ${styles.marginTop12}`, children: selectedConnectorGrant ? (_jsxs(_Fragment, { children: [_jsx(Check, { size: 14 }), _jsxs("div", { children: [_jsx("div", { children: "Connector already authorized for this workspace." }), _jsxs("div", { className: styles.settingHelper, children: ["Last used ", selectedConnectorGrant.lastUsedAt
                                                                                     ? new Date(selectedConnectorGrant.lastUsedAt).toLocaleString()
-                                                                                    : 'not yet'] })] })] })) : ('No active connector authorization for this workspace yet.') }), _jsx("div", { className: styles.settingDescription, style: { marginTop: '12px' }, children: "Use the server URL above in your client, then finish the OAuth authorization flow from the Integrations tab." }), _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end', width: '100%', marginTop: '12px' }, children: _jsx("button", { className: styles.copyBtn, onClick: () => setActiveTab('integrations'), children: "Open Integrations" }) })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
+                                                                                    : 'not yet'] })] })] })) : ('No active connector authorization for this workspace yet.') }), _jsx("div", { className: styles.settingDescription, style: { marginTop: '12px' }, children: "Use the server URL above in your client, then finish the OAuth authorization flow from the Integrations tab." }), _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end', width: '100%', marginTop: '12px' }, children: _jsx("button", { className: styles.copyBtn, onClick: () => setActiveTab('integrations'), children: "Open Integrations" }) })] }), _jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
                                                                         ? renderMcpConfigBlock(cloudMcpServerId, cloudMcpServerConfig, cloudClientIntegration.rootKey || 'mcpServers', cloudClientIntegration.wrapperKeys || [])
-                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsx("div", { style: { padding: '16px 20px' }, children: _jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }) })] })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Generate Token" }), _jsx("span", { className: styles.settingDescription, children: "Tokens are shown once. Default scopes allow task read/write. Add workspace read if you want config and skills metadata in the client." })] }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: 'minmax(0, 2fr) minmax(220px, 1fr)', gap: '12px', alignItems: 'end' }, children: [_jsxs("div", { className: styles.settingsItem, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Token Name" }) }), _jsx("input", { type: "text", className: styles.settingInput, placeholder: "Cursor on MacBook", value: newTokenName, onChange: (e) => setNewTokenName(e.target.value) })] }), _jsxs("div", { className: styles.settingsItem, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Expiry (Optional)" }) }), _jsx("input", { type: "date", className: `${styles.settingInput} ${styles.taskFormDateInput}`, value: newTokenExpiresAt, onChange: (e) => setNewTokenExpiresAt(e.target.value) })] })] }), _jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Scopes" }) }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: '96px repeat(3, minmax(110px, 1fr))', gap: '10px 16px', alignItems: 'center' }, children: [_jsx("span", {}), _jsx("span", { className: styles.settingDescription, children: "Tasks" }), _jsx("span", { className: styles.settingDescription, children: "Workspace" }), _jsx("span", { className: styles.settingDescription, style: { opacity: 0.55 }, children: "Attachments" }), _jsx("span", { className: styles.settingDescription, children: "Read" }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('tasks:read'), onChange: () => toggleTokenScope('tasks:read') }) }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('workspace:read'), onChange: () => toggleTokenScope('workspace:read') }) }), _jsx("label", { className: styles.checkboxLabel, style: { opacity: 0.55 }, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) }), _jsx("span", { className: styles.settingDescription, children: "Write" }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('tasks:write'), onChange: () => toggleTokenScope('tasks:write') }) }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) }), _jsx("label", { className: styles.checkboxLabel, style: { opacity: 0.55 }, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) })] })] })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsx("div", { className: styles.settingHelper, children: "Generated tokens are only shown once. Copy the token before leaving this page." }), (() => {
+                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsx("div", { style: { padding: '16px 20px' }, children: _jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }) })] })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop16}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("div", { className: styles.settingLabelGroup, style: { gap: '2px' }, children: _jsx("span", { className: styles.codeLabel, children: "Generate Token" }) }) }), _jsx("div", { className: styles.mcpTokenCardBody, children: _jsxs("div", { className: styles.mcpTokenFormGrid, children: [_jsxs("div", { className: styles.settingsItem, style: { gap: '6px' }, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Token Name" }) }), _jsx("input", { type: "text", className: styles.settingInput, placeholder: "Cursor on MacBook", value: newTokenName, onChange: (e) => setNewTokenName(e.target.value) })] }), _jsxs("div", { className: styles.settingsItem, style: { gap: '6px' }, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Expiry (Optional)" }) }), _jsx("input", { type: "date", className: `${styles.settingInput} ${styles.taskFormDateInput}`, value: newTokenExpiresAt, onChange: (e) => setNewTokenExpiresAt(e.target.value) })] })] }) }), (() => {
                                                         const tokenBarError = mcpTokenNotice?.type === 'error'
                                                             ? mcpTokenNotice.message
                                                             : null;
@@ -848,20 +896,19 @@ export function TaskSettings(props) {
                                                             || (copiedConfig === 'token'
                                                                 ? 'Copied to clipboard'
                                                                 : (generatedTokenValue || ''));
-                                                        return (_jsx("div", { style: { display: 'flex', gap: '8px', alignItems: 'stretch' }, children: _jsx("div", { className: styles.codeBlockWrapper, style: { flex: 1, cursor: generatedTokenValue ? 'pointer' : 'default' }, onClick: () => generatedTokenValue && copyToClipboard(generatedTokenValue, 'token'), role: generatedTokenValue ? 'button' : undefined, tabIndex: generatedTokenValue ? 0 : -1, onKeyDown: (e) => {
-                                                                    if (!generatedTokenValue)
-                                                                        return;
-                                                                    if (e.key === 'Enter' || e.key === ' ') {
-                                                                        e.preventDefault();
-                                                                        copyToClipboard(generatedTokenValue, 'token');
-                                                                    }
-                                                                }, title: generatedTokenValue ? (copiedConfig === 'token' ? 'Token copied' : 'Click to copy token') : undefined, children: _jsx("pre", { className: styles.codeBlock, style: {
-                                                                        textAlign: 'center',
+                                                        return (_jsxs("div", { className: styles.mcpTokenOutputWrap, style: { cursor: generatedTokenValue ? 'pointer' : 'default' }, onClick: () => generatedTokenValue && copyToClipboard(generatedTokenValue, 'token'), role: generatedTokenValue ? 'button' : undefined, tabIndex: generatedTokenValue ? 0 : -1, onKeyDown: (e) => {
+                                                                if (!generatedTokenValue)
+                                                                    return;
+                                                                if (e.key === 'Enter' || e.key === ' ') {
+                                                                    e.preventDefault();
+                                                                    copyToClipboard(generatedTokenValue, 'token');
+                                                                }
+                                                            }, title: generatedTokenValue ? (copiedConfig === 'token' ? 'Token copied' : 'Click to copy token') : undefined, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Token" }) }), _jsx("div", { className: styles.mcpTokenValueField, style: {
                                                                         color: tokenBarError ? 'var(--status-danger-strong, #f87171)' : undefined,
-                                                                    }, children: _jsx("code", { children: displayedGeneratedToken }) }) }) }));
-                                                    })()] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsxs("button", { className: styles.copyBtn, onClick: () => void handleCreateMcpToken(), disabled: mcpActionBusyId === 'create', title: "Generate Token", "aria-label": "Generate Token", children: [mcpActionBusyId === 'create' ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), _jsx("span", { children: "GENERATE TOKEN" })] }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
+                                                                    }, children: _jsx("span", { className: styles.mcpTokenValueText, children: _jsx("code", { children: displayedGeneratedToken }) }) })] }));
+                                                    })(), _jsx("div", { className: styles.mcpTokenActionRow, children: _jsxs("button", { className: styles.copyBtn, onClick: () => void handleCreateMcpToken(), disabled: mcpActionBusyId === 'create', title: "Generate Token", "aria-label": "Generate Token", children: [mcpActionBusyId === 'create' ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), _jsx("span", { children: "GENERATE TOKEN" })] }) })] }), _jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
                                                                         ? renderMcpConfigBlock(cloudMcpServerId, cloudMcpServerConfig, cloudClientIntegration.rootKey || 'mcpServers', cloudClientIntegration.wrapperKeys || [])
-                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsx("div", { style: { padding: '16px 20px' }, children: _jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }) })] })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowMcpConnectionTest((prev) => !prev), onKeyDown: (e) => {
+                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsx("div", { style: { padding: '16px 20px' }, children: _jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }) })] })] }), _jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowMcpConnectionTest((prev) => !prev), onKeyDown: (e) => {
                                                             if (e.key === 'Enter' || e.key === ' ') {
                                                                 e.preventDefault();
                                                                 setShowMcpConnectionTest((prev) => !prev);
@@ -872,7 +919,7 @@ export function TaskSettings(props) {
                                                                         } })] }), _jsxs("div", { className: styles.marginTop12, style: { display: 'flex', gap: '8px', flexWrap: 'wrap', justifyContent: 'flex-end' }, children: [generatedTokenValue && (_jsx("button", { className: styles.copyBtn, onClick: () => {
                                                                             setMcpConnectionToken(generatedTokenValue);
                                                                             setMcpConnectionResult(null);
-                                                                        }, children: "Use Generated Token" })), _jsxs("button", { className: styles.copyBtn, onClick: () => void handleTestMcpConnection(), disabled: mcpConnectionBusy, children: [mcpConnectionBusy ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), "Test Connection"] })] }), mcpConnectionResult && (_jsxs("div", { className: `${mcpConnectionResult.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConnectionResult.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), _jsxs("div", { children: [_jsx("div", { children: mcpConnectionResult.message }), mcpConnectionResult.type === 'success' && (mcpConnectionResult.workspaceName || mcpConnectionResult.workspaceId) && (_jsxs("div", { className: styles.settingHelper, children: ["Workspace: ", mcpConnectionResult.workspaceName || mcpConnectionResult.workspaceId, mcpConnectionResult.workspaceId ? ` (${mcpConnectionResult.workspaceId})` : ''] })), mcpConnectionResult.type === 'success' && Array.isArray(mcpConnectionResult.scopes) && mcpConnectionResult.scopes.length > 0 && (_jsxs("div", { className: styles.settingHelper, children: ["Granted scopes: ", mcpConnectionResult.scopes.join(', ')] }))] })] }))] }))] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowMcpTokensList((prev) => !prev), onKeyDown: (e) => {
+                                                                        }, children: "Use Generated Token" })), _jsxs("button", { className: styles.copyBtn, onClick: () => void handleTestMcpConnection(), disabled: mcpConnectionBusy, children: [mcpConnectionBusy ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), "Test Connection"] })] }), mcpConnectionResult && (_jsxs("div", { className: `${mcpConnectionResult.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConnectionResult.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), _jsxs("div", { children: [_jsx("div", { children: mcpConnectionResult.message }), mcpConnectionResult.type === 'success' && (mcpConnectionResult.workspaceName || mcpConnectionResult.workspaceId) && (_jsxs("div", { className: styles.settingHelper, children: ["Workspace: ", mcpConnectionResult.workspaceName || mcpConnectionResult.workspaceId, mcpConnectionResult.workspaceId ? ` (${mcpConnectionResult.workspaceId})` : ''] })), mcpConnectionResult.type === 'success' && Array.isArray(mcpConnectionResult.scopes) && mcpConnectionResult.scopes.length > 0 && (_jsxs("div", { className: styles.settingHelper, children: ["Granted scopes: ", mcpConnectionResult.scopes.join(', ')] })), mcpConnectionResult.endpoint && (_jsxs("div", { className: styles.settingHelper, children: ["Endpoint: ", mcpConnectionResult.endpoint] })), mcpConnectionResult.type === 'error' && mcpConnectionResult.errorCode && (_jsxs("div", { className: styles.settingHelper, children: ["Error code: ", mcpConnectionResult.errorCode] })), mcpConnectionResult.type === 'error' && mcpConnectionResult.followup && (_jsx("div", { className: styles.settingHelper, children: mcpConnectionResult.followup }))] })] }))] }))] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowMcpTokensList((prev) => !prev), onKeyDown: (e) => {
                                                             if (e.key === 'Enter' || e.key === ' ') {
                                                                 e.preventDefault();
                                                                 setShowMcpTokensList((prev) => !prev);
@@ -882,10 +929,9 @@ export function TaskSettings(props) {
                                                                         borderRadius: '12px',
                                                                         border: '1px solid var(--border-primary, rgba(255, 255, 255, 0.1))',
                                                                         background: 'rgba(255, 255, 255, 0.03)'
-                                                                    }, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.settingLabel, children: token.name }), _jsx("span", { className: `${styles.configBadge} ${token.status === 'revoked' ? styles.configBadgeRevoked : token.status === 'expired' ? styles.configBadgeExpired : styles.configBadgeActive}`, children: token.status })] }), _jsx("span", { className: styles.settingDescription, style: { fontFamily: '"JetBrains Mono", "Fira Code", monospace' }, children: token.tokenPrefix }), _jsxs("span", { className: styles.settingDescription, children: ["Scopes: ", token.scopes.join(', ')] }), _jsxs("span", { className: styles.settingDescription, children: ["Created ", new Date(token.createdAt).toLocaleDateString(), token.lastUsedAt ? ` · Last used ${new Date(token.lastUsedAt).toLocaleString()}` : ' · Never used'] })] }), _jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap', justifyContent: 'flex-end' }, children: [token.status !== 'revoked' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'regenerate'), disabled: mcpActionBusyId === `regenerate:${token.id}`, children: "Regenerate" })), token.status === 'active' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'revoke'), disabled: mcpActionBusyId === `revoke:${token.id}`, children: "Revoke" }))] })] }, token.id))) }))] }))] })] })) })), showLocalMcp && (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Local MCP" }), _jsx("span", { className: styles.settingDescription, children: "Local MCP runs over stdio and does not require a cloud token. Use this for Codex, Claude Code CLI, Gemini CLI, and similar local MCP clients." })] }) }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom}`, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Local MCP Configuration" }), _jsx("div", { className: styles.codeHeaderActions, children: _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: () => handleCopyConfig('full'), title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) }) })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: (() => {
-                                                            const { serverId, serverConfig } = buildMcpServerConfig();
-                                                            return renderMcpConfigBlock(serverId, serverConfig);
-                                                        })() }) })] }), _jsx("div", { className: `${styles.settingGroup} ${styles.marginTop12}`, children: _jsxs("div", { className: styles.toggleHeading, onClick: () => setShowAdvancedMcp((prev) => !prev), onKeyDown: (e) => {
+                                                                    }, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.settingLabel, children: token.name }), _jsx("span", { className: `${styles.configBadge} ${token.status === 'revoked' ? styles.configBadgeRevoked : token.status === 'expired' ? styles.configBadgeExpired : styles.configBadgeActive}`, children: token.status })] }), _jsx("span", { className: styles.settingDescription, style: { fontFamily: '"JetBrains Mono", "Fira Code", monospace' }, children: token.tokenPrefix }), _jsxs("span", { className: styles.settingDescription, children: ["Scopes: ", token.scopes.join(', ')] }), _jsxs("span", { className: styles.settingDescription, children: ["Created ", new Date(token.createdAt).toLocaleDateString(), token.lastUsedAt ? ` · Last used ${new Date(token.lastUsedAt).toLocaleString()}` : ' · Never used'] })] }), _jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap', justifyContent: 'flex-end' }, children: [token.status !== 'revoked' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'regenerate'), disabled: mcpActionBusyId === `regenerate:${token.id}`, children: "Regenerate" })), token.status === 'active' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'revoke'), disabled: mcpActionBusyId === `revoke:${token.id}`, children: "Revoke" }))] })] }, token.id))) }))] }))] })] })) })), showLocalMcp && (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Local MCP" }), _jsx("span", { className: styles.settingDescription, children: "Local MCP runs over stdio and does not require a cloud token. Use this for Codex, Claude Code CLI, Gemini CLI, and similar local MCP clients." })] }) }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom}`, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Local MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: () => handleCopyConfig('full'), title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: localMcpServerConfig
+                                                            ? renderMcpConfigBlock(localMcpServer.serverId, localMcpServerConfig, localClientIntegration.rootKey || 'mcpServers', localClientIntegration.wrapperKeys || [])
+                                                            : renderTextConfigBlock(localClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: localClientIntegration.instructionLabel }) }), _jsx("div", { style: { padding: '16px 20px' }, children: _jsx("div", { className: styles.settingDescription, children: localClientIntegration.instructionText }) })] }), _jsx("div", { className: `${styles.settingGroup} ${styles.marginTop12}`, children: _jsxs("div", { className: styles.toggleHeading, onClick: () => setShowAdvancedMcp((prev) => !prev), onKeyDown: (e) => {
                                                     if (e.key === 'Enter' || e.key === ' ') {
                                                         e.preventDefault();
                                                         setShowAdvancedMcp((prev) => !prev);