@taskforcehq/taskforce 0.3.301 → 0.3.302

package/dist/components/features/TaskSettings.js

@@ -172,8 +172,6 @@ export function TaskSettings(props) {
     const [mcpTokenNotice, setMcpTokenNotice] = useState(null);
     const [generatedTokenValue, setGeneratedTokenValue] = useState(null);
     const [selectedMcpClient, setSelectedMcpClient] = useState('cursor');
-    const [automationAiName, setAutomationAiName] = useState('');
-    const [automationAiProfileToken, setAutomationAiProfileToken] = useState('');
     const [mcpConnectionToken, setMcpConnectionToken] = useState('');
     const [mcpConnectionBusy, setMcpConnectionBusy] = useState(false);
     const [mcpConnectionResult, setMcpConnectionResult] = useState(null);
@@ -227,77 +225,16 @@ export function TaskSettings(props) {
     }, [mcpTokens]);
     const cloudMcpServerId = useMemo(() => buildCloudMcpServerId(currentWorkspaceName || null, projectName || null), [currentWorkspaceName, projectName]);
     const cloudMcpTokenValue = generatedTokenValue || '<<GENERATE_TOKEN>>';
-    const selectedAutomationProfileId = useMemo(() => {
-        if (automationAiProfileToken) {
-            const byToken = aiProfiles.find((profile) => String(profile.profileToken || '').trim() === automationAiProfileToken.trim());
-            if (byToken)
-                return byToken.id;
-        }
-        if (automationAiName) {
-            const byName = aiProfiles.find((profile) => profile.name === automationAiName.trim());
-            if (byName)
-                return byName.id;
-        }
-        return '';
-    }, [aiProfiles, automationAiName, automationAiProfileToken]);
-    const selectedAutomationProfile = useMemo(() => aiProfiles.find((profile) => profile.id === selectedAutomationProfileId) || null, [aiProfiles, selectedAutomationProfileId]);
-    const inferredAutomationProfileMetadata = useMemo(() => {
-        switch (selectedMcpClient) {
-            case 'codex':
-                return { description: 'OpenAI Codex coding agent connected through MCP.', role: 'Coding Agent', provider: 'OpenAI', model: 'Codex', surfaceType: 'coding_tool' };
-            case 'chatgpt-desktop':
-                return { description: 'ChatGPT desktop app connected through the Taskforce MCP connector.', role: 'AI Assistant', provider: 'OpenAI', model: 'ChatGPT', surfaceType: 'chat_app' };
-            case 'claude-code':
-                return { description: 'Claude Code coding agent connected through MCP.', role: 'Coding Agent', provider: 'Anthropic', model: 'Claude Code', surfaceType: 'coding_tool' };
-            case 'claude-desktop':
-                return { description: 'Claude Desktop connected through the Taskforce MCP connector.', role: 'AI Assistant', provider: 'Anthropic', model: 'Claude', surfaceType: 'chat_app' };
-            case 'gemini-cli':
-                return { description: 'Gemini CLI coding agent connected through MCP.', role: 'Coding Agent', provider: 'Google', model: 'Gemini', surfaceType: 'coding_tool' };
-            case 'vscode':
-                return { description: 'VS Code MCP-connected coding agent.', role: 'Coding Agent', provider: null, model: null, surfaceType: 'ide' };
-            case 'cline':
-            case 'windsurf':
-            case 'antigravity':
-            case 'openclaw':
-                return {
-                    description: `${MCP_CLIENT_OPTIONS.find((option) => option.id === selectedMcpClient)?.label || 'MCP'} coding agent connected through MCP.`,
-                    role: 'Coding Agent',
-                    provider: null,
-                    model: null,
-                    surfaceType: 'coding_tool'
-                };
-            default:
-                return { description: null, role: null, provider: null, model: null, surfaceType: null };
-        }
-    }, [selectedMcpClient]);
+    // Launch decision: keep generated Cloud MCP config identity-neutral for shared connections.
     const cloudClientIntegration = useMemo(() => buildCloudMcpClientIntegration({
         clientId: selectedMcpClient,
         endpoint: cloudMcpEndpoint,
         tokenValue: cloudMcpTokenValue,
         serverId: cloudMcpServerId,
-        aiProfileName: automationAiName,
-        aiProfileToken: automationAiProfileToken,
-        aiProfileDescription: selectedAutomationProfile?.description ?? inferredAutomationProfileMetadata.description,
-        aiProfileRole: selectedAutomationProfile?.role ?? inferredAutomationProfileMetadata.role,
-        aiProfileProvider: selectedAutomationProfile?.provider ?? inferredAutomationProfileMetadata.provider,
-        aiProfileModel: selectedAutomationProfile?.model ?? inferredAutomationProfileMetadata.model,
-        aiProfileSurfaceType: selectedAutomationProfile?.surfaceType ?? inferredAutomationProfileMetadata.surfaceType,
     }), [
-        automationAiName,
-        automationAiProfileToken,
         cloudMcpEndpoint,
         cloudMcpServerId,
         cloudMcpTokenValue,
-        inferredAutomationProfileMetadata.description,
-        inferredAutomationProfileMetadata.model,
-        inferredAutomationProfileMetadata.provider,
-        inferredAutomationProfileMetadata.role,
-        inferredAutomationProfileMetadata.surfaceType,
-        selectedAutomationProfile?.description,
-        selectedAutomationProfile?.model,
-        selectedAutomationProfile?.provider,
-        selectedAutomationProfile?.role,
-        selectedAutomationProfile?.surfaceType,
         selectedMcpClient
     ]);
     const cloudMcpServerConfig = cloudClientIntegration.kind === 'json'
@@ -903,22 +840,14 @@ export function TaskSettings(props) {
                                                                                     ? new Date(selectedConnectorGrant.lastUsedAt).toLocaleString()
                                                                                     : 'not yet'] })] })] })) : ('No active connector authorization for this workspace yet.') }), _jsx("div", { className: styles.settingDescription, style: { marginTop: '12px' }, children: "Use the server URL above in your client, then finish the OAuth authorization flow from the Integrations tab." }), _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end', width: '100%', marginTop: '12px' }, children: _jsx("button", { className: styles.copyBtn, onClick: () => setActiveTab('integrations'), children: "Open Integrations" }) })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
                                                                         ? renderMcpConfigBlock(cloudMcpServerId, cloudMcpServerConfig, cloudClientIntegration.rootKey || 'mcpServers', cloudClientIntegration.wrapperKeys || [])
