@taskforcehq/taskforce 0.3.329 → 0.3.332

package/dist/components/features/TaskSettings.js

@@ -16,6 +16,10 @@ const THEME_ICON_MAP = {
     sparkles: Sparkles,
 };
 const DEFAULT_MCP_TOKEN_SCOPES = ['tasks:read', 'tasks:write', 'workspace:read'];
+const DEFAULT_MCP_TOOL_PROFILE_OPTIONS = [
+    { id: 'default', label: 'Standard', toolCount: 58 },
+    { id: 'extended', label: 'All cloud tools', toolCount: 85 },
+];
 const MCP_CONFIG_CODE_COLORS = {
     key: '#93c5fd',
     token: '#c084fc',
@@ -168,33 +172,42 @@ export function TaskSettings(props) {
     const [mcpTokensLoading, setMcpTokensLoading] = useState(false);
     const [mcpTokensError, setMcpTokensError] = useState(null);
     const [mcpActionBusyId, setMcpActionBusyId] = useState(null);
+    const [selectedMcpClient, setSelectedMcpClient] = useState('general');
+    const selectedMcpClientLabel = useMemo(() => {
+        const label = MCP_CLIENT_OPTIONS.find((option) => option.id === selectedMcpClient)?.label || 'General';
+        return selectedMcpClient === 'general' ? 'General MCP' : label;
+    }, [selectedMcpClient]);
     const defaultTokenName = useMemo(() => {
-        const label = String(currentWorkspaceName
+        const workspaceLabel = String(currentWorkspaceName
             || setupState?.workspace?.name
             || projectName
             || workspaceId
-            || 'Taskforce Workspace').trim();
-        return `${label} MCP`;
-    }, [currentWorkspaceName, setupState?.workspace?.name, projectName, workspaceId]);
+            || 'Taskforce Workspace').trim() || 'Taskforce Workspace';
+        return `${selectedMcpClientLabel} — ${workspaceLabel}`;
+    }, [currentWorkspaceName, setupState?.workspace?.name, projectName, selectedMcpClientLabel, workspaceId]);
     const [newTokenName, setNewTokenName] = useState(defaultTokenName);
+    const [tokenNameCustomized, setTokenNameCustomized] = useState(false);
     const [newTokenExpiresAt, setNewTokenExpiresAt] = useState('');
     const [mcpTokenIssueNotice, setMcpTokenIssueNotice] = useState(null);
     const [mcpConfigNotice, setMcpConfigNotice] = useState(null);
     const [mcpTokenListNotice, setMcpTokenListNotice] = useState(null);
     const [generatedTokenValue, setGeneratedTokenValue] = useState(null);
-    const [selectedMcpClient, setSelectedMcpClient] = useState('general');
     const [mcpConnectionBusy, setMcpConnectionBusy] = useState(false);
     const [mcpConnectionResult, setMcpConnectionResult] = useState(null);
     const [mcpConnectorGrants, setMcpConnectorGrants] = useState([]);
     const [mcpConnectorsLoading, setMcpConnectorsLoading] = useState(false);
     const [mcpConnectorsError, setMcpConnectorsError] = useState(null);
     const [mcpConnectorBusyId, setMcpConnectorBusyId] = useState(null);
