@taskforcehq/taskforce 0.3.168

package/dist/components/features/TaskSettings.js

@@ -0,0 +1,500 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Sun, Moon, Sparkles, FolderOpen, Keyboard, FileText, Users, Check, AlertTriangle, Loader2, Settings, Layers, Box, Copy, Trash2, Terminal, Bot, Codepen, Command, Wind, Github, Zap } from 'lucide-react';
+import styles from '../../Taskforce.module.css';
+import { TaxonomyManager } from './settings/TaxonomyManager';
+import { WorkflowEditorPrototype } from './settings/WorkflowEditorPrototype';
+export function TaskSettings(props) {
+    const { settingsModel, onSectionChange } = props;
+    const { currentTheme, globalTheme, themeUseGlobalDefault, keyShortcut, jsonBackupEnabled, globalJsonBackupEnabled, globalWeekStartsOn, locale = 'en-US', supportedLocales = ['en-US', 'es-419', 'pt-BR'], jsonBackupUseGlobalDefault, manualComplexityEnabled, checklistDropdownEnabled = false, assigneeFilterEnabled = false, exportWorkflowsPath, exportSpecialistsPath, exportingResource, exportResult, initialSection, onThemeChange, onSaveTheme, onSaveGlobalTheme, onResetProjectToGlobal, onKeyShortcutChange, onJsonBackupEnabledChange, onSaveGlobalJsonBackupEnabled, onSaveGlobalWeekStartsOn, onSaveLocale, onManualComplexityEnabledChange, onChecklistDropdownEnabledChange, onAssigneeFilterEnabledChange, onSaveSettings, onExportWorkflowsPathChange, onExportSpecialistsPathChange, onExportResources, onShowFolderBrowserChange, onBrowserTargetChange, onFetchFolders, categories, pathValidation, onUpdateCategory, onRemoveCategory, onSaveCategory, onAddPath, onRemovePath, onUpdateCategoryIcon, onUpdateCategoryColor, types, onSaveType, onRemoveType, taxonomies, onUpdateTaxonomies, priorities, onUpdatePriorities, approaches, onUpdateApproaches, projectRoot, projectName, mcpHostRoot, serverHostRoot, mcpScriptPath, tenantId, workspaceId, runtimeMode = 'local', workspaceSwitchingEnabled = false, currentWorkspaceRole = 'member', currentWorkspaceName = '', onDeleteWorkspace, onMcpHostRootChange, isAuthenticated = false, exportEnvironment, setupState = null, buildInfo = null, onExportEnvironmentChange, onSaveSetupMode, onSaveWorkspaceProfile, availableWorkflows = [], onExportWorkflows, initiativeTemplates = [], onRefreshInitiativeTemplates, onCreateInitiativeFromTemplate, onCloneChecklistBlocksToChildren, onRefreshWorkflows, onFetchWorkflowTemplate, onFetchWorkflowOverrideNames, onSaveWorkflowTemplateDraft, onResetWorkflowTemplateDraft } = settingsModel;
+    // 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());
+    const [workspaceDescription, setWorkspaceDescription] = useState(() => String(setupState?.workspace?.description || ''));
+    const [workspacePlanMode, setWorkspacePlanMode] = useState('personal');
+    const [workspacePlanModeLoading, setWorkspacePlanModeLoading] = useState(false);
+    const [workspacePlanModeError, setWorkspacePlanModeError] = useState(null);
+    const [selectedInitiativeTemplateId, setSelectedInitiativeTemplateId] = useState('');
+    const [initiativeTitle, setInitiativeTitle] = useState('');
+    const [initiativeParentTaskId, setInitiativeParentTaskId] = useState('');
+    const [cloneChecklistParentTaskId, setCloneChecklistParentTaskId] = useState('');
+    const [cloneChecklistDodText, setCloneChecklistDodText] = useState('');
+    const [cloneChecklistRollbackText, setCloneChecklistRollbackText] = useState('');
+    const [isCreatingInitiative, setIsCreatingInitiative] = useState(false);
+    const [isCloningChecklists, setIsCloningChecklists] = useState(false);
+    const [documentsConfigLoading, setDocumentsConfigLoading] = useState(false);
+    const [documentsStorageProvider, setDocumentsStorageProvider] = useState('unknown');
+    const [activeTab, setActiveTab] = useState('general');
+    const [generalScopeTab, setGeneralScopeTab] = useState(() => {
+        return 'project';
+    });
+    useEffect(() => {
+        if (initiativeTemplates.length > 0 && !selectedInitiativeTemplateId) {
+            setSelectedInitiativeTemplateId(initiativeTemplates[0].id);
+        }
+    }, [initiativeTemplates, selectedInitiativeTemplateId]);
+    useEffect(() => {
+        if (!settingsFeedback)
+            return;
+        const timer = setTimeout(() => setSettingsFeedback(null), 2500);
+        return () => clearTimeout(timer);
+    }, [settingsFeedback]);
+    useEffect(() => {
+        setSetupMode(setupState?.mode === 'operations' ? 'operations' : 'core');
+    }, [setupState?.mode]);
+    useEffect(() => {
+        setWorkspaceDisplayName(String(setupState?.workspace?.name || '').trim());
+        setWorkspaceDescription(String(setupState?.workspace?.description || ''));
+    }, [setupState?.workspace?.name, setupState?.workspace?.description]);
+    useEffect(() => {
+        if (activeTab !== 'general' || generalScopeTab !== 'project' || !isAuthenticated)
+            return;
+        let cancelled = false;
+        (async () => {
+            setWorkspacePlanModeLoading(true);
+            setWorkspacePlanModeError(null);
+            try {
+                const res = await fetch('/api/taskforce/account/entitlements', {
+                    method: 'GET',
+                    credentials: 'include'
+                });
+                const payload = await res.json().catch(() => ({}));
+                if (cancelled)
+                    return;
+                if (!res.ok) {
+                    setWorkspacePlanModeError(String(payload?.error || 'Failed to load account entitlements.'));
+                    return;
+                }
+                const planId = String(payload?.planId || '').trim().toLowerCase();
+                setWorkspacePlanMode(planId === 'team' ? 'team' : 'personal');
+            }
+            catch {
+                if (!cancelled)
+                    setWorkspacePlanModeError('Failed to load account entitlements.');
+            }
+            finally {
+                if (!cancelled)
+                    setWorkspacePlanModeLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [activeTab, generalScopeTab, isAuthenticated]);
+    const handleThemeChange = async (theme) => {
+        onThemeChange(theme);
+        const success = await onSaveTheme(theme);
+        setSettingsFeedback({
+            type: success ? 'success' : 'error',
+            message: success ? 'Project theme saved.' : 'Failed to save project theme.'
+        });
+    };
+    const [copiedConfig, setCopiedConfig] = useState(false);
+    const [useGlobalMcp, setUseGlobalMcp] = useState(true);
+    const [showAdvancedMcp, setShowAdvancedMcp] = useState(false);
+    const sanitizeMcpId = (value, fallback) => {
+        const normalized = String(value || '')
+            .toLowerCase()
+            .replace(/[^a-zA-Z0-9_-]+/g, '-')
+            .replace(/-+/g, '-')
+            .replace(/^[-_]+|[-_]+$/g, '');
+        return normalized || fallback.toLowerCase();
+    };
+    const buildMcpServerConfig = () => {
+        let finalPath = mcpScriptPath || "";
+        let finalRoot = projectRoot || "";
+        const effectiveHostRoot = mcpHostRoot || serverHostRoot;
+        if (effectiveHostRoot && projectRoot) {
+            if (mcpScriptPath && mcpScriptPath.startsWith(projectRoot)) {
+                finalPath = mcpScriptPath.replace(projectRoot, effectiveHostRoot);
+            }
+            else if (mcpScriptPath && mcpScriptPath.includes('/node_modules/')) {
+                const nodeModulesIndex = mcpScriptPath.indexOf('/node_modules/');
+                finalPath = effectiveHostRoot + mcpScriptPath.substring(nodeModulesIndex);
+            }
+            finalRoot = effectiveHostRoot;
+        }
+        const isDev = (mcpScriptPath || "").endsWith('.ts');
+        const finalProjectName = projectName || (projectRoot ? projectRoot.split(/[/\\]/).pop() : 'project');
+        const serverId = sanitizeMcpId(`taskforce-${finalProjectName}`, 'taskforce-project');
+        const resolvedTenantId = (tenantId || '').trim() || 'your-tenant-id';
+        const rawWorkspaceId = (workspaceId || setupState?.workspaceId || '').trim();
+        const resolvedWorkspaceId = rawWorkspaceId && rawWorkspaceId !== 'default'
+            ? rawWorkspaceId
+            : 'your-workspace-id';
+        const env = {
+            TASKFORCE_TENANT_ID: resolvedTenantId,
+            TASKFORCE_WORKSPACE_ID: resolvedWorkspaceId
+        };
+        const serverConfig = useGlobalMcp
+            ? {
+                command: "taskforce",
+                args: ["mcp", finalRoot || "."],
+                env
+            }
+            : {
+                command: isDev ? "npx" : "node",
+                args: isDev
+                    ? ["-y", "tsx", finalPath, finalRoot]
+                    : [finalPath, finalRoot],
+                env
+            };
+        if (!useGlobalMcp && !serverConfig.args[serverConfig.args.length - 1]) {
+            serverConfig.args[serverConfig.args.length - 1] = ".../path/to/project/root";
+        }
+        return { serverId, serverConfig };
+    };
+    const handleCopyConfig = (mode = 'full') => {
+        if (!mcpScriptPath && !useGlobalMcp)
+            return;
+        const { serverId, serverConfig } = buildMcpServerConfig();
+        const toCopy = mode === 'full'
+            ? JSON.stringify({ mcpServers: { [serverId]: serverConfig } }, null, 2)
+            : `"${serverId}": ${JSON.stringify(serverConfig, null, 2)}`;
+        navigator.clipboard.writeText(toCopy);
+        setCopiedConfig(mode);
+        setTimeout(() => setCopiedConfig(false), 2000);
+    };
+    useEffect(() => {
+        if (activeTab === 'initiatives' && initiativeTemplates.length === 0) {
+            onRefreshInitiativeTemplates?.();
+        }
+    }, [activeTab, initiativeTemplates.length, onRefreshInitiativeTemplates]);
+    useEffect(() => {
+        if (activeTab !== 'documents')
+            return;
+        let cancelled = false;
+        (async () => {
+            setDocumentsConfigLoading(true);
+            try {
+                const res = await fetch('/api/taskforce/config', { credentials: 'include' });
+                const payload = await res.json().catch(() => ({}));
+                if (cancelled)
+                    return;
+                const provider = payload?.objectStorage?.provider === 'r2' ? 'r2' : 'local';
+                setDocumentsStorageProvider(provider);
+            }
+            catch {
+                if (!cancelled)
+                    setDocumentsStorageProvider('unknown');
+            }
+            finally {
+                if (!cancelled)
+                    setDocumentsConfigLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [activeTab]);
+    const resolveAdminConsoleUrl = () => {
+        const envUrlRaw = String(import.meta?.env?.VITE_TASKFORCE_ADMIN_APP_URL || '').trim();
+        if (envUrlRaw)
+            return envUrlRaw.replace(/\/+$/, '');
+        if (typeof window === 'undefined')
+            return 'https://admin.taskforcehq.ai';
+        const { protocol, hostname } = window.location;
+        if (hostname === 'localhost' || hostname === '127.0.0.1')
+            return 'http://localhost:5181';
+        if (hostname.startsWith('app.'))
+            return `${protocol}//admin.${hostname.slice(4)}`;
+        return `${protocol}//admin.${hostname}`;
+    };
+    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') {
+                setActiveTab('taxonomy');
+            }
+            else if (initialSection === 'documents') {
+                setActiveTab('documents');
+            }
+            else if (initialSection === 'workflow-editor') {
+                setActiveTab('workflowEditor');
+            }
+            else if (initialSection === 'resources' || initialSection === 'commands') {
+                setActiveTab('commands');
+            }
+            else if (initialSection === 'initiatives') {
+                setActiveTab('initiatives');
+            }
+            else if (initialSection === 'agents') {
+                setActiveTab('agents');
+            }
+            else {
+                setActiveTab(initialSection);
+            }
+        }
+    }, [initialSection]);
+    const handleBrowseFolders = (catValue) => {
+        onBrowserTargetChange({ type: 'category', value: catValue });
+        onFetchFolders('');
+        onShowFolderBrowserChange(true);
+    };
+    // Helper to show path relative to project root if applicable
+    const getDisplayPath = (fullPath) => {
+        if (!fullPath)
+            return '';
+        if (projectRoot && fullPath.startsWith(projectRoot)) {
+            const relative = fullPath.slice(projectRoot.length).replace(/^[/\\]+/, '');
+            return `./${relative}` || './';
+        }
+        return fullPath;
+    };
+    return (_jsxs("div", { className: styles.settingsTab, children: [_jsxs("div", { className: styles.settingsTabs, children: [_jsxs("button", { className: `${styles.settingsTabBtn} ${activeTab === 'general' ? styles.settingsTabBtnActive : ''}`, onClick: () => {
+                            setActiveTab('general');
+                            onSectionChange?.('general');
+                        }, children: [_jsx(Settings, { size: 14 }), " General"] }), _jsxs("button", { className: `${styles.settingsTabBtn} ${activeTab === 'documents' ? styles.settingsTabBtnActive : ''}`, onClick: () => {
+                            setActiveTab('documents');
+                            onSectionChange?.('documents');
+                        }, children: [_jsx(FolderOpen, { size: 14 }), " Documents"] }), _jsxs("button", { className: `${styles.settingsTabBtn} ${activeTab === 'commands' ? styles.settingsTabBtnActive : ''}`, onClick: () => {
+                            setActiveTab('commands');
+                            onSectionChange?.('commands');
+                        }, children: [_jsx(Terminal, { size: 14 }), " Commands"] }), _jsxs("button", { className: `${styles.settingsTabBtn} ${activeTab === 'initiatives' ? styles.settingsTabBtnActive : ''}`, onClick: () => {
+                            setActiveTab('initiatives');
+                            onSectionChange?.('initiatives');
+                        }, children: [_jsx(Zap, { size: 14 }), " Initiatives"] }), _jsxs("button", { className: `${styles.settingsTabBtn} ${activeTab === 'workflowEditor' ? styles.settingsTabBtnActive : ''}`, onClick: () => {
+                            setActiveTab('workflowEditor');
+                            onSectionChange?.('workflow-editor');
+                        }, children: [_jsx(FileText, { size: 14 }), " Workflows"] }), _jsxs("button", { className: `${styles.settingsTabBtn} ${activeTab === 'agents' ? styles.settingsTabBtnActive : ''}`, onClick: () => {
+                            setActiveTab('agents');
+                            onSectionChange?.('agents');
+                        }, children: [_jsx(Bot, { size: 14 }), " Agents"] }), _jsxs("button", { className: `${styles.settingsTabBtn} ${activeTab === 'taxonomy' ? styles.settingsTabBtnActive : ''}`, onClick: () => {
+                            setActiveTab('taxonomy');
+                            onSectionChange?.('taxonomy');
+                        }, children: [_jsx(Layers, { size: 14 }), " Taxonomies"] }), _jsxs("button", { className: `${styles.settingsTabBtn} ${activeTab === 'mcp' ? styles.settingsTabBtnActive : ''}`, onClick: () => {
+                            setActiveTab('mcp');
+                            onSectionChange?.('mcp');
+                        }, children: [_jsx(Box, { size: 14 }), " MCP"] })] }), _jsxs("div", { className: styles.settingsContent, children: [settingsFeedback && (_jsxs("div", { className: `${styles.settingsToast} ${settingsFeedback.type === 'success' ? styles.settingsToastSuccess : styles.settingsToastError}`, children: [settingsFeedback.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), _jsx("span", { children: settingsFeedback.message })] })), activeTab === 'general' && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.settingGroup, children: _jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: styles.settingTitle, children: generalScopeTab === 'project' ? 'Project Settings' : 'Global Settings' }), _jsxs("div", { className: styles.settingsTabs, children: [_jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'project' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('project'), children: "Project" }), _jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'global' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('global'), children: "Global" })] }), generalScopeTab === 'project' && (_jsx("button", { onClick: async () => {
+                                                const confirmed = window.confirm('Reset project Theme and Backups to global defaults?');
+                                                if (!confirmed)
+                                                    return;
+                                                const success = await onResetProjectToGlobal();
+                                                setSettingsFeedback({
+                                                    type: success ? 'success' : 'error',
+                                                    message: success ? 'Project settings reset to global.' : 'Failed to reset project settings.'
+                                                });
+                                            }, className: styles.copyBtn, children: "Reset to Global" }))] }) }), generalScopeTab === 'project' && (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Workspace Profile" }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsxs("label", { className: styles.label, style: { minWidth: '110px' }, children: [setupMode === 'operations' ? 'Mission' : 'Project', " name:"] }), _jsx("input", { className: styles.input, type: "text", value: workspaceDisplayName, onChange: (event) => setWorkspaceDisplayName(event.target.value), placeholder: setupMode === 'operations' ? 'Mission name' : 'Project name', style: { maxWidth: '360px' } })] }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("label", { className: styles.label, style: { minWidth: '110px' }, children: "Description:" }), _jsx("textarea", { className: styles.textarea, value: workspaceDescription, onChange: (event) => setWorkspaceDescription(event.target.value), placeholder: setupMode === 'operations' ? 'Mission description (optional)' : 'Project description (optional)', rows: 3, style: { maxWidth: '360px' } })] }), _jsx("div", { className: styles.pathInputGroup, children: _jsx("button", { onClick: async () => {
+                                                if (!onSaveWorkspaceProfile)
+                                                    return;
+                                                const result = await onSaveWorkspaceProfile({
+                                                    workspaceId: setupState?.workspaceId,
+                                                    name: workspaceDisplayName,
+                                                    description: workspaceDescription
+                                                });
+                                                setSettingsFeedback({
+                                                    type: result.success ? 'success' : 'error',
+                                                    message: result.success
+                                                        ? `${setupMode === 'operations' ? 'Mission' : 'Project'} profile saved.`
+                                                        : (result.error || 'Failed to save workspace profile.')
+                                                });
+                                            }, className: `${styles.saveSettingsBtn} ${styles.saveSettingsBtnWrapper}`, disabled: !onSaveWorkspaceProfile, children: "Save Profile" }) })] })), generalScopeTab === 'project' && isAuthenticated && (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Account Plan" }), _jsx("p", { className: styles.settingHelper, children: "Effective plan state is managed by platform admin and surfaced here as read-only." }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("label", { className: styles.label, style: { minWidth: '110px' }, children: "Plan mode:" }), _jsxs("select", { className: styles.input, value: workspacePlanMode, style: { maxWidth: '220px' }, disabled: true, children: [_jsx("option", { value: "personal", children: "Personal" }), _jsx("option", { value: "team", children: "Team" })] })] }), workspacePlanModeLoading && (_jsx("p", { className: styles.settingHelper, children: "Loading current account entitlements..." })), workspacePlanModeError && (_jsx("p", { className: styles.settingHelper, style: { color: '#fda4af' }, children: workspacePlanModeError }))] })), generalScopeTab === 'project' && (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Theme" }), _jsxs("div", { className: styles.buttonGrid, children: [_jsxs("button", { className: `${styles.themeBtn} ${currentTheme === 'light' ? styles.activeTheme : ''}`, onClick: () => { void handleThemeChange('light'); }, children: [_jsx(Sun, { size: 20 }), " Light"] }), _jsxs("button", { className: `${styles.themeBtn} ${currentTheme === 'dark' ? styles.activeTheme : ''}`, onClick: () => { void handleThemeChange('dark'); }, children: [_jsx(Moon, { size: 20 }), " Dark"] }), _jsxs("button", { className: `${styles.themeBtn} ${currentTheme === 'midnight' ? styles.activeTheme : ''}`, onClick: () => { void handleThemeChange('midnight'); }, children: [_jsx(Sparkles, { size: 20 }), " Midnight"] })] }), _jsx("h3", { className: styles.settingTitle, children: "Backup" }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: jsonBackupEnabled, onChange: async (e) => {
+                                                    const success = await onJsonBackupEnabledChange(e.target.checked);
+                                                    setSettingsFeedback({
+                                                        type: success ? 'success' : 'error',
+                                                        message: success ? 'Project backup setting saved.' : 'Failed to save project backup setting.'
+                                                    });
+                                                } }), _jsx("span", { children: "Enable automatic JSON backup (`.taskforce/tasks.json`)" })] }), _jsx("h3", { className: styles.settingTitle, children: "Task Form" }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: checklistDropdownEnabled, onChange: async (e) => {
+                                                    if (!onChecklistDropdownEnabledChange)
+                                                        return;
+                                                    const success = await onChecklistDropdownEnabledChange(e.target.checked);
+                                                    setSettingsFeedback({
+                                                        type: success ? 'success' : 'error',
+                                                        message: success ? 'Checklist dropdown setting saved.' : 'Failed to save checklist dropdown setting.'
+                                                    });
+                                                }, disabled: !onChecklistDropdownEnabledChange }), _jsx("span", { children: "Enable checklist dropdown in task form" })] }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: assigneeFilterEnabled, onChange: async (e) => {
+                                                    if (!onAssigneeFilterEnabledChange)
+                                                        return;
+                                                    const success = await onAssigneeFilterEnabledChange(e.target.checked);
+                                                    setSettingsFeedback({
+                                                        type: success ? 'success' : 'error',
+                                                        message: success ? 'Assignee filter setting saved.' : 'Failed to save assignee filter setting.'
+                                                    });
+                                                }, disabled: !onAssigneeFilterEnabledChange }), _jsx("span", { children: "Enable assignee filter in task views" })] })] })), generalScopeTab === 'global' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Operating Mode" }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("label", { className: styles.label, style: { minWidth: '110px' }, children: "Mode:" }), _jsxs("select", { className: styles.input, value: setupMode, onChange: (e) => setSetupMode(e.target.value === 'operations' ? 'operations' : 'core'), style: { maxWidth: '220px' }, children: [_jsx("option", { value: "core", children: "Core (Project)" }), _jsx("option", { value: "operations", children: "Operations (Mission)" })] }), _jsx("button", { onClick: async () => {
+                                                            if (!onSaveSetupMode)
+                                                                return;
+                                                            const success = await onSaveSetupMode(setupMode);
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success ? 'Operating mode saved.' : 'Failed to save operating mode.'
+                                                            });
+                                                        }, className: `${styles.saveSettingsBtn} ${styles.saveSettingsBtnWrapper}`, disabled: !onSaveSetupMode, children: "Save" })] })] }), _jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Theme" }), _jsxs("div", { className: styles.buttonGrid, children: [_jsxs("button", { className: `${styles.themeBtn} ${globalTheme === 'light' ? styles.activeTheme : ''}`, onClick: async () => {
+                                                            const success = await onSaveGlobalTheme('light');
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success ? 'Global theme saved.' : 'Failed to save global theme.'
+                                                            });
+                                                        }, children: [_jsx(Sun, { size: 20 }), " Light"] }), _jsxs("button", { className: `${styles.themeBtn} ${globalTheme === 'dark' ? styles.activeTheme : ''}`, onClick: async () => {
+                                                            const success = await onSaveGlobalTheme('dark');
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success ? 'Global theme saved.' : 'Failed to save global theme.'
+                                                            });
+                                                        }, children: [_jsx(Moon, { size: 20 }), " Dark"] }), _jsxs("button", { className: `${styles.themeBtn} ${globalTheme === 'midnight' ? styles.activeTheme : ''}`, onClick: async () => {
+                                                            const success = await onSaveGlobalTheme('midnight');
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success ? 'Global theme saved.' : 'Failed to save global theme.'
+                                                            });
+                                                        }, children: [_jsx(Sparkles, { size: 20 }), " Midnight"] })] }), _jsx("h3", { className: styles.settingTitle, children: "Backup" }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: globalJsonBackupEnabled, onChange: async (e) => {
+                                                            const success = await onSaveGlobalJsonBackupEnabled(e.target.checked);
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success ? 'Global backup default saved.' : 'Failed to save global backup default.'
+                                                            });
+                                                        } }), _jsx("span", { children: "Enable global JSON backup default" })] })] }), _jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Regional" }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("label", { className: styles.label, style: { minWidth: '110px' }, children: "Calendar start:" }), _jsxs("select", { className: styles.input, value: globalWeekStartsOn, onChange: async (e) => {
+                                                            const value = e.target.value;
+                                                            const success = await onSaveGlobalWeekStartsOn(value);
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success
+                                                                    ? `Week start saved (${value === 'sunday' ? 'Sunday' : 'Monday'}).`
+                                                                    : 'Failed to save week start.'
+                                                            });
+                                                        }, style: { maxWidth: '220px' }, children: [_jsx("option", { value: "sunday", children: "Sunday" }), _jsx("option", { value: "monday", children: "Monday" })] })] }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("label", { className: styles.label, style: { minWidth: '110px' }, children: "Language:" }), _jsx("select", { className: styles.input, value: locale, onChange: async (e) => {
+                                                            const value = e.target.value;
+                                                            if (!onSaveLocale)
+                                                                return;
+                                                            const success = await onSaveLocale(value);
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success ? `Language saved (${value}).` : 'Failed to save language.'
+                                                            });
+                                                        }, style: { maxWidth: '220px' }, disabled: !onSaveLocale, children: supportedLocales.map((value) => (_jsx("option", { value: value, children: value }, value))) })] })] }), _jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Keyboard Shortcut" }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsxs("div", { className: styles.shortcutInputWrapper, children: [_jsx(Keyboard, { size: 16, className: styles.inputIcon }), _jsx("input", { type: "text", value: keyShortcut, onChange: (e) => onKeyShortcutChange(e.target.value), placeholder: "e.g. Alt+T, Ctrl+Shift+K", className: `${styles.input} ${styles.shortcutInput}` })] }), _jsx("button", { onClick: async () => {
+                                                            const success = await onSaveSettings();
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success ? 'Global shortcut saved.' : 'Failed to save global shortcut.'
+                                                            });
+                                                        }, className: `${styles.saveSettingsBtn} ${styles.saveSettingsBtnWrapper}`, children: "Save" })] }), _jsxs("p", { className: styles.settingHelper, children: ["Supported modifiers: Alt, Option, Ctrl, Shift, Meta (Cmd). Example: ", _jsx("code", { children: "Alt+T" }), " or ", _jsx("code", { children: "Ctrl+Shift+L" }), "."] })] })] })), generalScopeTab === 'project' && (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Danger Zone" }), runtimeMode !== 'cloud' || !workspaceSwitchingEnabled ? (_jsx("p", { className: styles.settingHelper, children: "Workspace deletion is available in cloud runtime only." })) : !isAuthenticated ? (_jsx("p", { className: styles.settingHelper, children: "Sign in to manage workspace deletion." })) : currentWorkspaceRole !== 'owner' ? (_jsx("p", { className: styles.settingHelper, children: "Only workspace owners can delete a workspace." })) : (_jsx("div", { className: styles.pathInputGroup, children: _jsxs("button", { className: styles.destructiveBtn, onClick: async () => {
+                                                if (!onDeleteWorkspace)
+                                                    return;
+                                                const normalizedWorkspaceId = String(workspaceId || '').trim();
+                                                if (!normalizedWorkspaceId || normalizedWorkspaceId === 'default') {
+                                                    setSettingsFeedback({
+                                                        type: 'error',
+                                                        message: 'A non-default workspace is required for deletion.'
+                                                    });
+                                                    return;
+                                                }
+                                                const expectedName = String(currentWorkspaceName || '').trim();
+                                                const confirmation = window.prompt(`Type "${expectedName}" to permanently delete this workspace.`);
+                                                if (confirmation === null)
+                                                    return;
+                                                if (confirmation.trim() !== expectedName) {
+                                                    setSettingsFeedback({
+                                                        type: 'error',
+                                                        message: 'Workspace name confirmation did not match.'
+                                                    });
+                                                    return;
+                                                }
+                                                const result = await onDeleteWorkspace(normalizedWorkspaceId);
+                                                if (!result.success) {
+                                                    setSettingsFeedback({
+                                                        type: 'error',
+                                                        message: result.error || 'Failed to delete workspace.'
+                                                    });
+                                                    return;
+                                                }
+                                                const warningCount = Array.isArray(result.cleanupWarnings) ? result.cleanupWarnings.length : 0;
+                                                setSettingsFeedback({
+                                                    type: warningCount > 0 ? 'error' : 'success',
+                                                    message: warningCount > 0
+                                                        ? `Workspace deleted with ${warningCount} cleanup warning(s).`
+                                                        : 'Workspace deleted.'
+                                                });
+                                            }, disabled: !onDeleteWorkspace, children: [_jsx(Trash2, { size: 14, style: { marginRight: 8 } }), "Delete Workspace"] }) }))] }))] })), activeTab === 'documents' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Local Documents" }), _jsx("p", { className: styles.settingHelper, children: "Local document behavior is available to all users and does not require admin permissions." }), _jsxs("div", { className: `${styles.pathInputGroup} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, style: { minWidth: '110px' }, children: "Storage mode:" }), _jsx("input", { className: styles.input, value: documentsConfigLoading
+                                                    ? 'Loading...'
+                                                    : (documentsStorageProvider === 'r2' ? 'Cloud (R2)' : documentsStorageProvider === 'local' ? 'Local filesystem' : 'Unavailable'), disabled: true, style: { maxWidth: '260px' } })] }), _jsx("p", { className: styles.settingHelper, children: "Per-user editor preferences are configured directly from the document editor screen." }), documentsStorageProvider === 'local' && (_jsx("p", { className: styles.settingHelper, children: "Local documents are stored in `.taskforce/docs` and `.taskforce/task-data/.../attachments`." }))] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsx("h3", { className: styles.settingTitle, children: "Cloud Document Storage" }), isAuthenticated && documentsStorageProvider === 'r2' ? (_jsxs(_Fragment, { children: [_jsx("p", { className: styles.settingHelper, children: "System-level cloud storage and integrity controls are managed in App Admin." }), _jsx("div", { className: `${styles.pathInputGroup} ${styles.marginTop12}`, style: { flexWrap: 'wrap', alignItems: 'center' }, children: _jsx("button", { className: styles.copyBtn, onClick: () => {
+                                                        window.open(resolveAdminConsoleUrl(), '_blank', 'noopener,noreferrer');
+                                                    }, children: "Open App Admin" }) })] })) : isAuthenticated && documentsStorageProvider === 'local' ? (_jsx("p", { className: styles.settingHelper, children: "Cloud storage is not active in this environment. No cloud document settings are currently applied." })) : (_jsx("p", { className: styles.settingHelper, children: "Sign in to access cloud document storage controls in App Admin." }))] })] })), activeTab === 'commands' && (_jsx(_Fragment, { children: _jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: styles.settingTitle, children: "Command Workflows" }), _jsx("button", { onClick: () => {
+                                                setActiveTab('workflowEditor');
+                                                onSectionChange?.('workflow-editor');
+                                            }, className: styles.copyBtn, children: "Open 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 with checklist-ready child milestones." }), _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);
+                                            const selected = initiativeTemplates.find(t => t.id === nextId);
+                                            if (selected) {
+                                                setCloneChecklistDodText((selected.checklistBlocks?.definitionOfDone || []).join('\n'));
+                                                setCloneChecklistRollbackText((selected.checklistBlocks?.rollbackPlan || []).join('\n'));
+                                            }
+                                        }, 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 Private Beta Launch", value: initiativeTitle, onChange: (e) => setInitiativeTitle(e.target.value) })] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Parent Task ID (optional)" }), _jsx("input", { className: styles.input, placeholder: "task-...", value: initiativeParentTaskId, onChange: (e) => setInitiativeParentTaskId(e.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCreatingInitiative || !selectedInitiativeTemplateId || !initiativeTitle.trim() || !onCreateInitiativeFromTemplate, onClick: async () => {
+                                    if (!onCreateInitiativeFromTemplate)
+                                        return;
+                                    setIsCreatingInitiative(true);
+                                    const result = await onCreateInitiativeFromTemplate({
+                                        templateId: selectedInitiativeTemplateId,
+                                        title: initiativeTitle.trim(),
+                                        parentTaskId: initiativeParentTaskId.trim() || null
+                                    });
+                                    setIsCreatingInitiative(false);
+                                    setSettingsFeedback({
+                                        type: result.success ? 'success' : 'error',
+                                        message: result.success
+                                            ? '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"] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Clone Checklists to Children" }), _jsx("input", { className: styles.input, placeholder: "Parent task ID to update children (task-...)", value: cloneChecklistParentTaskId, onChange: (e) => setCloneChecklistParentTaskId(e.target.value) }), _jsx("textarea", { className: `${styles.input} ${styles.marginTop12}`, rows: 4, placeholder: "Definition of Done items, one per line", value: cloneChecklistDodText, onChange: (e) => setCloneChecklistDodText(e.target.value) }), _jsx("textarea", { className: `${styles.input} ${styles.marginTop12}`, rows: 4, placeholder: "Rollback Plan items, one per line", value: cloneChecklistRollbackText, onChange: (e) => setCloneChecklistRollbackText(e.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCloningChecklists || !cloneChecklistParentTaskId.trim() || !onCloneChecklistBlocksToChildren, onClick: async () => {
+                                    if (!onCloneChecklistBlocksToChildren)
+                                        return;
+                                    setIsCloningChecklists(true);
+                                    const result = await onCloneChecklistBlocksToChildren({
+                                        parentTaskId: cloneChecklistParentTaskId.trim(),
+                                        checklistBlocks: {
+                                            definitionOfDone: cloneChecklistDodText.split('\n').map(s => s.trim()).filter(Boolean),
+                                            rollbackPlan: cloneChecklistRollbackText.split('\n').map(s => s.trim()).filter(Boolean)
+                                        }
+                                    });
+                                    setIsCloningChecklists(false);
+                                    setSettingsFeedback({
+                                        type: result.success ? 'success' : 'error',
+                                        message: result.success
+                                            ? `Checklist blocks cloned to ${result.updated ?? 0} child task(s).`
+                                            : (result.error || 'Failed to clone checklist blocks.')
+                                    });
+                                }, children: [isCloningChecklists ? _jsx(Loader2, { size: 14, className: styles.spinner }) : _jsx(Copy, { size: 14 }), "Clone Checklists"] })] })), activeTab === 'workflowEditor' && (_jsx(WorkflowEditorPrototype, { availableWorkflows: availableWorkflows, onFetchWorkflowTemplate: onFetchWorkflowTemplate, onFetchWorkflowOverrideNames: onFetchWorkflowOverrideNames, onSaveWorkflowTemplateDraft: onSaveWorkflowTemplateDraft, onResetWorkflowTemplateDraft: onResetWorkflowTemplateDraft })), activeTab === 'agents' && (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "AI Specialists (Agents)" }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Export specialist definitions to your project as .md files for AI context." }), _jsx("div", { className: `${styles.exportRow} ${styles.exportRowGrid}`, children: _jsxs("div", { className: styles.exportItem, children: [_jsx("label", { className: styles.label, children: "Specialists Path" }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("input", { type: "text", value: exportSpecialistsPath, onChange: (e) => onExportSpecialistsPathChange(e.target.value), className: styles.input }), _jsxs("button", { className: styles.secondaryHeaderBtn, onClick: () => onExportResources('specialists', exportSpecialistsPath), disabled: exportingResource === 'specialists', children: [exportingResource === 'specialists' ? _jsx(Loader2, { size: 14, className: styles.spinner }) : _jsx(Users, { size: 14 }), "Export"] })] })] }) }), 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 === '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, 
+                                // 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, priorities: priorities, onUpdatePriorities: onUpdatePriorities, approaches: approaches, onUpdateApproaches: onUpdateApproaches, manualComplexityEnabled: manualComplexityEnabled, onManualComplexityEnabledChange: async (enabled) => {
+                                    const success = await onManualComplexityEnabledChange(enabled);
+                                    setSettingsFeedback({
+                                        type: success ? 'success' : 'error',
+                                        message: success ? 'Project complexity setting saved.' : 'Failed to save project complexity setting.'
+                                    });
+                                }, initialTab: (initialSection === 'categories' || initialSection === 'types' || initialSection === 'approaches' || initialSection === 'priorities')
+                                    ? initialSection
+                                    : undefined })] })), activeTab === 'mcp' && (_jsxs("div", { className: styles.settingsGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "MCP Integrations" }), _jsx("p", { className: styles.settingsHint, children: "Connect Taskforce context to Claude Desktop, Cursor, or other MCP clients. Generated configs include tenant/workspace scope env vars." }), _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 (e.g. Mac/Windows)." })] }), _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) }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom}`, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsxs("button", { className: `${styles.copyBtn} ${copiedConfig === 'snippet' ? styles.copyBtnActive : ''}`, onClick: () => handleCopyConfig('snippet'), title: "Copy just this server snippet", children: [copiedConfig === 'snippet' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }), copiedConfig === 'snippet' ? 'Snippet Copied!' : 'Copy Snippet'] }), _jsxs("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 }), copiedConfig === 'full' ? 'Config Copied!' : 'Copy Full Config'] })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: (() => {
+                                                const { serverId, serverConfig } = buildMcpServerConfig();
+                                                const dimmed = { color: 'rgba(166, 172, 205, 0.4)' };
+                                                const highlighted = { color: 'violet-500', fontWeight: 'bold' };
+                                                const bracketColor = { color: 'rgba(166, 172, 205, 0.6)' };
+                                                return (_jsxs(_Fragment, { children: [_jsx("span", { style: bracketColor, children: "{" }), "\n  ", _jsx("span", { style: dimmed, children: "\"mcpServers\"" }), _jsx("span", { style: dimmed, children: ":" }), " ", _jsx("span", { style: bracketColor, children: "{" }), "\n    ", _jsxs("span", { style: highlighted, children: [`"${serverId}"`, ": ", JSON.stringify(serverConfig, null, 2).split('\n').map((line, i) => i === 0 ? line : '    ' + line).join('\n')] }), "\n  ", _jsx("span", { style: bracketColor, children: "}" }), "\n", _jsx("span", { style: bracketColor, children: "}" })] }));
+                                            })() }) })] }), _jsx("div", { className: `${styles.settingGroup} ${styles.marginTop12}`, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("label", { className: styles.settingLabel, children: "Installation" }), _jsxs("span", { className: styles.settingDescription, children: ["Taskforce MCP uses the global ", _jsx("code", { children: "taskforce" }), " command. Install with ", _jsx("code", { children: "npm install -g @taskforcehq/taskforce" }), "."] })] }) }), _jsx("div", { className: styles.marginTop12, style: { display: 'flex', gap: '8px' }, children: _jsx("button", { className: `${styles.copyBtn} ${showAdvancedMcp ? styles.copyBtnNeutralActive : ''}`, onClick: () => setShowAdvancedMcp((prev) => !prev), title: "Show advanced MCP install options", children: showAdvancedMcp ? 'Hide Advanced' : 'Show Advanced' }) }), showAdvancedMcp && (_jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop12}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("label", { className: styles.settingLabel, 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)" })] })] }))] }))] })] }));
+}

package/dist/components/features/TaskSettings.test.d.ts

@@ -0,0 +1 @@
+export {};