@taskforcehq/taskforce 0.3.326 → 0.3.327

package/dist/components/features/TaskSettings.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 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 { Sun, Moon, Sparkles, Keyboard, Check, AlertTriangle, Loader2, Settings, Layers, Copy, Trash2, Wind, Zap, ChevronDown, ChevronRight, Plug, RefreshCw } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
+import { Modal } from '../ui/Modal';
 import { TASKFORCE_THEME_OPTIONS } from '../../utils/theme';
-import { MCP_CLIENT_OPTIONS, buildCloudMcpClientIntegration, buildLocalMcpClientIntegration, buildCloudMcpServerId, buildLocalAiProfileEnv, sanitizeMcpId } from '../../mcp/clientIntegrations';
+import { MCP_CLIENT_OPTIONS, buildCloudMcpClientIntegration, buildLocalMcpClientIntegration, buildCloudMcpServerId, buildLocalAiProfileEnv, buildMcpConnectionId, sanitizeMcpId } from '../../mcp/clientIntegrations';
 import { resolveTaskforceMcpBaseUrlFromBaseUrl } from '../../config/cloudEnvironment';
 import { TaxonomyManager } from './settings/TaxonomyManager';
+import { normalizeTaskforceApplicationBaseUrl } from '../../shared/taskDeepLinks.js';
 const THEME_ICON_MAP = {
     sun: Sun,
     wind: Wind,
@@ -22,23 +24,8 @@ const MCP_CONFIG_CODE_COLORS = {
 export function TaskSettings(props) {
     const { settingsModel, onSectionChange, renderMode = 'full' } = props;
     const isMcpOnly = renderMode === 'mcp-only';
-    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, onOpenCloudAuth, isAuthenticated = false, exportEnvironment, setupState = null, buildInfo = null, onExportEnvironmentChange, onSaveSetupMode, onSaveWorkspaceProfile, availableWorkflows = [], onExportWorkflows, initiativeTemplates = [], onRefreshInitiativeTemplates, onCreateInitiativeFromTemplate, onRefreshWorkflows } = settingsModel;
+    const { currentTheme, globalTheme, themeUseGlobalDefault, keyShortcut, jsonBackupEnabled, globalJsonBackupEnabled, globalWeekStartsOn, locale = 'en-US', supportedLocales = ['en-US', 'es-419', 'pt-BR'], jsonBackupUseGlobalDefault, manualComplexityEnabled, checklistDropdownEnabled = true, showTaskCardStatusLabel = false, initialSection, onThemeChange, onSaveTheme, onSaveGlobalTheme, onResetProjectToGlobal, onKeyShortcutChange, onJsonBackupEnabledChange, onSaveGlobalJsonBackupEnabled, onSaveGlobalWeekStartsOn, onSaveLocale, onManualComplexityEnabledChange, onChecklistDropdownEnabledChange, onShowTaskCardStatusLabelChange, onSaveSettings, 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, checkLocalMcpCliHealth, getLocalUpdateStatus, workspaceSwitchingEnabled = false, currentWorkspaceRole = 'member', currentWorkspaceName = '', onDeleteWorkspace, onMcpHostRootChange, onOpenCloudAuth, isAuthenticated = false, setupState = null, buildInfo = null, onSaveSetupMode, onSaveWorkspaceProfile, initiativeTemplates = [], onRefreshInitiativeTemplates, onCreateInitiativeFromTemplate } = settingsModel;
     const showJsonBackupSettings = runtimeMode !== 'cloud';
-    // Workflow Selection State
-    const [selectedWorkflows, setSelectedWorkflows] = useState([]);
-    // Initialize selection when availableWorkflows changes
-    useEffect(() => {
-        if (availableWorkflows.length > 0 && selectedWorkflows.length === 0) {
-            setSelectedWorkflows(availableWorkflows); // Select all by default
-        }
-    }, [availableWorkflows]);
-    const handleToggleWorkflow = (name) => {
-        setSelectedWorkflows(prev => prev.includes(name)
-            ? prev.filter(w => w !== name)
-            : [...prev, name]);
-    };
-    const handleSelectAllWorkflows = () => setSelectedWorkflows(availableWorkflows);
-    const handleDeselectAllWorkflows = () => setSelectedWorkflows([]);
     const [settingsFeedback, setSettingsFeedback] = useState(null);
     const [setupMode, setSetupMode] = useState(() => setupState?.mode === 'operations' ? 'operations' : 'core');
     const [workspaceDisplayName, setWorkspaceDisplayName] = useState(() => String(setupState?.workspace?.name || '').trim());
@@ -51,76 +38,6 @@ export function TaskSettings(props) {
     const [generalScopeTab, setGeneralScopeTab] = useState(() => {
         return 'project';
     });
-    const [aiProfiles, setAiProfiles] = useState([]);
-    const [aiProfilesLoading, setAiProfilesLoading] = useState(false);
-    const [aiProfileMergeState, setAiProfileMergeState] = useState(null);
-    const [aiProfileMergeStatus, setAiProfileMergeStatus] = useState(null);
-    const loadAiProfiles = React.useCallback(async () => {
-        if (!workspaceId)
-            return;
-        setAiProfilesLoading(true);
-        try {
-            const assigneeOptionsUrl = typeof window !== 'undefined'
-                ? new URL(`/api/taskforce/workspace/assignee-options?workspaceId=${encodeURIComponent(workspaceId)}`, window.location.origin).toString()
-                : `/api/taskforce/workspace/assignee-options?workspaceId=${encodeURIComponent(workspaceId)}`;
-            const res = await fetch(assigneeOptionsUrl, { credentials: 'include' });
-            if (!res.ok)
-                return;
-            const data = await res.json().catch(() => ({}));
-            const agents = Array.isArray(data?.assignees)
-                ? data.assignees.filter((a) => a.kind === 'agent').map((a) => ({
-                    id: String(a.value || ''),
-                    name: String(a.label || ''),
-                    username: String(a.username || a.value || ''),
-                    icon: String(a.icon || 'Bot'),
-                    color: String(a.color || '#6B7280'),
-                    kind: 'agent',
-                    description: typeof a.description === 'string' ? a.description : null,
-                    role: typeof a.role === 'string' ? a.role : null,
-                    provider: typeof a.provider === 'string' ? a.provider : null,
-                    model: typeof a.model === 'string' ? a.model : null,
-                    surfaceType: typeof a.surfaceType === 'string' ? a.surfaceType : null,
-                }))
-                : [];
-            setAiProfiles(agents);
-        }
-        catch {
-            setAiProfiles([]);
-        }
-        finally {
-            setAiProfilesLoading(false);
-        }
-    }, [workspaceId]);
-    const doMergeAiProfiles = React.useCallback(async (keepId, mergeId) => {
-        if (!workspaceId)
-            return;
-        setAiProfileMergeStatus(null);
-        try {
-            const res = await fetch('/api/taskforce/workspace/ai-profiles/merge', {
-                method: 'POST',
-                credentials: 'include',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ workspaceId, keepId, mergeId }),
-            });
-            const data = await res.json().catch(() => ({}));
-            if (!res.ok) {
-                setAiProfileMergeStatus({ type: 'error', message: data?.error || 'Merge failed.' });
-            }
-            else {
-                setAiProfileMergeStatus({ type: 'success', message: `Profiles merged successfully.` });
-                setAiProfileMergeState(null);
-                await loadAiProfiles();
-            }
-        }
-        catch {
-            setAiProfileMergeStatus({ type: 'error', message: 'Network error during merge.' });
-        }
-    }, [workspaceId, loadAiProfiles]);
-    useEffect(() => {
-        if (activeTab === 'agents' || activeTab === 'mcp') {
-            loadAiProfiles();
-        }
-    }, [activeTab, loadAiProfiles]);
     useEffect(() => {
         if (initiativeTemplates.length > 0 && !selectedInitiativeTemplateId) {
             setSelectedInitiativeTemplateId(initiativeTemplates[0].id);
@@ -157,6 +74,12 @@ export function TaskSettings(props) {
     const [selectedMcpMode, setSelectedMcpMode] = useState(defaultMcpMode);
     const [copiedConfig, setCopiedConfig] = useState(false);
     const [useGlobalMcp, setUseGlobalMcp] = useState(true);
+    const [localMcpHealthRetry, setLocalMcpHealthRetry] = useState(0);
+    const [localMcpHealth, setLocalMcpHealth] = useState({ status: 'idle' });
+    const [localMcpHealthChecking, setLocalMcpHealthChecking] = useState(false);
+    const [globalCliDialogOpen, setGlobalCliDialogOpen] = useState(false);
+    const [globalCliUpdateStatus, setGlobalCliUpdateStatus] = useState({ status: 'idle' });
+    const [copiedCliCommand, setCopiedCliCommand] = useState(null);
     const [showAdvancedMcp, setShowAdvancedMcp] = useState(false);
     const [showMcpTokensList, setShowMcpTokensList] = useState(true);
     const [mcpTokens, setMcpTokens] = useState([]);
@@ -221,6 +144,77 @@ export function TaskSettings(props) {
     const showMcpModeToggle = localMcpEnabled;
     const showCloudMcp = runtimeMode === 'cloud' || selectedMcpMode === 'cloud';
     const showLocalMcp = runtimeMode !== 'cloud' && selectedMcpMode === 'local';
+    const localMcpSettingsVisible = activeTab === 'mcp' && showLocalMcp;
+    const effectiveMcpHostRoot = String(mcpHostRoot || serverHostRoot || '').trim();
+    const localMcpUsesHostMapping = Boolean(effectiveMcpHostRoot && effectiveMcpHostRoot !== String(projectRoot || '').trim());
+    useEffect(() => {
+        if (!localMcpSettingsVisible || !useGlobalMcp) {
+            setLocalMcpHealth({ status: 'idle' });
+            setLocalMcpHealthChecking(false);
+            setGlobalCliDialogOpen(false);
+            return;
+        }
+        if (localMcpUsesHostMapping) {
+            setLocalMcpHealth({ status: 'host-unverified' });
+            setLocalMcpHealthChecking(false);
+            return;
+        }
+        let canceled = false;
+        setLocalMcpHealthChecking(true);
+        void checkLocalMcpCliHealth()
+            .then((result) => {
+            if (!canceled)
+                setLocalMcpHealth({ status: 'result', result });
+        })
+            .catch(() => {
+            if (!canceled) {
+                setLocalMcpHealth({
+                    status: 'result',
+                    result: {
+                        state: 'unusable',
+                        code: 'GLOBAL_CLI_HEALTH_REQUEST_FAILED',
+                        message: 'Taskforce could not validate the global CLI. Use Local / npx or retry the check.',
+                        executablePath: null,
+                        cliVersion: null,
+                        appVersion: String(buildInfo?.version || ''),
+                        serverName: null,
+                        toolCount: null,
+                    },
+                });
+            }
+        })
+            .finally(() => {
+            if (!canceled)
+                setLocalMcpHealthChecking(false);
+        });
+        return () => { canceled = true; };
+    }, [buildInfo?.version, checkLocalMcpCliHealth, localMcpHealthRetry, localMcpSettingsVisible, localMcpUsesHostMapping, useGlobalMcp]);
+    useEffect(() => {
+        if (!globalCliDialogOpen)
+            return;
+        let canceled = false;
+        setGlobalCliUpdateStatus({ status: 'loading' });
+        void getLocalUpdateStatus()
+            .then((result) => {
+            if (!canceled) {
+                setGlobalCliUpdateStatus({
+                    status: 'result',
+                    result: result.targets.globalCli,
+                });
+            }
+        })
+            .catch((error) => {
+            if (!canceled) {
+                setGlobalCliUpdateStatus({
+                    status: 'error',
+                    message: error instanceof Error
+                        ? error.message
+                        : 'Taskforce could not determine the Global CLI installation channel.',
+                });
+            }
+        });
+        return () => { canceled = true; };
+    }, [getLocalUpdateStatus, globalCliDialogOpen]);
     const canUseCloudMcp = isAuthenticated;
     const sortedMcpTokens = useMemo(() => {
         const statusRank = {
@@ -253,7 +247,7 @@ export function TaskSettings(props) {
     const cloudMcpServerConfig = cloudClientIntegration.kind === 'json'
         ? cloudClientIntegration.serverConfig ?? null
         : null;
-    const selectedMcpClientUsesOAuth = selectedMcpClient === 'chatgpt-desktop' || selectedMcpClient === 'claude-desktop';
+    const selectedMcpClientUsesOAuth = ['chatgpt-desktop', 'claude-chat', 'grok-chat', 'gemini-chat', 'mistral-chat', 'perplexity-chat'].includes(selectedMcpClient);
     const agentRegistrationPrompt = 'Resolve your profile with Taskforce.';
     const codexTrustSnippet = useMemo(() => {
         const root = String(projectRoot || '').trim();
@@ -263,9 +257,26 @@ export function TaskSettings(props) {
     }, [projectRoot]);
     const activeChatGptConnector = useMemo(() => mcpConnectorGrants.find((grant) => grant.provider === 'chatgpt' && grant.status === 'active') || null, [mcpConnectorGrants]);
     const activeClaudeConnector = useMemo(() => mcpConnectorGrants.find((grant) => grant.provider === 'claude' && grant.status === 'active') || null, [mcpConnectorGrants]);
-    const selectedConnectorGrant = selectedMcpClient === 'chatgpt-desktop'
-        ? activeChatGptConnector
-        : (selectedMcpClient === 'claude-desktop' ? activeClaudeConnector : null);
+    const activeGrokConnector = useMemo(() => mcpConnectorGrants.find((grant) => grant.provider === 'grok' && grant.status === 'active') || null, [mcpConnectorGrants]);
+    const activeGeminiConnector = useMemo(() => mcpConnectorGrants.find((grant) => grant.provider === 'gemini' && grant.status === 'active') || null, [mcpConnectorGrants]);
+    const activeMistralConnector = useMemo(() => mcpConnectorGrants.find((grant) => grant.provider === 'mistral' && grant.status === 'active') || null, [mcpConnectorGrants]);
+    const activePerplexityConnector = useMemo(() => mcpConnectorGrants.find((grant) => grant.provider === 'perplexity' && grant.status === 'active') || null, [mcpConnectorGrants]);
+    const selectedConnectorGrant = {
+        'chatgpt-desktop': activeChatGptConnector,
+        'claude-chat': activeClaudeConnector,
+        'grok-chat': activeGrokConnector,
+        'gemini-chat': activeGeminiConnector,
+        'mistral-chat': activeMistralConnector,
+        'perplexity-chat': activePerplexityConnector,
+    }[selectedMcpClient] || null;
+    const selectedConnectorLabel = {
+        'chatgpt-desktop': 'ChatGPT Desktop',
+        'claude-chat': 'Claude Chat',
+        'grok-chat': 'Grok',
+        'gemini-chat': 'Gemini Spark',
+        'mistral-chat': 'Mistral Vibe',
+        'perplexity-chat': 'Perplexity',
+    }[selectedMcpClient] || 'This client';
     const cloudMcpFullConfig = useMemo(() => {
         if (cloudClientIntegration.kind === 'text') {
             return cloudClientIntegration.renderedText || '';
@@ -302,10 +313,35 @@ 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 copyToClipboard = (value, mode) => {
-        navigator.clipboard.writeText(value);
-        setCopiedConfig(mode);
-        setTimeout(() => setCopiedConfig(false), 2000);
+    const copyToClipboard = async (value, mode) => {
+        try {
+            await navigator.clipboard.writeText(value);
+            setMcpConfigNotice(null);
+            setCopiedConfig(mode);
+            setTimeout(() => setCopiedConfig(false), 2000);
+        }
+        catch {
+            setCopiedConfig(false);
+            setMcpConfigNotice({
+                type: 'error',
+                message: 'Could not copy to the clipboard. Select the text and copy it manually.'
+            });
+        }
+    };
+    const copyCliCommand = async (command) => {
+        try {
+            await navigator.clipboard.writeText(command);
+            setMcpConfigNotice(null);
+            setCopiedCliCommand(command);
+            setTimeout(() => setCopiedCliCommand(null), 2000);
+        }
+        catch {
+            setCopiedCliCommand(null);
+            setMcpConfigNotice({
+                type: 'error',
+                message: 'Could not copy to the clipboard. Select the text and copy it manually.'
+            });
+        }
     };
     const renderMcpProfilePrompt = () => (_jsxs("div", { className: styles.mcpRegistrationHint, children: [_jsx("span", { children: "Once the MCP is configured, prompt your agent:" }), _jsx("button", { type: "button", className: styles.mcpRegistrationPrompt, onClick: () => copyToClipboard(agentRegistrationPrompt, 'registration'), title: copiedConfig === 'registration' ? 'Copied' : 'Copy prompt', children: agentRegistrationPrompt })] }));
     const renderCodexTrustGuidance = () => {
@@ -325,6 +361,36 @@ export function TaskSettings(props) {
         setMcpConfigNotice(null);
         copyToClipboard(cloudMcpFullConfig, 'full');
     };
+    const validatedGlobalMcpCommand = localMcpHealth.status === 'result'
+        && localMcpHealth.result.state !== 'unusable'
+        && localMcpHealth.result.executablePath
+        && !localMcpUsesHostMapping
+        ? localMcpHealth.result.executablePath
+        : 'taskforce';
+    const globalMcpCopyBlocked = useGlobalMcp
+        && localMcpHealth.status === 'result'
+        && localMcpHealth.result.state === 'unusable';
+    const globalCliMismatch = localMcpHealth.status === 'result'
+        && localMcpHealth.result.state === 'version-mismatch'
+        ? localMcpHealth.result
+        : null;
+    const globalCliUnavailable = localMcpHealth.status === 'result'
+        && localMcpHealth.result.state === 'unusable'
+        ? localMcpHealth.result
+        : null;
+    const updateTarget = globalCliUpdateStatus.status === 'result'
+        ? globalCliUpdateStatus.result
+        : null;
+    const updateChannelLabel = updateTarget?.channel === 'npm-global'
+        ? 'npm'
+        : updateTarget?.channel === 'homebrew'
+            ? 'Homebrew'
+            : updateTarget?.channel === 'development'
+                ? 'Development checkout'
+                : updateTarget?.channel === 'npx-project-local'
+                    ? 'Local / npx'
+                    : 'Unknown';
+    const globalCliUpdateCommands = updateTarget?.manualCommands || [];
     const buildMcpServerConfig = () => {
         let finalPath = mcpScriptPath || "";
         let finalRoot = projectRoot || "";
@@ -347,14 +413,20 @@ export function TaskSettings(props) {
         const resolvedWorkspaceId = rawWorkspaceId && rawWorkspaceId !== 'default'
             ? rawWorkspaceId
             : 'your-workspace-id';
+        const browserApplicationBaseUrl = normalizeTaskforceApplicationBaseUrl(typeof window === 'undefined' ? null : window.location.origin);
         const env = {
             TASKFORCE_TENANT_ID: resolvedTenantId,
             TASKFORCE_WORKSPACE_ID: resolvedWorkspaceId,
+            TASKFORCE_MCP_CONNECTION_ID: buildMcpConnectionId(resolvedWorkspaceId, selectedMcpClient, finalRoot || projectRoot || finalPath),
+            ...(browserApplicationBaseUrl ? { TASKFORCE_APP_BASE_URL: browserApplicationBaseUrl } : {}),
+            TASKFORCE_SHARED_LOCAL_MCP_ENABLED: 'true',
+            TASKFORCE_SHARED_LOCAL_MCP_CLIENT_MODE: 'proxy',
+            TASKFORCE_MCP_TOOL_PROFILE: 'default',
             ...buildLocalAiProfileEnv(selectedMcpClient)
         };
         const serverConfig = useGlobalMcp
             ? {
-                command: "taskforce",
+                command: validatedGlobalMcpCommand,
                 args: ["mcp", finalRoot || "."],
                 env
             }
@@ -380,7 +452,8 @@ export function TaskSettings(props) {
         workspaceId,
         setupState?.workspaceId,
         selectedMcpClient,
-        useGlobalMcp
+        useGlobalMcp,
+        validatedGlobalMcpCommand
     ]);
     const localClientIntegration = useMemo(() => buildLocalMcpClientIntegration({
         clientId: selectedMcpClient,
@@ -407,6 +480,13 @@ export function TaskSettings(props) {
     const handleCopyConfig = (mode = 'full') => {
         if (!mcpScriptPath && !useGlobalMcp)
             return;
+        if (globalMcpCopyBlocked) {
+            setMcpConfigNotice({
+                type: 'error',
+                message: 'The global CLI is not usable. Choose Local / npx or retry the health check.'
+            });
+            return;
+        }
         const toCopy = mode === 'full'
             ? localMcpFullConfig
             : `"${localMcpServer.serverId}": ${JSON.stringify(localMcpServer.serverConfig, null, 2)}`;
@@ -680,20 +760,6 @@ export function TaskSettings(props) {
             onRefreshInitiativeTemplates?.();
         }
     }, [activeTab, initiativeTemplates.length, onRefreshInitiativeTemplates]);
-    const availableEnvironments = settingsModel.availableEnvironments || [];
-    const getIconComponent = (iconName) => {
-        switch (iconName) {
-            case 'Bot': return _jsx(Bot, { size: 16 });
-            case 'Terminal': return _jsx(Terminal, { size: 16 });
-            case 'Sparkles': return _jsx(Sparkles, { size: 16 });
-            case 'Command': return _jsx(Command, { size: 16 });
-            case 'Wind': return _jsx(Wind, { size: 16 });
-            case 'Github': return _jsx(Github, { size: 16 });
-            case 'Zap': return _jsx(Zap, { size: 16 });
-            case 'Box': return _jsx(Box, { size: 16 });
-            default: return _jsx(Codepen, { size: 16 });
-        }
-    };
     useEffect(() => {
         if (initialSection) {
             if (initialSection === 'categories' || initialSection === 'types') {
@@ -714,14 +780,11 @@ export function TaskSettings(props) {
                 setAppearanceExpanded(true);
                 setActiveTab('appearanceTaskForms');
             }
-            else if (initialSection === 'resources' || initialSection === 'commands') {
-                setActiveTab('commands');
-            }
             else if (initialSection === 'initiatives') {
                 setActiveTab('initiatives');
             }
             else if (initialSection === 'agents') {
-                setActiveTab('agents');
+                setActiveTab('general');
             }
             else if (initialSection === 'mcp') {
                 setActiveTab(isMcpOnly ? 'mcp' : 'general');
@@ -889,10 +952,10 @@ export function TaskSettings(props) {
                                                     type: success ? 'success' : 'error',
                                                     message: success ? 'Task card status label setting saved.' : 'Failed to save task card status label setting.'
                                                 });
-                                            }, disabled: !onShowTaskCardStatusLabelChange }), _jsx("span", { children: "Show status label" })] })] })), activeTab === 'appearanceTaskForms' && renderTaskFormsControls(), activeTab === 'commands' && (_jsx(_Fragment, { children: _jsxs("div", { className: styles.settingGroup, children: [_jsx("div", { className: styles.settingTitleRow, children: _jsx("h3", { className: styles.settingTitle, children: "Command Workflows" }) }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Export standard workflows to your project to verify and commit them." }), _jsxs("div", { className: `${styles.exportRow} ${styles.exportRowGrid}`, children: [_jsxs("div", { className: styles.settingGroup, children: [_jsx("h4", { className: `${styles.settingSubtitle} ${styles.settingSubtitleCustom}`, children: "Target Environment" }), _jsx("div", { className: styles.buttonGrid, children: availableEnvironments.map(env => (_jsxs("button", { onClick: () => onExportEnvironmentChange(env.id), className: `${styles.themeBtn} ${exportEnvironment === env.id ? styles.activeTheme : ''} ${styles.capitalize}`, children: [getIconComponent(env.icon), env.name] }, env.id))) })] }), _jsxs("div", { className: styles.exportItem, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.label, children: "Workflows" }), _jsxs("span", { className: styles.settingDescription, children: ["Destination: ", _jsx("code", { className: styles.code, children: exportWorkflowsPath })] })] }), _jsxs("div", { className: styles.workflowList, children: [_jsxs("div", { className: styles.workflowActions, children: [_jsx("button", { onClick: handleSelectAllWorkflows, className: styles.textBtn, children: "All" }), _jsx("button", { onClick: handleDeselectAllWorkflows, className: styles.textBtn, children: "None" })] }), _jsx("div", { className: styles.workflowGrid, children: availableWorkflows.length === 0 ? (_jsxs("div", { className: styles.emptyState, children: ["No workflow templates found.", _jsx("button", { onClick: () => onRefreshWorkflows?.(true), className: styles.secondaryBtn, style: { marginTop: '8px' }, children: "Retry Fetch" })] })) : availableWorkflows.map(wf => (_jsxs("label", { className: styles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: selectedWorkflows.includes(wf), onChange: () => handleToggleWorkflow(wf) }), wf] }, wf))) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, onClick: () => onExportWorkflows?.(exportEnvironment, selectedWorkflows), disabled: exportingResource === 'workflows' || selectedWorkflows.length === 0, children: [exportingResource === 'workflows' ? _jsx(Loader2, { size: 14, className: styles.spinner }) : _jsx(FileText, { size: 14 }), "Export Selected (", selectedWorkflows.length, ")"] })] })] }), exportResult && (_jsxs("div", { className: `${exportResult.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [exportResult.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), exportResult.message] }))] }) })), activeTab === 'initiatives' && (_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: styles.settingTitle, children: "Initiative Templates" }), _jsx("button", { className: styles.copyBtn, onClick: () => { void onRefreshInitiativeTemplates?.(); }, children: "Refresh" })] }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Create launch, migration, or incident initiatives from reusable templates." }), _jsxs("div", { className: styles.exportItem, children: [_jsx("label", { className: styles.label, children: "Template" }), _jsx("select", { className: styles.input, value: selectedInitiativeTemplateId, onChange: (e) => {
+                                            }, disabled: !onShowTaskCardStatusLabelChange }), _jsx("span", { children: "Show status label" })] })] })), activeTab === 'appearanceTaskForms' && renderTaskFormsControls(), activeTab === 'initiatives' && (_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: styles.settingTitle, children: "Initiative Templates" }), _jsx("button", { className: styles.copyBtn, onClick: () => { void onRefreshInitiativeTemplates?.(); }, children: "Refresh" })] }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Create launch, migration, or incident initiatives from reusable templates." }), _jsxs("div", { className: styles.exportItem, children: [_jsx("label", { className: styles.label, children: "Template" }), _jsx("select", { className: styles.input, value: selectedInitiativeTemplateId, onChange: (e) => {
                                                 const nextId = e.target.value;
                                                 setSelectedInitiativeTemplateId(nextId);
-                                            }, children: initiativeTemplates.map(template => (_jsx("option", { value: template.id, children: template.name }, template.id))) })] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Initiative Title" }), _jsx("input", { className: styles.input, placeholder: "e.g. Taskforce Public Beta Launch", value: initiativeTitle, onChange: (e) => setInitiativeTitle(e.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCreatingInitiative || !selectedInitiativeTemplateId || !initiativeTitle.trim() || !onCreateInitiativeFromTemplate, onClick: async () => {
+                                            }, children: initiativeTemplates.map(template => (_jsx("option", { value: template.id, children: template.name }, template.id))) })] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Initiative Title" }), _jsx("input", { className: styles.input, placeholder: "Enter initiative title", value: initiativeTitle, onChange: (e) => setInitiativeTitle(e.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCreatingInitiative || !selectedInitiativeTemplateId || !initiativeTitle.trim() || !onCreateInitiativeFromTemplate, onClick: async () => {
                                         if (!onCreateInitiativeFromTemplate)
                                             return;
                                         setIsCreatingInitiative(true);
@@ -907,20 +970,7 @@ export function TaskSettings(props) {
                                                 ? 'Initiative created from template.'
                                                 : (result.error || 'Failed to create initiative.')
                                         });
-                                    }, children: [isCreatingInitiative ? _jsx(Loader2, { size: 14, className: styles.spinner }) : _jsx(Zap, { size: 14 }), "Create Initiative"] })] })), activeTab === 'agents' && (_jsx("div", { className: styles.settingGroup, children: _jsxs("div", { children: [_jsx("h4", { className: styles.settingSubTitle, children: "Registered AI Profiles" }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "AI agents register profiles when connecting via MCP. Merge duplicates created when a token was lost." }), aiProfilesLoading && (_jsxs("div", { className: styles.settingsHint, children: [_jsx(Loader2, { size: 13, className: styles.spinner }), " Loading profiles\u2026"] })), !aiProfilesLoading && aiProfiles.length === 0 && (_jsx("div", { className: styles.settingsHint, children: "No AI profiles registered yet." })), !aiProfilesLoading && aiProfiles.length > 0 && (() => {
-                                        const byName = new Map();
-                                        for (const p of aiProfiles) {
-                                            const key = p.name.toLowerCase();
-                                            if (!byName.has(key))
-                                                byName.set(key, []);
-                                            byName.get(key).push(p);
-                                        }
-                                        return (_jsx("div", { className: styles.aiProfilesList, children: Array.from(byName.entries()).map(([, group]) => (_jsxs("div", { className: `${styles.aiProfileGroup} ${group.length > 1 ? styles.aiProfileGroupDuplicate : ''}`, children: [_jsxs("div", { className: styles.aiProfileGroupHeader, children: [_jsx(Bot, { size: 13, style: { color: group[0].color } }), _jsx("span", { className: styles.aiProfileName, children: group[0].name }), group.length > 1 && (_jsxs("span", { className: styles.aiProfileDuplicateBadge, children: [_jsx(AlertTriangle, { size: 11 }), " ", group.length, " duplicates"] }))] }), _jsxs("div", { className: styles.settingsHint, style: { marginTop: 6 }, children: ["@", group[0].username, group[0].role ? ` · ${group[0].role}` : ''] }), group[0].description && (_jsx("div", { className: styles.settingsHint, style: { marginTop: 4 }, children: group[0].description })), (group[0].provider || group[0].model) && (_jsx("div", { className: styles.settingsHint, style: { marginTop: 4 }, children: [group[0].provider, group[0].model].filter(Boolean).join(' · ') })), group.length > 1 && (_jsxs("div", { className: styles.aiProfileMergeSection, children: [group.map((p) => (_jsxs("div", { className: styles.aiProfileMergeRow, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 4 }, children: [_jsx("span", { className: styles.aiProfileIdChip, children: p.id }), _jsxs("span", { className: styles.settingsHint, children: ["@", p.username] })] }), aiProfileMergeState?.keepId !== p.id && (_jsx("button", { className: styles.secondaryHeaderBtn, title: "Keep this profile, merge others into it", onClick: () => {
-                                                                            const otherId = group.find((x) => x.id !== p.id)?.id;
-                                                                            if (otherId)
-                                                                                setAiProfileMergeState({ keepId: p.id, mergeId: otherId });
-                                                                        }, children: "Keep this" })), aiProfileMergeState?.keepId === p.id && (_jsx("span", { className: styles.aiProfileKeepBadge, children: "\u2713 keeping" }))] }, p.id))), aiProfileMergeState && group.some((p) => p.id === aiProfileMergeState.keepId) && (_jsxs("div", { className: styles.aiProfileMergeActions, children: [_jsxs("button", { className: styles.dangerBtn, onClick: () => doMergeAiProfiles(aiProfileMergeState.keepId, aiProfileMergeState.mergeId), children: ["Merge (keep ", aiProfileMergeState.keepId.slice(-6), ", delete ", aiProfileMergeState.mergeId.slice(-6), ")"] }), _jsx("button", { className: styles.secondaryHeaderBtn, onClick: () => setAiProfileMergeState(null), children: "Cancel" })] }))] }))] }, group[0].id))) }));
-                                    })(), aiProfileMergeStatus && (_jsxs("div", { className: `${aiProfileMergeStatus.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [aiProfileMergeStatus.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), aiProfileMergeStatus.message] }))] }) })), activeTab === 'taxonomy' && (_jsxs("div", { className: `${styles.settingGroup} ${styles.flex1} ${styles.flexCol}`, children: [_jsx("h3", { className: styles.settingTitle, children: "Taxonomy & Classification" }), _jsx("p", { className: styles.settingsHint, children: "Configure categories, task types, and custom classification systems." }), _jsx(TaxonomyManager, { taxonomies: taxonomies, onUpdateTaxonomies: onUpdateTaxonomies, onApplySystemTaxonomyPack: onApplySystemTaxonomyPack, taxonomyDisplayLabels: taxonomyDisplayLabels, onUpdateTaxonomyDisplayLabels: onUpdateTaxonomyDisplayLabels, 
+                                    }, children: [isCreatingInitiative ? _jsx(Loader2, { size: 14, className: styles.spinner }) : _jsx(Zap, { size: 14 }), "Create Initiative"] })] })), activeTab === 'taxonomy' && (_jsxs("div", { className: `${styles.settingGroup} ${styles.flex1} ${styles.flexCol}`, children: [_jsx("h3", { className: styles.settingTitle, children: "Taxonomy & Classification" }), _jsx("p", { className: styles.settingsHint, children: "Configure categories, task types, and custom classification systems." }), _jsx(TaxonomyManager, { taxonomies: taxonomies, onUpdateTaxonomies: onUpdateTaxonomies, onApplySystemTaxonomyPack: onApplySystemTaxonomyPack, taxonomyDisplayLabels: taxonomyDisplayLabels, onUpdateTaxonomyDisplayLabels: onUpdateTaxonomyDisplayLabels, 
                                     // Inject Category and Type managers as system taxonomies
                                     categories: categories, pathValidation: pathValidation, onUpdateCategory: onUpdateCategory, onRemoveCategory: onRemoveCategory, onSaveCategory: onSaveCategory, onAddPath: onAddPath, onRemovePath: onRemovePath, onUpdateCategoryIcon: onUpdateCategoryIcon, onUpdateCategoryColor: onUpdateCategoryColor, onBrowseFolders: handleBrowseFolders, types: types, onSaveType: onSaveType, onRemoveType: onRemoveType, onUpdateType: onUpdateType, priorities: priorities, onUpdatePriorities: onUpdatePriorities, onAnalyzeSystemTaxonomyPack: onAnalyzeSystemTaxonomyPack, manualComplexityEnabled: manualComplexityEnabled, onManualComplexityEnabledChange: async (enabled) => {
                                         const success = await onManualComplexityEnabledChange(enabled);
@@ -930,16 +980,14 @@ 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 === '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 && !canUseCloudMcp && (_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." })] }) }), renderCloudMcpAuthRequired()] })), showCloudMcp && canUseCloudMcp && (_jsx(_Fragment, { children: selectedMcpClientUsesOAuth ? (_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.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
+                                        : 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 && !canUseCloudMcp && (_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." })] }) }), renderCloudMcpAuthRequired()] })), showCloudMcp && canUseCloudMcp && (_jsx(_Fragment, { children: selectedMcpClientUsesOAuth ? (_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.settingGroup, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "OAuth Connector Setup" }), _jsxs("span", { className: styles.settingDescription, children: [selectedConnectorLabel, " 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, 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.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: "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) })] })] }) }), _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) => 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.codeBlock, 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.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 === ' ') {
@@ -951,7 +999,16 @@ 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 === '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." })] }) }), _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
+                                                                    }, 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'
+                                                                            ? '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'
+                                                                    || globalCliUpdateStatus.status === 'error'
+                                                                    ? 'Choose your install method'
+                                                                    : `Update with ${updateChannelLabel}` }), globalCliUpdateCommands.map((command) => (_jsxs("div", { className: styles.mcpHealthCommandRow, children: [_jsx("code", { className: styles.mcpHealthCommand, children: command }), _jsxs("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => void copyCliCommand(command), "aria-label": `Copy command: ${command}`, children: [copiedCliCommand === command ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }), copiedCliCommand === command ? 'Copied' : 'Copy'] })] }, command)))] })), updateTarget && globalCliUpdateCommands.length === 0 && (_jsxs("div", { className: styles.mcpUpdateNotice, role: "status", children: [_jsx(AlertTriangle, { size: 16, "aria-hidden": "true" }), _jsxs("span", { children: [updateTarget.guidance, " Use Local / npx for this checkout if the versions cannot be aligned."] })] })), mcpConfigNotice?.type === 'error' && (_jsxs("div", { className: styles.mcpHealthCopyError, role: "alert", children: [_jsx(AlertTriangle, { size: 14, "aria-hidden": "true" }), mcpConfigNotice.message] })), _jsx("p", { className: styles.mcpUpdateRestartGuidance, children: "After updating, restart Codex, Claude, Gemini, or any other client using this Global MCP configuration." }), _jsxs("details", { className: styles.mcpUpdateDiagnostics, children: [_jsx("summary", { children: "Technical details" }), _jsxs("dl", { children: [_jsxs("div", { children: [_jsx("dt", { children: "Executable" }), _jsx("dd", { children: globalCliMismatch.executablePath || 'Not reported' })] }), _jsxs("div", { children: [_jsx("dt", { children: "MCP server" }), _jsx("dd", { children: globalCliMismatch.serverName || 'Not reported' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Tools reported" }), _jsx("dd", { children: globalCliMismatch.toolCount ?? 'Not reported' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Health code" }), _jsx("dd", { children: globalCliMismatch.code })] })] })] }), _jsxs("div", { className: styles.mcpUpdateDialogActions, children: [_jsx("button", { type: "button", className: "tf-button-secondary", onClick: () => setUseGlobalMcp(false), children: "Use Local / npx" }), _jsxs("button", { type: "button", className: "tf-button-primary", "data-modal-initial-focus": true, onClick: () => {
+                                                                    setGlobalCliDialogOpen(false);
+                                                                    setLocalMcpHealthRetry((value) => value + 1);
+                                                                }, children: [_jsx(RefreshCw, { size: 15 }), "Check again"] })] })] })) }), _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'), disabled: globalMcpCopyBlocked, title: globalMcpCopyBlocked ? 'Global CLI health check required' : 'Copy full configuration file', children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.settingsCodeBlock, 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 }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: localClientIntegration.instructionText }), renderCodexTrustGuidance(), renderMcpProfilePrompt()] })] }), _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 === ' ') {
@@ -968,18 +1025,50 @@ export function TaskSettings(props) {
                                             },
                                             {
                                                 key: 'claude',
-                                                label: 'Claude Desktop Connector',
-                                                description: 'Use the dedicated MCP host in Claude Desktop Settings > Connectors. Taskforce handles OAuth and binds each connector authorization to one workspace.',
-                                                emptyMessage: 'No active Claude Desktop connector grant for this workspace yet.',
+                                                label: 'Claude Chat Connector',
+                                                description: 'Use the dedicated MCP host in Claude Settings > Connectors. Taskforce handles OAuth and binds each connector authorization to one workspace.',
+                                                emptyMessage: 'No active Claude Chat connector grant for this workspace yet.',
                                                 connector: activeClaudeConnector
+                                            },
+                                            {
+                                                key: 'grok',
+                                                label: 'Grok Connector',
+                                                description: 'Use the custom MCP connector flow at grok.com/connectors. Taskforce handles OAuth and binds each connector authorization to one workspace.',
+                                                emptyMessage: 'No active Grok connector grant for this workspace yet.',
+                                                connector: activeGrokConnector
+                                            },
+                                            {
+                                                key: 'gemini',
+                                                label: 'Gemini Spark Connector',
+                                                description: 'Custom MCP apps are currently limited to eligible Gemini Spark users. Taskforce support will open when Google makes the flow broadly available.',
+                                                emptyMessage: 'No active Gemini Spark connector grant for this workspace yet.',
+                                                connector: activeGeminiConnector,
+                                                comingSoon: true
+                                            },
+                                            {
+                                                key: 'mistral',
+                                                label: 'Mistral Vibe Connector',
+                                                description: 'Custom MCP connectors are not consistently available in the current Mistral Vibe chat experience. Taskforce support will open when Mistral exposes the flow broadly.',
+                                                emptyMessage: 'No active Mistral Vibe connector grant for this workspace yet.',
+                                                connector: activeMistralConnector,
+                                                comingSoon: true
+                                            },
+                                            {
+                                                key: 'perplexity',
+                                                label: 'Perplexity Connector',
+                                                description: 'Custom remote MCP availability varies by Perplexity plan and rollout. Taskforce support will open after its OAuth flow is broadly available and verified.',
+                                                emptyMessage: 'No active Perplexity connector grant for this workspace yet.',
+                                                connector: activePerplexityConnector,
+                                                comingSoon: true
                                             }
                                         ].map((item) => {
                                             const connector = item.connector;
+                                            const comingSoon = item.comingSoon === true;
                                             return (_jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop12}`, style: {
                                                     padding: '16px',
                                                     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 ? styles.configBadgeActive : styles.configBadgeRevoked}`, children: connector ? 'connected' : 'not connected' })] }), _jsx("span", { className: styles.settingDescription, children: item.description }), _jsx("span", { className: styles.settingDescription, style: { fontFamily: '"JetBrains Mono", "Fira Code", monospace' }, children: cloudMcpEndpoint }), 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 && (_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: ["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));
                                         }), 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] }))] })] }))] })] }) }));
 }