+    const [mcpToolProfileOptions, setMcpToolProfileOptions] = useState(DEFAULT_MCP_TOOL_PROFILE_OPTIONS);
+    const [mcpProfileNotice, setMcpProfileNotice] = useState(null);
+    const canManageMcpToolProfiles = currentWorkspaceRole === 'owner' || currentWorkspaceRole === 'admin';
     useEffect(() => {
         setSelectedMcpMode(defaultMcpMode);
     }, [defaultMcpMode]);
     useEffect(() => {
-        setNewTokenName((current) => current.trim().length > 0 ? current : defaultTokenName);
-    }, [defaultTokenName]);
+        if (!tokenNameCustomized)
+            setNewTokenName(defaultTokenName);
+    }, [defaultTokenName, tokenNameCustomized]);
     useEffect(() => {
         if (!mcpTokenIssueNotice)
             return;
@@ -590,6 +603,8 @@ export function TaskSettings(props) {
                 return;
             }
             setMcpTokens(Array.isArray(payload?.items) ? payload.items : []);
+            if (Array.isArray(payload?.profileOptions))
+                setMcpToolProfileOptions(payload.profileOptions);
         }
         catch {
             setMcpTokensError('Failed to load MCP tokens.');
@@ -614,6 +629,8 @@ export function TaskSettings(props) {
                 return;
             }
             setMcpConnectorGrants(Array.isArray(payload?.items) ? payload.items : []);
+            if (Array.isArray(payload?.profileOptions))
+                setMcpToolProfileOptions(payload.profileOptions);
         }
         catch {
             setMcpConnectorsError('Failed to load MCP connectors.');
@@ -649,7 +666,7 @@ export function TaskSettings(props) {
             }
             setGeneratedTokenValue(String(payload?.token || ''));
             setMcpConnectionResult(null);
-            setNewTokenName(defaultTokenName);
+            setTokenNameCustomized(false);
             setNewTokenExpiresAt('');
             setMcpTokens((current) => {
                 const next = payload?.record ? [payload.record, ...current.filter((item) => item.id !== payload.record.id)] : current;
@@ -783,6 +800,8 @@ export function TaskSettings(props) {
                 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,
+                toolProfile: result?.toolProfile === 'extended' ? 'extended' : 'default',
+                toolCount: Number.isFinite(result?.toolCount) ? Number(result.toolCount) : undefined,
             });
         }
         catch {
@@ -825,6 +844,40 @@ export function TaskSettings(props) {
             setMcpConnectorBusyId(null);
         }
     };
+    const handleMcpToolProfileChange = async (kind, id, toolProfile) => {
+        const busyId = `profile:${kind}:${id}`;
+        setMcpActionBusyId(busyId);
+        setMcpConnectorBusyId(busyId);
+        setMcpProfileNotice(null);
+        try {
+            const res = await fetchCloudAuthApi(`/api/taskforce/settings/mcp/${kind}/${encodeURIComponent(id)}/tool-profile`, {
+                method: 'PATCH',
+                credentials: 'include',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ toolProfile }),
+            });
+            const payload = await res.json().catch(() => ({}));
+            if (!res.ok) {
+                setMcpProfileNotice({ type: 'error', message: String(payload?.error || 'Failed to change MCP tool access.') });
+                return;
+            }
+            const record = payload?.record;
+            if (kind === 'tokens') {
+                setMcpTokens((current) => current.map((item) => item.id === record?.id ? record : item));
+            }
+            else {
+                setMcpConnectorGrants((current) => current.map((item) => item.id === record?.id ? record : item));
+            }
+            setMcpProfileNotice({ type: 'success', message: 'Tool access updated. Restart or reconnect the client, then refresh its MCP tools. In ChatGPT, refresh actions, review additions, enable the intended actions, and publish.' });
+        }
+        catch {
+            setMcpProfileNotice({ type: 'error', message: 'Failed to change MCP tool access.' });
+        }
+        finally {
+            setMcpActionBusyId(null);
+            setMcpConnectorBusyId(null);
+        }
+    };
     useEffect(() => {
         if (!canUseCloudMcp)
             return;
@@ -1091,22 +1144,25 @@ export function TaskSettings(props) {
                                                                                     ? 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, 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.settingsCodeBlock, children: _jsx("code", { children: cloudMcpServerConfig
                                                                         ? renderMcpConfigBlock(cloudMcpServerId, cloudMcpServerConfig, cloudClientIntegration.rootKey || 'mcpServers', cloudClientIntegration.wrapperKeys || [])
-                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), mcpConfigNotice && (_jsxs("div", { className: `${mcpConfigNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConfigNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpConfigNotice.message] })), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }), renderCodexTrustGuidance(), renderMcpProfilePrompt()] })] })] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Cloud MCP" }), _jsx("span", { className: styles.settingDescription, children: "Cloud MCP connects agents to Taskforce through the hosted MCP endpoint. Use this for remote MCP clients or tools that cannot access your local Taskforce install." })] }) }), _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: "Enter a recognizable token name", 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) })] })] }) }), _jsxs("div", { className: styles.mcpTokenOutputWrap, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Full Token" }) }), _jsx("input", { type: "text", className: `${styles.settingInput} ${styles.mcpTokenValueInput}`, placeholder: "Generate a token to populate the full secret", value: generatedTokenValue || '', onChange: (e) => {
+                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), mcpConfigNotice && (_jsxs("div", { className: `${mcpConfigNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConfigNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpConfigNotice.message] })), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }), renderCodexTrustGuidance(), renderMcpProfilePrompt()] })] })] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Cloud MCP" }), _jsx("span", { className: styles.settingDescription, children: "Cloud MCP connects agents to Taskforce through the hosted MCP endpoint. Use this for remote MCP clients or tools that cannot access your local Taskforce install." })] }) }), _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: "Enter a recognizable token name", value: newTokenName, onChange: (e) => {
+                                                                                setTokenNameCustomized(true);
+                                                                                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) })] })] }) }), _jsxs("div", { className: styles.mcpTokenOutputWrap, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Full Token" }) }), _jsx("input", { type: "text", className: `${styles.settingInput} ${styles.mcpTokenValueInput}`, placeholder: "Generate a token to populate the full secret", value: generatedTokenValue || '', onChange: (e) => {
                                                                     setGeneratedTokenValue(e.target.value);
                                                                     setMcpConnectionResult(null);
-                                                                } })] }), _jsxs("div", { className: styles.mcpTokenActionRow, children: [_jsxs("button", { className: styles.copyBtn, onClick: () => void handleTestMcpConnection(), disabled: !currentMcpTokenValue || mcpConnectionBusy, title: "Test Token", "aria-label": "Test Token", children: [mcpConnectionBusy ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), _jsx("span", { children: "TEST TOKEN" })] }), _jsxs("button", { className: `${styles.copyBtn} ${copiedConfig === 'token' ? styles.copyBtnActive : ''}`, onClick: () => currentMcpTokenValue && copyToClipboard(currentMcpTokenValue, 'token'), disabled: !currentMcpTokenValue, title: "Copy Token", "aria-label": "Copy Token", children: [copiedConfig === 'token' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }), _jsx("span", { children: "COPY TOKEN" })] }), _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" })] })] }), mcpTokenIssueNotice && (_jsxs("div", { className: `${mcpTokenIssueNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpTokenIssueNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpTokenIssueNotice.message] })), 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, 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.settingsCodeBlock, children: _jsx("code", { children: cloudMcpServerConfig
+                                                                } })] }), _jsxs("div", { className: styles.mcpTokenActionRow, children: [_jsxs("button", { className: styles.copyBtn, onClick: () => void handleTestMcpConnection(), disabled: !currentMcpTokenValue || mcpConnectionBusy, title: "Test Token", "aria-label": "Test Token", children: [mcpConnectionBusy ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), _jsx("span", { children: "TEST TOKEN" })] }), _jsxs("button", { className: `${styles.copyBtn} ${copiedConfig === 'token' ? styles.copyBtnActive : ''}`, onClick: () => currentMcpTokenValue && copyToClipboard(currentMcpTokenValue, 'token'), disabled: !currentMcpTokenValue, title: "Copy Token", "aria-label": "Copy Token", children: [copiedConfig === 'token' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }), _jsx("span", { children: "COPY TOKEN" })] }), _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" })] })] }), mcpTokenIssueNotice && (_jsxs("div", { className: `${mcpTokenIssueNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpTokenIssueNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpTokenIssueNotice.message] })), 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.type === 'success' && mcpConnectionResult.toolProfile && (_jsxs("div", { className: styles.settingHelper, children: ["Tool access: ", mcpConnectionResult.toolProfile === 'extended' ? 'All cloud tools' : 'Standard', typeof mcpConnectionResult.toolCount === 'number' ? ` · ${mcpConnectionResult.toolCount} tools` : ''] })), 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, 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.settingsCodeBlock, children: _jsx("code", { children: cloudMcpServerConfig
                                                                         ? renderMcpConfigBlock(cloudMcpServerId, cloudMcpServerConfig, cloudClientIntegration.rootKey || 'mcpServers', cloudClientIntegration.wrapperKeys || [])
                                                                         : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), mcpConfigNotice && (_jsxs("div", { className: `${mcpConfigNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConfigNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpConfigNotice.message] })), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }), renderCodexTrustGuidance(), renderMcpProfilePrompt()] })] })] }), _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);
                                                             }
-                                                        }, role: "button", tabIndex: 0, title: showMcpTokensList ? 'Hide workspace tokens' : 'Show workspace tokens', children: [_jsx("label", { className: styles.label, children: "Your Tokens" }), showMcpTokensList ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }), showMcpTokensList && (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingDescription} ${styles.marginTop12}`, children: "Manage tokens created for this workspace." }), mcpTokenListNotice && (_jsxs("div", { className: `${mcpTokenListNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpTokenListNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpTokenListNotice.message] })), mcpTokensLoading ? (_jsx("p", { className: styles.settingHelper, children: "Loading tokens\u2026" })) : mcpTokensError ? (_jsxs("div", { className: styles.errorMessage, children: [_jsx(AlertTriangle, { size: 14 }), mcpTokensError] })) : mcpTokens.length === 0 ? (_jsx("p", { className: styles.settingHelper, children: "No MCP tokens yet." })) : (_jsx("div", { className: styles.settingGroup, children: sortedMcpTokens.map((token) => (_jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop12}`, style: {
+                                                        }, role: "button", tabIndex: 0, title: showMcpTokensList ? 'Hide workspace tokens' : 'Show workspace tokens', children: [_jsx("label", { className: styles.label, children: "Your Tokens" }), showMcpTokensList ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }), showMcpTokensList && (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingDescription} ${styles.marginTop12}`, children: "Manage tokens created for this workspace." }), mcpTokenListNotice && (_jsxs("div", { className: `${mcpTokenListNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpTokenListNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpTokenListNotice.message] })), mcpProfileNotice && (_jsxs("div", { className: `${mcpProfileNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpProfileNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpProfileNotice.message] })), mcpTokensLoading ? (_jsx("p", { className: styles.settingHelper, children: "Loading tokens\u2026" })) : mcpTokensError ? (_jsxs("div", { className: styles.errorMessage, children: [_jsx(AlertTriangle, { size: 14 }), mcpTokensError] })) : mcpTokens.length === 0 ? (_jsx("p", { className: styles.settingHelper, children: "No MCP tokens yet." })) : (_jsx("div", { className: styles.settingGroup, children: sortedMcpTokens.map((token) => (_jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop12}`, style: {
                                                                         padding: '14px 16px',
                                                                         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 === 'active' && (_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.status !== 'active' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'delete'), disabled: mcpActionBusyId === `delete:${token.id}`, children: "Delete" }))] })] }, 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 connects through your local Taskforce install and does not require a cloud access token. Use this for Codex, Claude Code CLI, Gemini CLI, and similar local MCP clients." })] }) }), useGlobalMcp && localMcpHealth.status === 'host-unverified' && (_jsxs("div", { className: `${styles.mcpHealthCompactAlert} ${styles.marginTop12}`, role: "status", children: [_jsx(AlertTriangle, { size: 17, "aria-hidden": "true" }), _jsxs("div", { className: styles.mcpHealthCompactBody, children: [_jsx("strong", { children: "Global MCP cannot be checked on this host" }), _jsxs("span", { children: ["This project uses host path mapping. Verify ", _jsx("code", { children: "taskforce --version" }), " in the host environment, or use Local / npx."] })] }), _jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => setUseGlobalMcp(false), children: "Use Local / npx" })] })), useGlobalMcp && globalCliMismatch && (_jsxs("div", { className: `${styles.mcpHealthUpdateRow} ${styles.marginTop12}`, role: "status", children: [_jsx("div", { className: styles.mcpHealthUpdateIcon, children: _jsx(AlertTriangle, { size: 17, "aria-hidden": "true" }) }), _jsxs("div", { className: styles.mcpHealthCompactBody, children: [_jsx("strong", { children: "Global MCP update available" }), _jsxs("span", { children: [globalCliMismatch.cliVersion || 'Unknown version', " installed", ' · ', globalCliMismatch.appVersion, " expected"] })] }), _jsxs("button", { type: "button", className: `tf-button-secondary tf-button-compact ${styles.mcpHealthStableAction}`, onClick: () => setGlobalCliDialogOpen(true), disabled: localMcpHealthChecking, "aria-busy": localMcpHealthChecking, children: [localMcpHealthChecking && (_jsx(Loader2, { className: styles.spinner, size: 14, "aria-hidden": "true" })), "Review update"] })] })), useGlobalMcp && globalCliUnavailable && (_jsxs("div", { className: `${styles.mcpHealthBlockingAlert} ${styles.marginTop12}`, role: "alert", children: [_jsx(AlertTriangle, { size: 18, "aria-hidden": "true" }), _jsxs("div", { className: styles.mcpHealthCompactBody, children: [_jsx("strong", { children: "Global MCP is unavailable" }), _jsx("span", { children: globalCliUnavailable.message })] }), _jsxs("div", { className: styles.mcpHealthCompactActions, children: [_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => setUseGlobalMcp(false), children: "Use Local / npx" }), _jsxs("button", { type: "button", className: `tf-button-secondary tf-button-compact ${styles.mcpHealthStableAction}`, onClick: () => setLocalMcpHealthRetry((value) => value + 1), disabled: localMcpHealthChecking, "aria-busy": localMcpHealthChecking, "aria-label": localMcpHealthChecking ? 'Checking Global MCP' : 'Check again', children: [localMcpHealthChecking && (_jsx(Loader2, { className: styles.spinner, size: 14, "aria-hidden": "true" })), "Check again"] })] })] })), mcpConfigNotice?.type === 'error' && !globalCliDialogOpen && (_jsxs("div", { className: `${styles.mcpHealthCopyError} ${styles.marginTop12}`, role: "alert", children: [_jsx(AlertTriangle, { size: 14, "aria-hidden": "true" }), mcpConfigNotice.message] })), _jsx(Modal, { isOpen: globalCliDialogOpen && Boolean(globalCliMismatch), onClose: () => setGlobalCliDialogOpen(false), title: "Update Global MCP", size: "md", theme: currentTheme, children: globalCliMismatch && (_jsxs("div", { className: styles.mcpUpdateDialog, children: [_jsx("p", { className: styles.mcpUpdateDialogIntro, children: "Your Global MCP CLI is usable, but it does not match this Taskforce app. Update it, then restart any running MCP clients." }), _jsxs("dl", { className: styles.mcpUpdateVersionGrid, children: [_jsxs("div", { children: [_jsx("dt", { children: "Installed CLI" }), _jsx("dd", { children: globalCliMismatch.cliVersion || 'Unknown' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Expected by app" }), _jsx("dd", { children: globalCliMismatch.appVersion })] }), _jsxs("div", { children: [_jsx("dt", { children: "Installation channel" }), _jsx("dd", { children: globalCliUpdateStatus.status === 'loading'
+                                                                    }, 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: ["Tool access: ", (token.toolProfile || 'default') === 'extended' ? 'All cloud tools' : 'Standard', " \u00B7 up to ", mcpToolProfileOptions.find((option) => option.id === (token.toolProfile || 'default'))?.toolCount ?? 58, " tools; granted scopes still apply"] }), _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 === 'active' && (_jsx("select", { className: styles.settingInput, "aria-label": `Tool access for ${token.name}`, value: token.toolProfile || 'default', onChange: (event) => void handleMcpToolProfileChange('tokens', token.id, event.target.value), disabled: !canManageMcpToolProfiles || mcpActionBusyId === `profile:tokens:${token.id}`, title: canManageMcpToolProfiles ? 'Change cloud MCP tool access' : 'Workspace owner or admin required', style: { width: 'auto', minWidth: '170px' }, children: mcpToolProfileOptions.map((option) => (_jsxs("option", { value: option.id, children: [option.label, " \u00B7 ", option.toolCount] }, option.id))) })), token.status === 'active' && (_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.status !== 'active' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'delete'), disabled: mcpActionBusyId === `delete:${token.id}`, children: "Delete" }))] })] }, 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 connects through your local Taskforce install and does not require a cloud access token. Use this for Codex, Claude Code CLI, Gemini CLI, and similar local MCP clients." })] }) }), useGlobalMcp && localMcpHealth.status === 'host-unverified' && (_jsxs("div", { className: `${styles.mcpHealthCompactAlert} ${styles.marginTop12}`, role: "status", children: [_jsx(AlertTriangle, { size: 17, "aria-hidden": "true" }), _jsxs("div", { className: styles.mcpHealthCompactBody, children: [_jsx("strong", { children: "Global MCP cannot be checked on this host" }), _jsxs("span", { children: ["This project uses host path mapping. Verify ", _jsx("code", { children: "taskforce --version" }), " in the host environment, or use Local / npx."] })] }), _jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => setUseGlobalMcp(false), children: "Use Local / npx" })] })), useGlobalMcp && globalCliMismatch && (_jsxs("div", { className: `${styles.mcpHealthUpdateRow} ${styles.marginTop12}`, role: "status", children: [_jsx("div", { className: styles.mcpHealthUpdateIcon, children: _jsx(AlertTriangle, { size: 17, "aria-hidden": "true" }) }), _jsxs("div", { className: styles.mcpHealthCompactBody, children: [_jsx("strong", { children: "Global MCP update available" }), _jsxs("span", { children: [globalCliMismatch.cliVersion || 'Unknown version', " installed", ' · ', globalCliMismatch.appVersion, " expected"] })] }), _jsxs("button", { type: "button", className: `tf-button-secondary tf-button-compact ${styles.mcpHealthStableAction}`, onClick: () => setGlobalCliDialogOpen(true), disabled: localMcpHealthChecking, "aria-busy": localMcpHealthChecking, children: [localMcpHealthChecking && (_jsx(Loader2, { className: styles.spinner, size: 14, "aria-hidden": "true" })), "Review update"] })] })), useGlobalMcp && globalCliUnavailable && (_jsxs("div", { className: `${styles.mcpHealthBlockingAlert} ${styles.marginTop12}`, role: "alert", children: [_jsx(AlertTriangle, { size: 18, "aria-hidden": "true" }), _jsxs("div", { className: styles.mcpHealthCompactBody, children: [_jsx("strong", { children: "Global MCP is unavailable" }), _jsx("span", { children: globalCliUnavailable.message })] }), _jsxs("div", { className: styles.mcpHealthCompactActions, children: [_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => setUseGlobalMcp(false), children: "Use Local / npx" }), _jsxs("button", { type: "button", className: `tf-button-secondary tf-button-compact ${styles.mcpHealthStableAction}`, onClick: () => setLocalMcpHealthRetry((value) => value + 1), disabled: localMcpHealthChecking, "aria-busy": localMcpHealthChecking, "aria-label": localMcpHealthChecking ? 'Checking Global MCP' : 'Check again', children: [localMcpHealthChecking && (_jsx(Loader2, { className: styles.spinner, size: 14, "aria-hidden": "true" })), "Check again"] })] })] })), mcpConfigNotice?.type === 'error' && !globalCliDialogOpen && (_jsxs("div", { className: `${styles.mcpHealthCopyError} ${styles.marginTop12}`, role: "alert", children: [_jsx(AlertTriangle, { size: 14, "aria-hidden": "true" }), mcpConfigNotice.message] })), _jsx(Modal, { isOpen: globalCliDialogOpen && Boolean(globalCliMismatch), onClose: () => setGlobalCliDialogOpen(false), title: "Update Global MCP", size: "md", theme: currentTheme, children: globalCliMismatch && (_jsxs("div", { className: styles.mcpUpdateDialog, children: [_jsx("p", { className: styles.mcpUpdateDialogIntro, children: "Your Global MCP CLI is usable, but it does not match this Taskforce app. Update it, then restart any running MCP clients." }), _jsxs("dl", { className: styles.mcpUpdateVersionGrid, children: [_jsxs("div", { children: [_jsx("dt", { children: "Installed CLI" }), _jsx("dd", { children: globalCliMismatch.cliVersion || 'Unknown' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Expected by app" }), _jsx("dd", { children: globalCliMismatch.appVersion })] }), _jsxs("div", { children: [_jsx("dt", { children: "Installation channel" }), _jsx("dd", { children: globalCliUpdateStatus.status === 'loading'
                                                                             ? 'Detecting…'
                                                                             : updateChannelLabel })] })] }), globalCliUpdateStatus.status === 'loading' && (_jsxs("div", { className: styles.mcpUpdateLoading, role: "status", "aria-live": "polite", children: [_jsx(Loader2, { className: styles.spinner, size: 15, "aria-hidden": "true" }), "Detecting the package manager\u2026"] })), globalCliUpdateStatus.status === 'error' && (_jsxs("div", { className: styles.mcpUpdateNotice, role: "status", children: [_jsx(AlertTriangle, { size: 16, "aria-hidden": "true" }), _jsxs("span", { children: [globalCliUpdateStatus.message, " Check again, or update using the package manager you originally used."] })] })), globalCliUpdateCommands.length > 0 && globalCliUpdateStatus.status !== 'loading' && (_jsxs("div", { className: styles.mcpUpdateCommands, children: [_jsx("span", { className: styles.mcpUpdateSectionLabel, children: updateTarget?.channel === 'unknown'
                                                                     || updateTarget?.channel === 'conflicting'
@@ -1122,7 +1178,7 @@ export function TaskSettings(props) {
                                                         e.preventDefault();
                                                         setShowAdvancedMcp((prev) => !prev);
                                                     }
-                                                }, role: "button", tabIndex: 0, title: "Show advanced MCP install options", children: [_jsx("label", { className: styles.label, children: "Advanced" }), showAdvancedMcp ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }) }), showAdvancedMcp && (_jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop12}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Advanced Installation Mode" }), _jsx("span", { className: styles.settingDescription, children: "Global mode is recommended. Local / npx is intended for Taskforce development workflows." })] }), _jsxs("div", { className: styles.buttonGrid, children: [_jsx("button", { className: `${styles.themeBtn} ${useGlobalMcp ? styles.activeTheme : ''}`, onClick: () => setUseGlobalMcp(true), children: "Global" }), _jsx("button", { className: `${styles.themeBtn} ${!useGlobalMcp ? styles.activeTheme : ''}`, onClick: () => setUseGlobalMcp(false), children: "Local / npx (Dev)" })] }), _jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.settingLabel, children: "MCP Path Mapping (Host Root)" }), serverHostRoot && !mcpHostRoot && (_jsx("span", { className: styles.configBadge, children: "Server Configured" }))] }), _jsx("span", { className: styles.settingDescription, children: "If running in Docker, WSL, or Remote Dev, provide the absolute path to this project as seen by your host OS." })] }), _jsx("div", { className: styles.pathInputWrapper, children: _jsx("input", { type: "text", className: styles.settingInput, placeholder: serverHostRoot || "/Users/username/Projects/my-project or C:\\Projects\\my-project", value: mcpHostRoot || '', onChange: (e) => onMcpHostRootChange?.(e.target.value) }) })] })] }))] }))] })), activeTab === 'integrations' && (_jsxs("div", { className: styles.settingsGroup, children: [_jsx("div", { className: styles.settingGroup, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Integrations" }), _jsx("span", { className: styles.settingDescription, children: "Manage OAuth-based app connectors separately from MCP tokens and local client setup." })] }) }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [[
+                                                }, role: "button", tabIndex: 0, title: "Show advanced MCP install options", children: [_jsx("label", { className: styles.label, children: "Advanced" }), showAdvancedMcp ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }) }), showAdvancedMcp && (_jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop12}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Advanced Installation Mode" }), _jsx("span", { className: styles.settingDescription, children: "Global mode is recommended. Local / npx is intended for Taskforce development workflows." })] }), _jsxs("div", { className: styles.buttonGrid, children: [_jsx("button", { className: `${styles.themeBtn} ${useGlobalMcp ? styles.activeTheme : ''}`, onClick: () => setUseGlobalMcp(true), children: "Global" }), _jsx("button", { className: `${styles.themeBtn} ${!useGlobalMcp ? styles.activeTheme : ''}`, onClick: () => setUseGlobalMcp(false), children: "Local / npx (Dev)" })] }), _jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.settingLabel, children: "MCP Path Mapping (Host Root)" }), serverHostRoot && !mcpHostRoot && (_jsx("span", { className: styles.configBadge, children: "Server Configured" }))] }), _jsx("span", { className: styles.settingDescription, children: "If running in Docker, WSL, or Remote Dev, provide the absolute path to this project as seen by your host OS." })] }), _jsx("div", { className: styles.pathInputWrapper, children: _jsx("input", { type: "text", className: styles.settingInput, placeholder: serverHostRoot || "/Users/username/Projects/my-project or C:\\Projects\\my-project", value: mcpHostRoot || '', onChange: (e) => onMcpHostRootChange?.(e.target.value) }) })] })] }))] }))] })), activeTab === 'integrations' && (_jsxs("div", { className: styles.settingsGroup, children: [_jsx("div", { className: styles.settingGroup, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Integrations" }), _jsx("span", { className: styles.settingDescription, children: "Manage OAuth-based app connectors separately from MCP tokens and local client setup." })] }) }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [mcpProfileNotice && (_jsxs("div", { className: `${mcpProfileNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpProfileNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpProfileNotice.message] })), [
                                             {
                                                 key: 'chatgpt',
                                                 label: 'ChatGPT Connector',
@@ -1176,6 +1232,6 @@ export function TaskSettings(props) {
                                                     borderRadius: '14px',
                                                     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: item.label }), _jsx("span", { className: `${styles.configBadge} ${connector && !comingSoon ? styles.configBadgeActive : styles.configBadgeRevoked}`, children: comingSoon ? 'coming soon' : (connector ? 'connected' : 'not connected') })] }), _jsx("span", { className: styles.settingDescription, children: item.description }), !comingSoon && (_jsx("span", { className: styles.settingDescription, style: { fontFamily: '"JetBrains Mono", "Fira Code", monospace' }, children: cloudMcpEndpoint })), comingSoon ? null : connector ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: styles.settingDescription, children: ["Authorized workspace: ", currentWorkspaceName || connector.workspaceId] }), _jsxs("span", { className: styles.settingDescription, children: ["Granted scopes: ", connector.scopes.join(', ')] }), _jsxs("span", { className: styles.settingDescription, children: ["Connected ", new Date(connector.createdAt).toLocaleString(), connector.lastUsedAt ? ` · Last used ${new Date(connector.lastUsedAt).toLocaleString()}` : ' · Never used'] })] })) : (_jsx("span", { className: styles.settingDescription, children: item.emptyMessage }))] }), _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px', flexWrap: 'wrap' }, children: connector && !comingSoon && (_jsxs("button", { className: styles.copyBtn, onClick: () => void handleDisconnectConnector(connector.id), disabled: mcpConnectorBusyId === connector.id, children: [mcpConnectorBusyId === connector.id ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Trash2, { size: 14 }), "Disconnect"] })) })] }, item.key));
+                                                }, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.settingLabel, children: item.label }), _jsx("span", { className: `${styles.configBadge} ${connector && !comingSoon ? styles.configBadgeActive : styles.configBadgeRevoked}`, children: comingSoon ? 'coming soon' : (connector ? 'connected' : 'not connected') })] }), _jsx("span", { className: styles.settingDescription, children: item.description }), !comingSoon && (_jsx("span", { className: styles.settingDescription, style: { fontFamily: '"JetBrains Mono", "Fira Code", monospace' }, children: cloudMcpEndpoint })), comingSoon ? null : connector ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: styles.settingDescription, children: ["Authorized workspace: ", currentWorkspaceName || connector.workspaceId] }), _jsxs("span", { className: styles.settingDescription, children: ["Granted scopes: ", connector.scopes.join(', ')] }), _jsxs("span", { className: styles.settingDescription, children: ["Tool access: ", (connector.toolProfile || 'default') === 'extended' ? 'All cloud tools' : 'Standard', " \u00B7 up to ", mcpToolProfileOptions.find((option) => option.id === (connector.toolProfile || 'default'))?.toolCount ?? 58, " tools; granted scopes still apply"] }), _jsxs("span", { className: styles.settingDescription, children: ["Connected ", new Date(connector.createdAt).toLocaleString(), connector.lastUsedAt ? ` · Last used ${new Date(connector.lastUsedAt).toLocaleString()}` : ' · Never used'] })] })) : (_jsx("span", { className: styles.settingDescription, children: item.emptyMessage }))] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px', flexWrap: 'wrap' }, children: [connector && !comingSoon && (_jsx("select", { className: styles.settingInput, "aria-label": `Tool access for ${item.label}`, value: connector.toolProfile || 'default', onChange: (event) => void handleMcpToolProfileChange('connectors', connector.id, event.target.value), disabled: !canManageMcpToolProfiles || mcpConnectorBusyId === `profile:connectors:${connector.id}`, title: canManageMcpToolProfiles ? 'Change cloud MCP tool access' : 'Workspace owner or admin required', style: { width: 'auto', minWidth: '170px' }, children: mcpToolProfileOptions.map((option) => (_jsxs("option", { value: option.id, children: [option.label, " \u00B7 ", option.toolCount] }, option.id))) })), connector && !comingSoon && (_jsxs("button", { className: styles.copyBtn, onClick: () => void handleDisconnectConnector(connector.id), disabled: mcpConnectorBusyId === connector.id, children: [mcpConnectorBusyId === connector.id ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Trash2, { size: 14 }), "Disconnect"] }))] })] }, item.key));
                                         }), mcpConnectorsLoading && (_jsx("p", { className: `${styles.settingHelper} ${styles.marginTop12}`, children: "Loading connector grants\u2026" })), mcpConnectorsError && (_jsxs("div", { className: `${styles.errorMessage} ${styles.marginTop12}`, children: [_jsx(AlertTriangle, { size: 14 }), mcpConnectorsError] }))] })] }))] })] }) }));
 }

package/dist/components/features/TaskforceAgentsModule.d.ts

@@ -25,12 +25,11 @@ type TaskforceAgentsModuleProps = {
         conversationId: string | null;
     }) => void;
     onRenderDrawerHeader?: (content: React.ReactNode | null) => void;
-    onOpenConversation?: (agentId: string) => void;
 };
 export type TaskforceAgentsLaunchContext = {
     taskId: string;
     taskReference?: string | null;
     taskTitle?: string | null;
 };
-export declare function TaskforceAgentsModule({ workspaceId, agentRosterTrayOpen, onCloseAgentRosterTray, launchContext, onClearLaunchContext, onOpenTaskContext, taskReferences, surface, runtimeMode, cloudAuthConfigured, authSessionResolved, isAuthenticated, resolveCloudAuthUrl, theme, rememberedAgentId, rememberedConversationId, rememberedConversationByAgentId, rememberedSelectionReady, onRememberSelection, onRenderDrawerHeader, onOpenConversation, }: TaskforceAgentsModuleProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskforceAgentsModule({ workspaceId, agentRosterTrayOpen, onCloseAgentRosterTray, launchContext, onClearLaunchContext, onOpenTaskContext, taskReferences, surface, runtimeMode, cloudAuthConfigured, authSessionResolved, isAuthenticated, resolveCloudAuthUrl, theme, rememberedAgentId, rememberedConversationId, rememberedConversationByAgentId, rememberedSelectionReady, onRememberSelection, onRenderDrawerHeader, }: TaskforceAgentsModuleProps): import("react/jsx-runtime").JSX.Element;
 export {};