-                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsx("div", { style: { padding: '16px 20px' }, children: _jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }) })] })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Generate Token" }), _jsx("span", { className: styles.settingDescription, children: "Tokens are shown once. Default scopes allow task read/write. Add workspace read if you want config and skills metadata in the client." })] }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: 'minmax(0, 2fr) minmax(220px, 1fr)', gap: '12px', alignItems: 'end' }, children: [_jsxs("div", { className: styles.settingsItem, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Token Name" }) }), _jsx("input", { type: "text", className: styles.settingInput, placeholder: "Cursor on MacBook", value: newTokenName, onChange: (e) => setNewTokenName(e.target.value) })] }), _jsxs("div", { className: styles.settingsItem, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Expiry (Optional)" }) }), _jsx("input", { type: "date", className: `${styles.settingInput} ${styles.taskFormDateInput}`, value: newTokenExpiresAt, onChange: (e) => setNewTokenExpiresAt(e.target.value) })] })] }), _jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Scopes" }) }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: '96px repeat(3, minmax(110px, 1fr))', gap: '10px 16px', alignItems: 'center' }, children: [_jsx("span", {}), _jsx("span", { className: styles.settingDescription, children: "Tasks" }), _jsx("span", { className: styles.settingDescription, children: "Workspace" }), _jsx("span", { className: styles.settingDescription, style: { opacity: 0.55 }, children: "Attachments" }), _jsx("span", { className: styles.settingDescription, children: "Read" }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('tasks:read'), onChange: () => toggleTokenScope('tasks:read') }) }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('workspace:read'), onChange: () => toggleTokenScope('workspace:read') }) }), _jsx("label", { className: styles.checkboxLabel, style: { opacity: 0.55 }, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) }), _jsx("span", { className: styles.settingDescription, children: "Write" }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('tasks:write'), onChange: () => toggleTokenScope('tasks:write') }) }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) }), _jsx("label", { className: styles.checkboxLabel, style: { opacity: 0.55 }, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) })] })] })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Automation Identity (Optional)" }), _jsx("span", { className: styles.settingDescription, children: "For recurring or background AI workers, set an AI name here so the generated MCP config includes Taskforce automation headers. After the first run, paste the returned profile token too so the same AI profile is reused across runs without extra bootstrap steps." })] }), aiProfiles.length > 0 && (_jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Use Existing AI Profile" }) }), _jsxs("select", { className: styles.settingInput, "aria-label": "Use existing AI profile", value: selectedAutomationProfileId, onChange: (e) => {
-                                                                    const nextId = e.target.value;
-                                                                    if (!nextId) {
-                                                                        setAutomationAiName('');
-                                                                        setAutomationAiProfileToken('');
-                                                                        return;
-                                                                    }
-                                                                    const profile = aiProfiles.find((entry) => entry.id === nextId);
-                                                                    if (!profile)
-                                                                        return;
-                                                                    setAutomationAiName(profile.name);
-                                                                    setAutomationAiProfileToken(String(profile.profileToken || ''));
-                                                                }, children: [_jsx("option", { value: "", children: "Custom\u2026" }), aiProfiles.map((profile) => (_jsxs("option", { value: profile.id, children: [profile.name, " (@", profile.username, ")"] }, profile.id)))] })] })), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: '12px', alignItems: 'end' }, children: [_jsxs("div", { className: styles.settingsItem, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "AI Name Header" }) }), _jsx("input", { type: "text", className: styles.settingInput, placeholder: "Automation Codex", value: automationAiName, onChange: (e) => setAutomationAiName(e.target.value) })] }), _jsxs("div", { className: styles.settingsItem, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "AI Profile Token Header" }) }), _jsx("input", { type: "text", className: styles.settingInput, placeholder: "tfp_...", value: automationAiProfileToken, onChange: (e) => setAutomationAiProfileToken(e.target.value) })] })] })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsx("div", { className: styles.settingHelper, children: "Generated tokens are only shown once. Copy the token before leaving this page." }), (() => {
-                                                        const displayedGeneratedToken = copiedConfig === 'token'
-                                                            ? 'Copied to clipboard'
-                                                            : (generatedTokenValue || '');
+                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsx("div", { style: { padding: '16px 20px' }, children: _jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }) })] })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Generate Token" }), _jsx("span", { className: styles.settingDescription, children: "Tokens are shown once. Default scopes allow task read/write. Add workspace read if you want config and skills metadata in the client." })] }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: 'minmax(0, 2fr) minmax(220px, 1fr)', gap: '12px', alignItems: 'end' }, children: [_jsxs("div", { className: styles.settingsItem, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Token Name" }) }), _jsx("input", { type: "text", className: styles.settingInput, placeholder: "Cursor on MacBook", value: newTokenName, onChange: (e) => setNewTokenName(e.target.value) })] }), _jsxs("div", { className: styles.settingsItem, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Expiry (Optional)" }) }), _jsx("input", { type: "date", className: `${styles.settingInput} ${styles.taskFormDateInput}`, value: newTokenExpiresAt, onChange: (e) => setNewTokenExpiresAt(e.target.value) })] })] }), _jsxs("div", { className: `${styles.settingsItem} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Scopes" }) }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: '96px repeat(3, minmax(110px, 1fr))', gap: '10px 16px', alignItems: 'center' }, children: [_jsx("span", {}), _jsx("span", { className: styles.settingDescription, children: "Tasks" }), _jsx("span", { className: styles.settingDescription, children: "Workspace" }), _jsx("span", { className: styles.settingDescription, style: { opacity: 0.55 }, children: "Attachments" }), _jsx("span", { className: styles.settingDescription, children: "Read" }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('tasks:read'), onChange: () => toggleTokenScope('tasks:read') }) }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('workspace:read'), onChange: () => toggleTokenScope('workspace:read') }) }), _jsx("label", { className: styles.checkboxLabel, style: { opacity: 0.55 }, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) }), _jsx("span", { className: styles.settingDescription, children: "Write" }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: newTokenScopes.includes('tasks:write'), onChange: () => toggleTokenScope('tasks:write') }) }), _jsx("label", { className: styles.checkboxLabel, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) }), _jsx("label", { className: styles.checkboxLabel, style: { opacity: 0.55 }, children: _jsx("input", { type: "checkbox", className: styles.checkboxSmall, checked: false, disabled: true }) })] })] })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsx("div", { className: styles.settingHelper, children: "Generated tokens are only shown once. Copy the token before leaving this page." }), (() => {
+                                                        const tokenBarError = mcpTokenNotice?.type === 'error'
+                                                            ? mcpTokenNotice.message
+                                                            : null;
+                                                        const displayedGeneratedToken = tokenBarError
+                                                            || (copiedConfig === 'token'
+                                                                ? 'Copied to clipboard'
+                                                                : (generatedTokenValue || ''));
                                                         return (_jsx("div", { style: { display: 'flex', gap: '8px', alignItems: 'stretch' }, children: _jsx("div", { className: styles.codeBlockWrapper, style: { flex: 1, cursor: generatedTokenValue ? 'pointer' : 'default' }, onClick: () => generatedTokenValue && copyToClipboard(generatedTokenValue, 'token'), role: generatedTokenValue ? 'button' : undefined, tabIndex: generatedTokenValue ? 0 : -1, onKeyDown: (e) => {
                                                                     if (!generatedTokenValue)
                                                                         return;
@@ -926,8 +855,11 @@ export function TaskSettings(props) {
                                                                         e.preventDefault();
                                                                         copyToClipboard(generatedTokenValue, 'token');
                                                                     }
-                                                                }, title: generatedTokenValue ? (copiedConfig === 'token' ? 'Token copied' : 'Click to copy token') : undefined, children: _jsx("pre", { className: styles.codeBlock, style: { textAlign: 'center' }, children: _jsx("code", { children: displayedGeneratedToken }) }) }) }));
-                                                    })()] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [mcpTokenNotice?.type === 'error' && (_jsxs("div", { className: `${styles.errorMessage} ${styles.marginTop12}`, children: [_jsx(AlertTriangle, { size: 14 }), mcpTokenNotice.message] })), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsxs("button", { className: styles.copyBtn, onClick: () => void handleCreateMcpToken(), disabled: mcpActionBusyId === 'create', title: "Generate Token", "aria-label": "Generate Token", children: [mcpActionBusyId === 'create' ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), _jsx("span", { children: "GENERATE TOKEN" })] }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
+                                                                }, title: generatedTokenValue ? (copiedConfig === 'token' ? 'Token copied' : 'Click to copy token') : undefined, children: _jsx("pre", { className: styles.codeBlock, style: {
+                                                                        textAlign: 'center',
+                                                                        color: tokenBarError ? 'var(--status-danger-strong, #f87171)' : undefined,
+                                                                    }, children: _jsx("code", { children: displayedGeneratedToken }) }) }) }));
+                                                    })()] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsxs("button", { className: styles.copyBtn, onClick: () => void handleCreateMcpToken(), disabled: mcpActionBusyId === 'create', title: "Generate Token", "aria-label": "Generate Token", children: [mcpActionBusyId === 'create' ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), _jsx("span", { children: "GENERATE TOKEN" })] }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
                                                                         ? renderMcpConfigBlock(cloudMcpServerId, cloudMcpServerConfig, cloudClientIntegration.rootKey || 'mcpServers', cloudClientIntegration.wrapperKeys || [])
                                                                         : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsx("div", { style: { padding: '16px 20px' }, children: _jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }) })] })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowMcpConnectionTest((prev) => !prev), onKeyDown: (e) => {
                                                             if (e.key === 'Enter' || e.key === ' ') {

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

@@ -5,6 +5,8 @@ import { describe, it, expect, vi } from 'vitest';
 import { TaskSettings } from './TaskSettings';
 import { TASKFORCE_THEME_OPTIONS } from '../../utils/theme';
 describe('TaskSettings Component', () => {
+    // Launch decision: Cloud MCP settings must stay identity-neutral for shared connections.
+    // Do not reintroduce per-connection AI identity controls here unless explicitly requested.
     // Default mock props
     const defaultSettingsModel = {
         currentTheme: 'dark',
@@ -1128,76 +1130,6 @@ describe('TaskSettings Component', () => {
         expect(screen.getByText(/http_headers = \{ Authorization = "Bearer/i)).toBeInTheDocument();
         expect(screen.getAllByText(/https:\/\/mcp\.taskforcehq\.ai\/mcp/).length).toBeGreaterThan(0);
     }, 10000);
-    it('4.23e3a Codex MCP output includes optional automation identity headers', async () => {
-        const fetchCloudAuthApi = vi.fn(async () => ({
-            ok: true,
-            json: async () => ({ items: [] })
-        }));
-        const user = userEvent.setup();
-        renderComponent({
-            settingsModel: {
-                runtimeMode: 'local',
-                isAuthenticated: true,
-                currentWorkspaceName: 'Workspace Alpha',
-                cloudMcpBaseUrl: 'https://mcp.taskforcehq.ai',
-                fetchCloudAuthApi
-            }
-        });
-        await user.click(screen.getByRole('button', { name: /MCP/i }));
-        await user.selectOptions(screen.getByRole('combobox', { name: 'MCP client' }), 'codex');
-        await user.type(screen.getByPlaceholderText('Automation Codex'), 'Automation Codex');
-        await user.type(screen.getByPlaceholderText('tfp_...'), 'tfp_automation_codex');
-        expect(await screen.findByText(/X-Taskforce-AI-Name = "Automation Codex"/i)).toBeInTheDocument();
-        expect(screen.getByText(/X-Taskforce-AI-Profile-Token = "tfp_automation_codex"/i)).toBeInTheDocument();
-    }, 10000);
-    it('4.23e3aa MCP tab can prefill automation identity from an existing AI profile', async () => {
-        const fetchCloudAuthApi = vi.fn(async () => ({
-            ok: true,
-            json: async () => ({ items: [] })
-        }));
-        const fetchMock = vi.fn(async (input) => {
-            const url = String(input);
-            if (url.includes('/api/taskforce/workspace/assignee-options')) {
-                return {
-                    ok: true,
-                    json: async () => ({
-                        assignees: [
-                            {
-                                value: 'ai-profile-123',
-                                label: 'Automation Codex',
-                                profileToken: 'tfp_automation_codex',
-                                username: 'automation-codex',
-                                icon: 'Bot',
-                                color: '#6B7280',
-                                kind: 'agent',
-                            }
-                        ]
-                    })
-                };
-            }
-            throw new Error(`Unexpected fetch call: ${url}`);
-        });
-        global.fetch = fetchMock;
-        const user = userEvent.setup();
-        renderComponent({
-            settingsModel: {
-                runtimeMode: 'local',
-                isAuthenticated: true,
-                workspaceId: 'workspace-alpha',
-                currentWorkspaceName: 'Workspace Alpha',
-                cloudMcpBaseUrl: 'https://mcp.taskforcehq.ai',
-                fetchCloudAuthApi
-            }
-        });
-        await user.click(screen.getByRole('button', { name: /MCP/i }));
-        await user.selectOptions(await screen.findByRole('combobox', { name: 'Use existing AI profile' }), 'ai-profile-123');
-        await user.selectOptions(screen.getByRole('combobox', { name: 'MCP client' }), 'codex');
-        expect(await screen.findByDisplayValue('Automation Codex')).toBeInTheDocument();
-        expect(screen.getByDisplayValue('tfp_automation_codex')).toBeInTheDocument();
-        expect(screen.getByText(/X-Taskforce-AI-Name = "Automation Codex"/i)).toBeInTheDocument();
-        expect(screen.getByText(/X-Taskforce-AI-Profile-Token = "tfp_automation_codex"/i)).toBeInTheDocument();
-        global.fetch = originalFetch;
-    }, 10000);
     it('4.23e3b Claude Code shows a remote MCP add command', async () => {
         const fetchCloudAuthApi = vi.fn(async () => ({
             ok: true,
@@ -1396,6 +1328,37 @@ describe('TaskSettings Component', () => {
         await user.click(screen.getByTitle('Copy full configuration file'));
         expect(screen.getByText('Generate a token before copying the Cloud MCP configuration.')).toBeInTheDocument();
     }, 10000);
+    it('4.23g2 Cloud MCP settings do not surface automation identity controls', async () => {
+        const user = userEvent.setup();
+        renderComponent({
+            settingsModel: {
+                runtimeMode: 'local',
+                isAuthenticated: true,
+                currentWorkspaceName: 'Workspace Alpha',
+                cloudMcpBaseUrl: 'https://mcp.taskforcehq.ai',
+            }
+        });
+        await user.click(screen.getByRole('button', { name: /MCP/i }));
+        await screen.findByText('Cloud MCP Configuration');
+        expect(screen.queryByText('Automation Identity (Optional)')).not.toBeInTheDocument();
+        expect(screen.queryByRole('combobox', { name: 'Use existing AI profile' })).not.toBeInTheDocument();
+    }, 10000);
+    it('4.23g3 Cloud MCP config does not include AI identity headers by default', async () => {
+        const user = userEvent.setup();
+        renderComponent({
+            settingsModel: {
+                runtimeMode: 'local',
+                isAuthenticated: true,
+                currentWorkspaceName: 'Workspace Alpha',
+                cloudMcpBaseUrl: 'https://mcp.taskforcehq.ai',
+            }
+        });
+        await user.click(screen.getByRole('button', { name: /MCP/i }));
+        await screen.findByText('Cloud MCP Configuration');
+        await user.selectOptions(screen.getByRole('combobox', { name: 'MCP client' }), 'codex');
+        expect(screen.queryByText(/X-Taskforce-AI-Name/i)).not.toBeInTheDocument();
+        expect(screen.queryByText(/X-Taskforce-AI-Profile-Token/i)).not.toBeInTheDocument();
+    }, 10000);
     it('4.23h Active tokens sort first and revoked tokens do not show revoke or regenerate actions', async () => {
         const user = userEvent.setup();
         const fetchCloudAuthApi = vi.fn(async () => ({

package/dist/components/features/settings/TaxonomyLibraryManager.js

@@ -65,6 +65,12 @@ function cloneCustomTaxonomyDefinition(taxonomy) {
             : []
     };
 }
+function handleCardKeyDown(event, onSelect) {
+    if (event.key !== 'Enter' && event.key !== ' ')
+        return;
+    event.preventDefault();
+    onSelect();
+}
 function SystemTaxonomyLibrarySurface(props) {
     const { onAnalyzeSystemTaxonomyPack, onApplySystemTaxonomyPack } = props;
     const fallbackPacks = useMemo(() => listBuiltInTaxonomyLibraryPacks(), []);
@@ -158,7 +164,7 @@ function SystemTaxonomyLibrarySurface(props) {
     }
     return (_jsxs("div", { className: libraryStyles.libraryContainer, children: [_jsxs("section", { className: libraryStyles.introCard, children: [_jsxs("span", { className: libraryStyles.eyebrow, children: [_jsx(BookMarked, { size: 14 }), "System Taxonomy Library"] }), _jsx("h3", { className: libraryStyles.introTitle, children: "Browse starter packs before you replace anything." }), _jsx("p", { className: libraryStyles.introCopy, children: "Library packs give you coordinated categories, task types, and priority scales. Apply replaces only the sections you choose." }), libraryLoading ? _jsx("p", { className: libraryStyles.prototypeNotice, children: "Loading available packs\u2026" }) : null] }), _jsxs("div", { className: libraryStyles.libraryGrid, children: [_jsx("div", { className: libraryStyles.packList, children: packs.map((pack) => {
                             const isActive = pack.id === selectedPackId;
-                            return (_jsxs("article", { className: `${libraryStyles.packCard} ${isActive ? libraryStyles.packCardActive : ''}`, children: [_jsx("div", { className: libraryStyles.packHeader, children: _jsxs("div", { className: libraryStyles.packHeaderText, children: [_jsx("div", { className: libraryStyles.packTitleRow, children: _jsx("h4", { className: libraryStyles.packTitle, children: pack.label }) }), _jsx("p", { className: libraryStyles.packDescription, children: pack.description })] }) }), _jsxs("div", { className: libraryStyles.packCounts, children: [_jsxs("span", { className: libraryStyles.packCountChip, children: [_jsx(Layers, { size: 13 }), pack.categories.length, " categories"] }), _jsxs("span", { className: libraryStyles.packCountChip, children: [_jsx(PackageOpen, { size: 13 }), pack.types.length, " types"] }), _jsxs("span", { className: libraryStyles.packCountChip, children: [_jsx(Check, { size: 13 }), pack.priorities.length, " priority levels"] })] }), _jsxs("div", { className: libraryStyles.packActions, children: [_jsx("button", { type: "button", className: styles.cancelBtn, onClick: () => handleSelectPack(pack.id), children: isActive ? 'Previewing' : 'Preview' }), _jsx("button", { type: "button", className: styles.submitBtn, onClick: () => handleSelectPack(pack.id), children: "Apply" })] })] }, pack.id));
+                            return (_jsxs("article", { className: `${libraryStyles.packCard} ${libraryStyles.packCardInteractive} ${isActive ? libraryStyles.packCardActive : ''}`, role: "button", tabIndex: 0, "aria-pressed": isActive, onClick: () => handleSelectPack(pack.id), onKeyDown: (event) => handleCardKeyDown(event, () => handleSelectPack(pack.id)), children: [_jsx("div", { className: libraryStyles.packHeader, children: _jsxs("div", { className: libraryStyles.packHeaderText, children: [_jsx("div", { className: libraryStyles.packTitleRow, children: _jsx("h4", { className: libraryStyles.packTitle, children: pack.label }) }), _jsx("p", { className: libraryStyles.packDescription, children: pack.description })] }) }), _jsxs("div", { className: libraryStyles.packCounts, children: [_jsxs("span", { className: libraryStyles.packCountChip, children: [_jsx(Layers, { size: 13 }), pack.categories.length, " categories"] }), _jsxs("span", { className: libraryStyles.packCountChip, children: [_jsx(PackageOpen, { size: 13 }), pack.types.length, " types"] }), _jsxs("span", { className: libraryStyles.packCountChip, children: [_jsx(Check, { size: 13 }), pack.priorities.length, " priority levels"] })] }), _jsx("div", { className: libraryStyles.packActions, children: _jsx("button", { type: "button", className: styles.submitBtn, onClick: () => handleSelectPack(pack.id), children: "Apply" }) })] }, pack.id));
                         }) }), _jsxs("aside", { className: libraryStyles.previewPanel, children: [_jsxs("div", { className: libraryStyles.previewHeader, children: [_jsx("h3", { className: libraryStyles.previewTitle, children: selectedPack.label }), _jsx("p", { className: libraryStyles.previewSubtext, children: "Read-only preview. Applying this pack will replace only the sections you choose." })] }), _jsx(PreviewListSection, { title: "Categories", items: selectedPack.categories.map((category) => ({
                                     key: category.value,
                                     label: category.label,
@@ -283,7 +289,7 @@ function CustomTaxonomyLibrarySurface(props) {
                             const isActive = pack.id === selectedPackId;
                             const summary = summarizeCustomPack(pack);
                             const taxonomyNames = pack.taxonomies.slice(0, 3).map((taxonomy) => taxonomy.label);
-                            return (_jsxs("article", { className: `${libraryStyles.packCard} ${isActive ? libraryStyles.packCardActive : ''}`, children: [_jsx("div", { className: libraryStyles.packHeader, children: _jsxs("div", { className: libraryStyles.packHeaderText, children: [_jsxs("div", { className: libraryStyles.packTitleRow, children: [_jsx("h4", { className: libraryStyles.packTitle, children: pack.label }), pack.domainTag ? _jsx("span", { className: libraryStyles.packBadge, children: pack.domainTag }) : null] }), _jsx("p", { className: libraryStyles.packDescription, children: pack.description }), pack.bestFor ? (_jsxs("p", { className: libraryStyles.packBestFor, children: [_jsx("strong", { children: "Best for:" }), " ", pack.bestFor] })) : null] }) }), _jsxs("div", { className: libraryStyles.packCounts, children: [_jsxs("span", { className: libraryStyles.packCountChip, children: [_jsx(Shapes, { size: 13 }), pack.taxonomies.length, " taxonomies"] }), summary.multiSelectCount > 0 ? (_jsx("span", { className: libraryStyles.packCountChip, children: "Multi-select" })) : null, summary.numericCount > 0 ? (_jsx("span", { className: libraryStyles.packCountChip, children: "Numeric" })) : null, summary.requiredCount > 0 ? (_jsx("span", { className: libraryStyles.packCountChip, children: "Required" })) : null] }), _jsxs("div", { className: libraryStyles.packTaxonomyPreview, children: [taxonomyNames.map((name) => (_jsx("span", { className: libraryStyles.packTaxonomyChip, children: name }, name))), pack.taxonomies.length > taxonomyNames.length ? (_jsxs("span", { className: libraryStyles.packTaxonomyMore, children: ["+", pack.taxonomies.length - taxonomyNames.length, " more"] })) : null] }), _jsx("div", { className: libraryStyles.packActions, children: _jsx("button", { type: "button", className: styles.cancelBtn, onClick: () => setSelectedPackId(pack.id), children: isActive ? 'Previewing' : 'Preview' }) })] }, pack.id));
+                            return (_jsxs("article", { className: `${libraryStyles.packCard} ${libraryStyles.packCardInteractive} ${isActive ? libraryStyles.packCardActive : ''}`, role: "button", tabIndex: 0, "aria-pressed": isActive, onClick: () => setSelectedPackId(pack.id), onKeyDown: (event) => handleCardKeyDown(event, () => setSelectedPackId(pack.id)), children: [_jsx("div", { className: libraryStyles.packHeader, children: _jsxs("div", { className: libraryStyles.packHeaderText, children: [_jsxs("div", { className: libraryStyles.packTitleRow, children: [_jsx("h4", { className: libraryStyles.packTitle, children: pack.label }), pack.domainTag ? _jsx("span", { className: libraryStyles.packBadge, children: pack.domainTag }) : null] }), _jsx("p", { className: libraryStyles.packDescription, children: pack.description }), pack.bestFor ? (_jsxs("p", { className: libraryStyles.packBestFor, children: [_jsx("strong", { children: "Best for:" }), " ", pack.bestFor] })) : null] }) }), _jsxs("div", { className: libraryStyles.packCounts, children: [_jsxs("span", { className: libraryStyles.packCountChip, children: [_jsx(Shapes, { size: 13 }), pack.taxonomies.length, " taxonomies"] }), summary.multiSelectCount > 0 ? (_jsx("span", { className: libraryStyles.packCountChip, children: "Multi-select" })) : null, summary.numericCount > 0 ? (_jsx("span", { className: libraryStyles.packCountChip, children: "Numeric" })) : null, summary.requiredCount > 0 ? (_jsx("span", { className: libraryStyles.packCountChip, children: "Required" })) : null] }), _jsxs("div", { className: libraryStyles.packTaxonomyPreview, children: [taxonomyNames.map((name) => (_jsx("span", { className: libraryStyles.packTaxonomyChip, children: name }, name))), pack.taxonomies.length > taxonomyNames.length ? (_jsxs("span", { className: libraryStyles.packTaxonomyMore, children: ["+", pack.taxonomies.length - taxonomyNames.length, " more"] })) : null] }), _jsx("div", { className: libraryStyles.packActions, children: _jsx("span", { className: libraryStyles.packActionHint, children: isActive ? 'Previewing' : 'Click to Preview' }) })] }, pack.id));
                         }) }), _jsxs("aside", { className: libraryStyles.previewPanel, children: [_jsxs("div", { className: libraryStyles.previewHeader, children: [_jsx("h3", { className: libraryStyles.previewTitle, children: selectedPack.label }), selectedPack.bestFor ? (_jsxs("p", { className: libraryStyles.previewBestFor, children: [_jsx("strong", { children: "Best for:" }), " ", selectedPack.bestFor] })) : null, _jsx("p", { className: libraryStyles.previewSubtext, children: "Review each taxonomy before installing it into this workspace. Installed taxonomies become normal workspace-owned custom taxonomies." })] }), _jsxs("div", { className: libraryStyles.previewSummaryRow, children: [_jsxs("span", { className: libraryStyles.packCountChip, children: [selectedPack.taxonomies.length, " taxonomies"] }), (selectedPackSummary?.formEnabledCount || 0) > 0 ? (_jsxs("span", { className: libraryStyles.packCountChip, children: [selectedPackSummary.formEnabledCount, " show in forms"] })) : null, (selectedPackSummary?.numericCount || 0) > 0 ? (_jsxs("span", { className: libraryStyles.packCountChip, children: [selectedPackSummary.numericCount, " numeric"] })) : null, (selectedPackSummary?.requiredCount || 0) > 0 ? (_jsxs("span", { className: libraryStyles.packCountChip, children: [selectedPackSummary.requiredCount, " required"] })) : null] }), _jsxs("section", { className: libraryStyles.applyPanel, children: [_jsx("h4", { className: libraryStyles.applyTitle, children: "Choose Taxonomies to Install" }), _jsx("p", { className: libraryStyles.applyCopy, children: "Select only the taxonomies you want to add. This first pass installs new custom taxonomies only and asks you to skip conflicts rather than replace them." }), _jsx("div", { className: libraryStyles.checkboxList, children: selectedPack.taxonomies.map((taxonomy) => (_jsxs("label", { className: libraryStyles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: selectedTaxonomyIds.includes(taxonomy.id), onChange: () => handleToggleTaxonomySelection(taxonomy.id) }), _jsxs("span", { children: [taxonomy.label, taxonomies.some((existingTaxonomy) => existingTaxonomy.id === taxonomy.id) ? ' (Already installed)' : ''] })] }, taxonomy.id))) }), _jsxs("div", { className: libraryStyles.analysisPanel, children: [_jsxs("p", { className: libraryStyles.analysisCopy, children: [selectedTaxonomyIds.length, " ", selectedTaxonomyIds.length === 1 ? 'taxonomy is' : 'taxonomies are', " currently selected from this pack."] }), installableTaxonomies.length > 0 ? (_jsxs("p", { className: libraryStyles.analysisCopy, children: [installableTaxonomies.length, " selected ", installableTaxonomies.length === 1 ? 'taxonomy is' : 'taxonomies are', " ready to install right now."] })) : (_jsx("p", { className: libraryStyles.analysisCopy, children: "No selected taxonomies are currently installable." })), conflictIds.length > 0 ? (_jsxs("p", { className: libraryStyles.analysisWarning, children: [conflictIds.length, " selected ", conflictIds.length === 1 ? 'taxonomy conflicts' : 'taxonomies conflict', " with existing workspace ids: ", conflictIds.join(', '), "."] })) : null] }), _jsxs("div", { className: libraryStyles.packActions, children: [conflictIds.length > 0 ? (_jsx("button", { type: "button", className: styles.cancelBtn, onClick: handleSelectInstallableOnly, children: "Select Installable Only" })) : null, _jsx("button", { type: "button", className: styles.submitBtn, onClick: handleApply, disabled: selectedTaxonomyIds.length === 0 || installableTaxonomies.length === 0, children: "Install Selected Taxonomies" })] }), libraryNotice ? (_jsx("p", { className: `${libraryStyles.prototypeResult} ${libraryNotice.type === 'error' ? libraryStyles.prototypeError : ''}`, children: libraryNotice.message })) : null] }), selectedPack.taxonomies.map((taxonomy) => (_jsxs("section", { className: libraryStyles.customTaxonomyCard, children: [_jsx("div", { className: libraryStyles.customTaxonomyHeader, children: _jsxs("div", { children: [_jsx("h4", { className: libraryStyles.previewSectionTitle, children: taxonomy.label }), taxonomy.description ? _jsx("p", { className: libraryStyles.customTaxonomyDescription, children: taxonomy.description }) : null] }) }), conflictIds.includes(taxonomy.id) ? (_jsx("p", { className: libraryStyles.analysisWarning, children: "Conflicts with an existing taxonomy id in this workspace." })) : null, _jsx("div", { className: libraryStyles.customTaxonomyBadges, children: taxonomyTraitBadges(taxonomy).map((badge) => (_jsx("span", { className: libraryStyles.customTaxonomyBadge, children: badge }, badge))) }), _jsx(PreviewListSection, { title: taxonomy.widgetType === 'level' ? 'Levels' : 'Options', items: taxonomy.options.map((option) => ({
                                             key: `${taxonomy.id}:${option.value}`,
                                             label: option.label,

package/dist/components/features/settings/TaxonomyLibraryManager.test.js

@@ -70,7 +70,7 @@ describe('TaxonomyLibraryManager', () => {
         });
         expect(screen.getAllByText('Client Delivery')).toHaveLength(2);
         expect(screen.getAllByText('2 taxonomies').length).toBeGreaterThan(0);
-        await user.click(screen.getByRole('button', { name: /previewing/i }));
+        await user.click(screen.getByRole('button', { name: /client delivery/i }));
         expect(screen.getAllByText('Approval Stage').length).toBeGreaterThan(0);
         expect(screen.getByText('Track approvals')).toBeInTheDocument();
         expect(screen.getAllByText('Required').length).toBeGreaterThan(0);

package/dist/components/task/TaskActionHeader.js

@@ -4,7 +4,7 @@ import { Check, Loader2, RotateCcw, Plus, Trash2, X } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
 import { t } from '../../localization';
 import { TaskStatusActions } from './TaskStatusActions';
-import { getTaskReferenceLabel } from '../../utils/taskReferences';
+import { getTaskReferenceDisplayState } from '../../utils/taskReferences';
 import { TaskReferenceBadge } from './TaskReferenceBadge';
 import { formatInitiativeReference, getWorkstreamReferenceLabel } from '../../utils/planningReferences';
 export function TaskActionHeader({ editingTaskId, loading, autoSaveState = 'idle', title, handleSubmit, resetForm, handleCopyId, copiedId, tasks, currentTask: currentTaskProp, currentTaskWorkstream, currentTaskInitiative, workstreamInput = '', onWorkstreamInputChange, onSetWorkstreamForCurrentTask, handleToggleInProgress, handleToggleReview, handleToggleComplete, handleToggleCancel, handleSetStatus, handleArchiveTask, handleRestoreDeletedTask, handlePermanentlyDeleteDeletedTask }) {
@@ -12,7 +12,10 @@ export function TaskActionHeader({ editingTaskId, loading, autoSaveState = 'idle
     const currentTask = currentTaskProp ?? (editingTaskId ? tasks.find(t => t.id === editingTaskId) || null : null);
     const isArchivedReadOnly = Boolean(currentTask?.isArchived);
     const isDeletedReadOnly = Boolean(currentTask?.isDeleted);
-    const currentTaskReferenceLabel = getTaskReferenceLabel(currentTask) || editingTaskId || '';
+    const currentTaskReference = getTaskReferenceDisplayState(currentTask);
+    const currentTaskReferenceLabel = currentTaskReference.label || (currentTaskReference.isProvisional ? 'Pending' : '');
+    const currentTaskReferenceIsProvisional = currentTaskReference.isProvisional;
+    const canCopyCurrentTaskReference = Boolean(currentTaskReference.label);
     const currentWorkstreamReferenceLabel = currentTaskWorkstream
         ? (getWorkstreamReferenceLabel(currentTaskWorkstream) || currentTaskWorkstream.id)
         : '';
@@ -32,7 +35,7 @@ export function TaskActionHeader({ editingTaskId, loading, autoSaveState = 'idle
     return (_jsx("div", { className: styles.stickyActionHeader, children: editingTaskId ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.taskHierarchyHeader, children: [_jsxs("div", { className: styles.taskHierarchyBadgeRow, children: [currentTaskInitiative ? (_jsxs(_Fragment, { children: [_jsx(TaskReferenceBadge, { copied: copiedId === currentInitiativeReferenceLabel, onClick: (e) => handleCopyId(e, currentInitiativeReferenceLabel), disabled: loading, title: "Copy initiative reference", label: currentInitiativeReferenceLabel }), _jsx("span", { className: styles.taskHierarchyDivider, children: "/" })] })) : null, currentTaskWorkstream ? (_jsxs(_Fragment, { children: [_jsx(TaskReferenceBadge, { copied: copiedId === currentWorkstreamReferenceLabel, onClick: (e) => handleCopyId(e, currentWorkstreamReferenceLabel), disabled: loading, title: "Copy workstream reference", label: currentWorkstreamReferenceLabel }), _jsx("span", { className: styles.taskHierarchyDivider, children: "/" })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: `${styles.taskIdBadge} ${styles.taskHierarchyAddBtn}`, onClick: () => {
                                                 onWorkstreamInputChange?.('');
                                                 setShowWorkstreamEditor((value) => !value);
-                                            }, disabled: loading || isArchivedReadOnly || isDeletedReadOnly, title: "Attach to workstream", "aria-label": "Attach to workstream", children: _jsx(Plus, { size: 13 }) }), _jsx("span", { className: styles.taskHierarchyDivider, children: "/" })] })), _jsx(TaskReferenceBadge, { copied: copiedId === currentTaskReferenceLabel, onClick: (e) => handleCopyId(e, currentTaskReferenceLabel), disabled: loading, title: t('actionHeader.copyTaskIdTitle'), label: currentTaskReferenceLabel })] }), showWorkstreamEditor && !currentTaskWorkstream ? (_jsxs("div", { className: styles.taskHierarchyEditor, children: [_jsx("input", { type: "text", className: `${styles.input} ${styles.taskHierarchyInput}`, value: workstreamInput, onChange: (event) => onWorkstreamInputChange?.(event.target.value), placeholder: "WS-123", "aria-label": "Attach workstream reference", onKeyDown: (event) => {
+                                            }, disabled: loading || isArchivedReadOnly || isDeletedReadOnly, title: "Attach to workstream", "aria-label": "Attach to workstream", children: _jsx(Plus, { size: 13 }) }), _jsx("span", { className: styles.taskHierarchyDivider, children: "/" })] })), currentTaskReferenceLabel ? (_jsx(TaskReferenceBadge, { copied: canCopyCurrentTaskReference && copiedId === currentTaskReference.label, onClick: (e) => handleCopyId(e, currentTaskReference.label), disabled: loading || !canCopyCurrentTaskReference, title: canCopyCurrentTaskReference ? t('actionHeader.copyTaskIdTitle') : 'Task reference pending sync', label: currentTaskReferenceLabel })) : null, currentTaskReferenceIsProvisional ? (_jsx("span", { className: styles.taskHierarchyMeta, title: "Temporary local reference until cloud sync assigns the final task number.", children: "Pending sync" })) : null] }), showWorkstreamEditor && !currentTaskWorkstream ? (_jsxs("div", { className: styles.taskHierarchyEditor, children: [_jsx("input", { type: "text", className: `${styles.input} ${styles.taskHierarchyInput}`, value: workstreamInput, onChange: (event) => onWorkstreamInputChange?.(event.target.value), placeholder: "WS-123", "aria-label": "Attach workstream reference", onKeyDown: (event) => {
                                         if (event.key === 'Enter') {
                                             event.preventDefault();
                                             handleWorkstreamConfirm();

package/dist/components/task/TaskCard.js

@@ -13,14 +13,17 @@ import { dispatchOpenMarkdownDocument } from '../../utils/contextFiles';
 import { dispatchOpenAnnotatedAttachment } from '../../utils/annotatedAttachments';
 import { getDocumentDownloadName } from '../../utils/documentNames';
 import { TaskStatusActions } from './TaskStatusActions';
-import { getTaskReferenceLabel } from '../../utils/taskReferences';
+import { getTaskReferenceDisplayState } from '../../utils/taskReferences';
 import { getAssigneeKind, getAssigneeLabel } from '../../utils/assignees';
 import { getLatestTaskActivity, summarizeTaskActivity } from '../../utils/taskActivity';
 import { DEFAULT_TYPE_VALUE } from '../../shared/taxonomyDefaults.js';
 import { getVisibleTaxonomiesForTasks } from '../../utils/taxonomyLifecycle.js';
 import { getInitiativeReferenceLabel, getWorkstreamReferenceLabel } from '../../utils/planningReferences';
 const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [], types = [], priorities = [], categories = [], assigneeOptions = [], taskWorkstream = null, taskInitiative = null, isOverlay = false, isArchived = false, readOnlyMode = null, isRecentlyChanged = false, onClick, onCopyId, onToggleInProgress, onToggleReview, onToggleComplete, onToggleCancel, onSetStatus, onArchiveTask, onUnarchive, onDelete, deleteActionTitle, onOpenTaskById, compressed = false, showStatusLabel = true }) => {
-    const taskReferenceLabel = getTaskReferenceLabel(task) || task.id;
+    const taskReference = getTaskReferenceDisplayState(task);
+    const taskReferenceLabel = taskReference.label || (taskReference.isProvisional ? 'Pending' : '');
+    const isProvisionalReference = taskReference.isProvisional;
+    const canCopyTaskReference = Boolean(taskReference.label);
     const workstreamReferenceLabel = getWorkstreamReferenceLabel(taskWorkstream) || taskWorkstream?.id || '';
     const initiativeReferenceLabel = getInitiativeReferenceLabel(taskInitiative) || taskInitiative?.id || '';
     const priorityConfig = priorities.find(p => String(p.value) === String(task.priority));
@@ -160,7 +163,7 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
         event.stopPropagation();
         onCopyId?.(event, label);
     };
-    return (_jsxs("div", { className: cardClasses, onClick: () => onClick?.(task), style: cardStyle, "data-task-card": "true", children: [_jsxs("div", { className: cardStyles.taskHeader, children: [_jsxs("div", { className: cardStyles.taskReferenceCluster, children: [taskInitiative ? (_jsxs(_Fragment, { children: [_jsx("span", { className: cardStyles.taskReferenceText, children: initiativeReferenceLabel }), _jsx("span", { className: cardStyles.taskReferenceDivider, children: "/" })] })) : null, taskWorkstream ? (_jsxs(_Fragment, { children: [_jsx("span", { className: cardStyles.taskReferenceText, children: workstreamReferenceLabel }), _jsx("span", { className: cardStyles.taskReferenceDivider, children: "/" })] })) : null, _jsx(TaskReferenceBadge, { copied: copiedId === taskReferenceLabel, onClick: (e) => handleReferenceCopy(e, taskReferenceLabel), title: "Copy task reference", className: isArchived ? cardStyles.archiveBadge : '', label: renderHighlighted(taskReferenceLabel, searchQuery) })] }), _jsx("div", { className: cardStyles.taskActions, onClick: (e) => e.stopPropagation(), children: !isReadOnly ? (_jsx(TaskStatusActions, { task: task, compressed: compressed, shortLabels: true, showLabel: showStatusLabel, onSetStatus: (nextTask, status) => {
+    return (_jsxs("div", { className: cardClasses, onClick: () => onClick?.(task), style: cardStyle, "data-task-card": "true", children: [_jsxs("div", { className: cardStyles.taskHeader, children: [_jsxs("div", { className: cardStyles.taskReferenceCluster, children: [taskInitiative ? (_jsxs(_Fragment, { children: [_jsx("span", { className: cardStyles.taskReferenceText, children: initiativeReferenceLabel }), _jsx("span", { className: cardStyles.taskReferenceDivider, children: "/" })] })) : null, taskWorkstream ? (_jsxs(_Fragment, { children: [_jsx("span", { className: cardStyles.taskReferenceText, children: workstreamReferenceLabel }), _jsx("span", { className: cardStyles.taskReferenceDivider, children: "/" })] })) : null, taskReferenceLabel ? (_jsx(TaskReferenceBadge, { copied: canCopyTaskReference && copiedId === taskReference.label, onClick: (e) => handleReferenceCopy(e, taskReference.label), disabled: !canCopyTaskReference, title: canCopyTaskReference ? 'Copy task reference' : 'Task reference pending sync', className: isArchived ? cardStyles.archiveBadge : '', label: renderHighlighted(taskReferenceLabel, searchQuery) })) : null, isProvisionalReference ? (_jsx("span", { className: styles.taskHierarchyMeta, title: "Temporary local reference until cloud sync assigns the final task number.", children: "Pending sync" })) : null] }), _jsx("div", { className: cardStyles.taskActions, onClick: (e) => e.stopPropagation(), children: !isReadOnly ? (_jsx(TaskStatusActions, { task: task, compressed: compressed, shortLabels: true, showLabel: showStatusLabel, onSetStatus: (nextTask, status) => {
                                 if (onSetStatus) {
                                     onSetStatus(nextTask, status);
                                     return;

package/dist/components/task/TaskForm.js

@@ -349,7 +349,7 @@ export function TaskForm(props) {
                                                                 : entry));
                                                         }, onRemove: () => onChecklistItemsChange(checklistItems
                                                             .filter((_, entryIndex) => entryIndex !== index)
-                                                            .map((entry, entryIndex) => ({ ...entry, order: entryIndex }))) }, item.id || `checklist-${index}`))) }) })) : (_jsx("div", { className: `${formStyles.settingsHint} tf-text-helper`, children: "No checklist items yet." }))] }))] }))] }), _jsxs("div", { children: [editingTaskId && (_jsxs("div", { className: styles.specialistSection, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => onShowCommentsChange(!showComments), title: showComments ? t('taskForm.hideComments') : t('taskForm.showComments'), children: [_jsxs("label", { className: styles.label, children: [t('taskForm.commentsSectionTitle'), " ", activityCount > 0 && `(${activityCount})`] }), showComments ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }), showComments && (_jsxs("div", { className: formStyles.commentPanel, children: [_jsxs("div", { className: formStyles.commentThread, children: [activityCount === 0 && (_jsx("div", { className: formStyles.emptyComments, children: t('taskForm.noComments') })), taskActivityItems.map((item) => {
+                                                            .map((entry, entryIndex) => ({ ...entry, order: entryIndex }))) }, item.id || `checklist-${index}`))) }) })) : (_jsx("div", { className: `${formStyles.settingsHint} tf-text-helper`, children: "No checklist items yet." }))] }))] }))] }), _jsxs("div", { children: [_jsx(TaskContextUpload, { taskId: editingTaskId, taskReferenceLabel: currentTaskReferenceLabel, workspaceId: currentWorkspaceId, apiBaseUrl: apiBaseUrl, contextFiles: contextFiles, onAddContextFile: onAddContextFile, onRemoveContextFile: onRemoveContextFile, onUpdateContextCaption: onUpdateContextCaption }), editingTaskId && (_jsxs("div", { className: styles.specialistSection, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => onShowCommentsChange(!showComments), title: showComments ? t('taskForm.hideComments') : t('taskForm.showComments'), children: [_jsxs("label", { className: styles.label, children: [t('taskForm.commentsSectionTitle'), " ", activityCount > 0 && `(${activityCount})`] }), showComments ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }), showComments && (_jsxs("div", { className: formStyles.commentPanel, children: [_jsxs("div", { className: formStyles.commentThread, children: [activityCount === 0 && (_jsx("div", { className: formStyles.emptyComments, children: t('taskForm.noComments') })), taskActivityItems.map((item) => {
                                                         if (item.type === 'comment') {
                                                             const c = item.comment;
                                                             const authorRef = String(c.author || '').trim();
@@ -416,5 +416,5 @@ export function TaskForm(props) {
                                                                 e.preventDefault();
                                                                 onAddComment();
                                                             }
-                                                        }, rows: 1 }), _jsx("button", { type: "button", className: formStyles.sendCommentBtn, onClick: onAddComment, disabled: !newCommentText.trim(), children: _jsx(Send, { size: 16 }) })] })] }))] })), _jsx(TaskContextUpload, { taskId: editingTaskId, taskReferenceLabel: currentTaskReferenceLabel, workspaceId: currentWorkspaceId, apiBaseUrl: apiBaseUrl, contextFiles: contextFiles, onAddContextFile: onAddContextFile, onRemoveContextFile: onRemoveContextFile, onUpdateContextCaption: onUpdateContextCaption }), _jsx("div", { className: `${formStyles.taskFormLifecycle} ${formStyles.taskFormMetaDivider}`, children: _jsx("div", { className: formStyles.taskFormMetaGrid, children: currentTask && (_jsxs(_Fragment, { children: [_jsxs("div", { className: formStyles.taskFormDateRow, children: [_jsx("span", { className: formStyles.taskFormDateLabel, children: t('taskForm.createdLabel') }), _jsxs("span", { className: formStyles.taskFormMetaStack, children: [_jsx("span", { className: formStyles.taskFormDateValue, children: createdLabel || t('taskForm.emptyValue') }), _jsx("span", { className: formStyles.taskFormMetaActor, children: createdByLabel ? `by ${createdByLabel}` : t('taskForm.emptyValue') })] })] }), _jsxs("div", { className: formStyles.taskFormDateRow, children: [_jsx("span", { className: formStyles.taskFormDateLabel, children: t('taskForm.updatedLabel') }), _jsxs("span", { className: formStyles.taskFormMetaStack, children: [_jsx("span", { className: formStyles.taskFormDateValue, children: updatedLabel || t('taskForm.emptyValue') }), _jsx("span", { className: formStyles.taskFormMetaActor, children: updatedByLabel ? `by ${updatedByLabel}` : t('taskForm.emptyValue') })] })] }), _jsxs("div", { className: formStyles.taskFormDateRow, children: [_jsx("span", { className: formStyles.taskFormDateLabel, children: t('taskForm.completedLabel') }), _jsxs("span", { className: formStyles.taskFormMetaStack, children: [_jsx("span", { className: formStyles.taskFormDateValue, children: completedLabel || t('taskForm.emptyValue') }), _jsx("span", { className: formStyles.taskFormMetaActor, children: completedByLabel ? `by ${completedByLabel}` : t('taskForm.emptyValue') })] })] })] })) }) })] }), _jsxs("div", { className: formStyles.keyboardHint, children: ["Press ", _jsx("kbd", { children: navigator.platform.includes('Mac') ? '⌥' : 'Alt' }), " to toggle"] })] })] }));
+                                                        }, rows: 1 }), _jsx("button", { type: "button", className: formStyles.sendCommentBtn, onClick: onAddComment, disabled: !newCommentText.trim(), children: _jsx(Send, { size: 16 }) })] })] }))] })), _jsx("div", { className: `${formStyles.taskFormLifecycle} ${formStyles.taskFormMetaDivider}`, children: _jsx("div", { className: formStyles.taskFormMetaGrid, children: currentTask && (_jsxs(_Fragment, { children: [_jsxs("div", { className: formStyles.taskFormDateRow, children: [_jsx("span", { className: formStyles.taskFormDateLabel, children: t('taskForm.createdLabel') }), _jsxs("span", { className: formStyles.taskFormMetaStack, children: [_jsx("span", { className: formStyles.taskFormDateValue, children: createdLabel || t('taskForm.emptyValue') }), _jsx("span", { className: formStyles.taskFormMetaActor, children: createdByLabel ? `by ${createdByLabel}` : t('taskForm.emptyValue') })] })] }), _jsxs("div", { className: formStyles.taskFormDateRow, children: [_jsx("span", { className: formStyles.taskFormDateLabel, children: t('taskForm.updatedLabel') }), _jsxs("span", { className: formStyles.taskFormMetaStack, children: [_jsx("span", { className: formStyles.taskFormDateValue, children: updatedLabel || t('taskForm.emptyValue') }), _jsx("span", { className: formStyles.taskFormMetaActor, children: updatedByLabel ? `by ${updatedByLabel}` : t('taskForm.emptyValue') })] })] }), _jsxs("div", { className: formStyles.taskFormDateRow, children: [_jsx("span", { className: formStyles.taskFormDateLabel, children: t('taskForm.completedLabel') }), _jsxs("span", { className: formStyles.taskFormMetaStack, children: [_jsx("span", { className: formStyles.taskFormDateValue, children: completedLabel || t('taskForm.emptyValue') }), _jsx("span", { className: formStyles.taskFormMetaActor, children: completedByLabel ? `by ${completedByLabel}` : t('taskForm.emptyValue') })] })] })] })) }) })] }), _jsxs("div", { className: formStyles.keyboardHint, children: ["Press ", _jsx("kbd", { children: navigator.platform.includes('Mac') ? '⌥' : 'Alt' }), " to toggle"] })] })] }));
 }

package/dist/components/task/TaskForm.test.js

@@ -397,7 +397,7 @@ describe('TaskForm Component', () => {
                 ],
             },
         });
-        expect(screen.getByText('assignee: Unassigned -> Planner Bot')).toBeInTheDocument();
+        expect(screen.getByText('ASSIGNED TO: Unassigned -> Planner Bot')).toBeInTheDocument();
         expect(screen.queryByText(/ai-profile-1/i)).not.toBeInTheDocument();
     });
     it('3.13 Update title', async () => {
@@ -601,11 +601,50 @@ describe('TaskForm Component', () => {
                 ]
             },
         });
-        expect(screen.getByText('Description added')).toBeInTheDocument();
+        expect(screen.getByText('DESCRIPTION: added')).toBeInTheDocument();
         expect(screen.queryByText(/Line one/)).not.toBeInTheDocument();
         expect(screen.queryByText(/Line two/)).not.toBeInTheDocument();
         expect(screen.queryByText(/Line three/)).not.toBeInTheDocument();
     });
+    it('summarizes title audit events without rendering before and after title text', () => {
+        renderForm({
+            editingTaskId: '123',
+            showComments: true,
+            currentTask: {
+                id: 'task-activity-3',
+                title: 'Renamed task',
+                status: 'task',
+                createdAt: '2026-03-22T09:00:00.000Z',
+                activity: [
+                    {
+                        id: 'event:3',
+                        type: 'event',
+                        timestamp: '2026-03-22T10:00:00.000Z',
+                        event: {
+                            id: 'event-3',
+                            taskId: 'task-activity-3',
+                            workspaceId: 'default',
+                            action: 'task-updated',
+                            actor: 'user',
+                            actorType: 'human',
+                            createdAt: '2026-03-22T10:00:00.000Z',
+                            details: {
+                                changes: {
+                                    title: {
+                                        from: 'Old title',
+                                        to: 'New title'
+                                    }
+                                }
+                            }
+                        }
+                    }
+                ]
+            },
+        });
+        expect(screen.getByText('TITLE: updated')).toBeInTheDocument();
+        expect(screen.queryByText('Old title')).not.toBeInTheDocument();
+        expect(screen.queryByText('New title')).not.toBeInTheDocument();
+    });
     it('falls back to the current task actor label for AI comments when only the id is present', () => {
         renderForm({
             editingTaskId: '123',

package/dist/components/ui/ReferenceBadgeButton.js

@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check, Copy } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
 export function ReferenceBadgeButton({ label, title, ariaLabel, copied = false, disabled = false, className = '', onClick, children, }) {
-    return (_jsxs("button", { type: "button", className: `${styles.taskIdBadge} ${copied ? styles.copiedId : ''} ${className}`.trim(), onClick: onClick, disabled: disabled, title: title, "aria-label": ariaLabel, children: [copied ? _jsx(Check, { size: 13 }) : _jsx(Copy, { size: 13 }), _jsx("span", { children: children ?? label })] }));
+    return (_jsxs("button", { type: "button", className: `${styles.taskIdBadge} ${copied ? styles.copiedId : ''} ${className}`.trim(), onClick: onClick, disabled: disabled, title: title, "aria-label": ariaLabel, children: [copied ? _jsx(Check, { size: 13 }) : _jsx(Copy, { size: 13 }), _jsx("span", { className: styles.taskIdBadgeLabel, children: children ?? label })] }));
 }

package/dist/components/views/PlansPage.js

@@ -6,6 +6,7 @@ import styles from './PlansPage.module.css';
 import { PlanComparisonPage } from './PlanComparisonPage';
 import { AppShellHeader } from './AppShellHeader';
 import { resolveTaskforceCloudEnvironmentFromBaseUrl } from '../../config/cloudEnvironment';
+import { invalidateBillingStatusCache, loadBillingStatusCached } from '../../utils/billingStatusCache';
 const TRANSIENT_CHECKOUT_QUERY_CLEAR_DELAY_MS = 1600;
 const ACTIVE_ENTITLEMENT_STATES = new Set(['active', 'trialing', 'grace']);
 const GATE_MESSAGES = {
@@ -116,19 +117,15 @@ export function PlansPage({ isAuthenticated, runtimeMode, authSessionResolved, c
         }, TRANSIENT_CHECKOUT_QUERY_CLEAR_DELAY_MS);
     }, [clearTransientQueryState]);
     const loadBillingStatus = useCallback(async () => {
+        const billingStatusUrl = buildApiUrl('/api/taskforce/billing/status');
         if (!isAuthenticated) {
             setBillingStatus(null);
+            invalidateBillingStatusCache(billingStatusUrl);
             return;
         }
         try {
-            const res = await fetch(buildApiUrl('/api/taskforce/billing/status'), {
-                method: 'GET',
-                credentials: 'include'
-            });
-            if (!res.ok)
-                return;
-            const payload = await res.json().catch(() => ({}));
-            setBillingStatus(payload || null);
+            const payload = await loadBillingStatusCached(billingStatusUrl);
+            setBillingStatus(payload);
         }
         catch {
             // best effort only
@@ -156,16 +153,19 @@ export function PlansPage({ isAuthenticated, runtimeMode, authSessionResolved, c
             const checkoutState = String(payload?.checkoutState || '').trim().toLowerCase();
             if (checkoutState === 'free') {
                 setFeedback({ type: 'success', message: 'Plan selected. Your access is ready.' });
+                invalidateBillingStatusCache(buildApiUrl('/api/taskforce/billing/status'));
                 await loadBillingStatus();
                 return;
             }
             if (checkoutState === 'updated') {
                 setFeedback({ type: 'success', message: String(payload?.message || 'Your subscription was updated successfully.') });
+                invalidateBillingStatusCache(buildApiUrl('/api/taskforce/billing/status'));
                 await loadBillingStatus();
                 return;
             }
             if (checkoutState === 'already_current_plan') {
                 setFeedback({ type: 'success', message: String(payload?.message || 'You are already on this plan.') });
+                invalidateBillingStatusCache(buildApiUrl('/api/taskforce/billing/status'));
                 await loadBillingStatus();
                 return;
             }
@@ -216,6 +216,7 @@ export function PlansPage({ isAuthenticated, runtimeMode, authSessionResolved, c
                 setFeedback({ type: 'error', message: String(payload?.error || 'Unable to confirm checkout completion.') });
                 return false;
             }
+            invalidateBillingStatusCache(buildApiUrl('/api/taskforce/billing/status'));
             await loadBillingStatus();
             return true;
         }