@taskforcehq/taskforce 0.3.324 → 0.3.326

package/dist/Taskforce.module.css

@@ -1342,6 +1342,45 @@
   outline: none;
 }
 
+.mcpCodexTrustNote {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 12px;
+  padding: 12px;
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-sm);
+  background: color-mix(in srgb, var(--surface-raised) 82%, transparent);
+}
+
+.mcpCodexTrustHeader {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.mcpCodexTrustTitle {
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.mcpCodexTrustCode {
+  margin: 0;
+  padding: 10px 12px;
+  overflow-x: auto;
+  border-radius: var(--radius-sm);
+  background: #1e1e2e;
+  color: #f8fafc;
+}
+
+.mcpCodexTrustCode code {
+  font-family: "JetBrains Mono", "Fira Code", monospace;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
 .mcpAuthRequiredCard {
   display: flex;
   align-items: flex-start;

package/dist/components/features/TaskSettings.js

@@ -13,6 +13,12 @@ const THEME_ICON_MAP = {
     sparkles: Sparkles,
 };
 const DEFAULT_MCP_TOKEN_SCOPES = ['tasks:read', 'tasks:write', 'workspace:read'];
+const MCP_CONFIG_CODE_COLORS = {
+    key: '#93c5fd',
+    token: '#c084fc',
+    punctuation: '#cbd5e1',
+    text: '#f8fafc'
+};
 export function TaskSettings(props) {
     const { settingsModel, onSectionChange, renderMode = 'full' } = props;
     const isMcpOnly = renderMode === 'mcp-only';
@@ -249,6 +255,12 @@ export function TaskSettings(props) {
         : null;
     const selectedMcpClientUsesOAuth = selectedMcpClient === 'chatgpt-desktop' || selectedMcpClient === 'claude-desktop';
     const agentRegistrationPrompt = 'Resolve your profile with Taskforce.';
+    const codexTrustSnippet = useMemo(() => {
+        const root = String(projectRoot || '').trim();
+        if (!root)
+            return '';
+        return `[projects.${JSON.stringify(root)}]\ntrust_level = "trusted"`;
+    }, [projectRoot]);
     const activeChatGptConnector = useMemo(() => mcpConnectorGrants.find((grant) => grant.provider === 'chatgpt' && grant.status === 'active') || null, [mcpConnectorGrants]);
     const activeClaudeConnector = useMemo(() => mcpConnectorGrants.find((grant) => grant.provider === 'claude' && grant.status === 'active') || null, [mcpConnectorGrants]);
     const selectedConnectorGrant = selectedMcpClient === 'chatgpt-desktop'
@@ -269,10 +281,10 @@ export function TaskSettings(props) {
         return JSON.stringify(payload, null, 2);
     }, [cloudClientIntegration, cloudMcpServerId]);
     const renderMcpConfigBlock = (serverId, serverConfig, rootKey = 'mcpServers', wrapperKeys = []) => {
-        const dimmed = { color: 'var(--text-helper)' };
-        const highlighted = { color: 'var(--brand-primary-strong)', fontWeight: 'bold' };
-        const bracketColor = { color: 'var(--text-secondary)' };
-        const normalText = { color: 'var(--text-primary, #fff)' };
+        const dimmed = { color: MCP_CONFIG_CODE_COLORS.key };
+        const highlighted = { color: MCP_CONFIG_CODE_COLORS.token, fontWeight: 'bold' };
+        const bracketColor = { color: MCP_CONFIG_CODE_COLORS.punctuation };
+        const normalText = { color: MCP_CONFIG_CODE_COLORS.text };
         const tokenText = cloudMcpTokenValue;
         const containerKeys = [...wrapperKeys, rootKey];
         const serverIndent = '  '.repeat(containerKeys.length + 1);
@@ -284,8 +296,8 @@ export function TaskSettings(props) {
         return (_jsxs(_Fragment, { children: [_jsx("span", { style: bracketColor, children: "{" }), "\n", containerKeys.map((key, index) => (_jsxs(React.Fragment, { children: [`${'  '.repeat(index + 1)}`, _jsx("span", { style: dimmed, children: `"${key}"` }), _jsx("span", { style: dimmed, children: ":" }), " ", _jsx("span", { style: bracketColor, children: "{" }), "\n"] }, `mcp-container-open-${key}-${index}`))), serverIndent, _jsxs("span", { style: normalText, children: [`"${serverId}"`, ": ", configSegments.map((segment, index) => (_jsxs(React.Fragment, { children: [segment, index < configSegments.length - 1 && _jsx("span", { style: highlighted, children: tokenText })] }, `config-segment-${index}`)))] }), "\n", [...containerKeys].reverse().map((key, index) => (_jsxs(React.Fragment, { children: [`${'  '.repeat(containerKeys.length - index)}`, _jsx("span", { style: bracketColor, children: "}" }), "\n"] }, `mcp-container-close-${key}-${index}`))), _jsx("span", { style: bracketColor, children: "}" })] }));
     };
     const renderTextConfigBlock = (text) => {
-        const normalText = { color: 'var(--text-primary, #fff)' };
-        const highlighted = { color: 'var(--brand-primary-strong)', fontWeight: 'bold' };
+        const normalText = { color: MCP_CONFIG_CODE_COLORS.text };
+        const highlighted = { color: MCP_CONFIG_CODE_COLORS.token, fontWeight: 'bold' };
         const tokenText = cloudMcpTokenValue;
         const segments = String(text || '').split(tokenText);
         return segments.map((segment, index) => (_jsxs(React.Fragment, { children: [_jsx("span", { style: normalText, children: segment }), index < segments.length - 1 && _jsx("span", { style: highlighted, children: tokenText })] }, `text-config-${index}`)));
@@ -296,6 +308,11 @@ export function TaskSettings(props) {
         setTimeout(() => setCopiedConfig(false), 2000);
     };
     const renderMcpProfilePrompt = () => (_jsxs("div", { className: styles.mcpRegistrationHint, children: [_jsx("span", { children: "Once the MCP is configured, prompt your agent:" }), _jsx("button", { type: "button", className: styles.mcpRegistrationPrompt, onClick: () => copyToClipboard(agentRegistrationPrompt, 'registration'), title: copiedConfig === 'registration' ? 'Copied' : 'Copy prompt', children: agentRegistrationPrompt })] }));
+    const renderCodexTrustGuidance = () => {
+        if (selectedMcpClient !== 'codex' || !codexTrustSnippet)
+            return null;
+        return (_jsxs("div", { className: styles.mcpCodexTrustNote, children: [_jsxs("div", { className: styles.mcpCodexTrustHeader, children: [_jsxs("div", { children: [_jsx("div", { className: styles.mcpCodexTrustTitle, children: "Codex Project Trust" }), _jsx("div", { className: styles.settingDescription, children: "Project-local .codex/config.toml is only loaded after Codex trusts this repository. Add this to ~/.codex/config.toml if you use a repo-local Codex config." })] }), _jsx("button", { type: "button", className: `${styles.copyBtn} ${copiedConfig === 'codex-trust' ? styles.copyBtnActive : ''}`, onClick: () => copyToClipboard(codexTrustSnippet, 'codex-trust'), title: copiedConfig === 'codex-trust' ? 'Copied' : 'Copy Codex trust snippet', "aria-label": "Copy Codex trust snippet", children: copiedConfig === 'codex-trust' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] }), _jsx("pre", { className: styles.mcpCodexTrustCode, children: _jsx("code", { children: codexTrustSnippet }) })] }));
+    };
     const renderCloudMcpAuthRequired = () => (_jsxs("div", { className: `${styles.mcpAuthRequiredCard} ${styles.marginTop16}`, children: [_jsx("div", { className: styles.mcpAuthRequiredIcon, children: _jsx(Plug, { size: 20 }) }), _jsxs("div", { className: styles.mcpAuthRequiredBody, children: [_jsx("h3", { className: styles.settingTitle, children: "Sign in to use Cloud MCP" }), _jsx("p", { className: styles.settingDescription, children: "Cloud MCP connects remote agents through your Taskforce cloud account. Register or sign in to generate cloud MCP tokens, copy client configuration, and connect hosted MCP agents to this workspace." }), onOpenCloudAuth && (_jsxs("div", { className: styles.mcpAuthRequiredActions, children: [_jsx("button", { type: "button", className: styles.copyBtn, onClick: () => onOpenCloudAuth('login'), children: "Sign In" }), _jsx("button", { type: "button", className: styles.copyBtn, onClick: () => onOpenCloudAuth('register'), children: "Register" })] }))] })] }));
     const handleCopyCloudMcpConfig = () => {
         if (!selectedMcpClientUsesOAuth && !currentMcpTokenValue) {
@@ -919,12 +936,12 @@ export function TaskSettings(props) {
                                                                                     ? new Date(selectedConnectorGrant.lastUsedAt).toLocaleString()
                                                                                     : 'not yet'] })] })] })) : ('No active connector authorization for this workspace yet.') }), _jsx("div", { className: styles.settingDescription, style: { marginTop: '12px' }, children: "Use the server URL above in your client, then finish the OAuth authorization flow from the Integrations tab." }), _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end', width: '100%', marginTop: '12px' }, children: _jsx("button", { className: styles.copyBtn, onClick: () => setActiveTab('integrations'), children: "Open Integrations" }) })] }), _jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
                                                                         ? renderMcpConfigBlock(cloudMcpServerId, cloudMcpServerConfig, cloudClientIntegration.rootKey || 'mcpServers', cloudClientIntegration.wrapperKeys || [])
-                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), mcpConfigNotice && (_jsxs("div", { className: `${mcpConfigNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConfigNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpConfigNotice.message] })), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }), renderMcpProfilePrompt()] })] })] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Cloud MCP" }), _jsx("span", { className: styles.settingDescription, children: "Cloud MCP connects agents to Taskforce through the hosted MCP endpoint. Use this for remote MCP clients or tools that cannot access your local Taskforce install." })] }) }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop16}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("div", { className: styles.settingLabelGroup, style: { gap: '2px' }, children: _jsx("span", { className: styles.codeLabel, children: "Generate Token" }) }) }), _jsx("div", { className: styles.mcpTokenCardBody, children: _jsxs("div", { className: styles.mcpTokenFormGrid, children: [_jsxs("div", { className: styles.settingsItem, style: { gap: '6px' }, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Token Name" }) }), _jsx("input", { type: "text", className: styles.settingInput, placeholder: "Cursor on MacBook", value: newTokenName, onChange: (e) => setNewTokenName(e.target.value) })] }), _jsxs("div", { className: styles.settingsItem, style: { gap: '6px' }, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Expiry (Optional)" }) }), _jsx("input", { type: "date", className: `${styles.settingInput} ${styles.taskFormDateInput}`, value: newTokenExpiresAt, onChange: (e) => setNewTokenExpiresAt(e.target.value) })] })] }) }), _jsxs("div", { className: styles.mcpTokenOutputWrap, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Full Token" }) }), _jsx("input", { type: "text", className: `${styles.settingInput} ${styles.mcpTokenValueInput}`, placeholder: "Generate a token to populate the full secret", value: generatedTokenValue || '', onChange: (e) => {
+                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), mcpConfigNotice && (_jsxs("div", { className: `${mcpConfigNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConfigNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpConfigNotice.message] })), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }), renderCodexTrustGuidance(), renderMcpProfilePrompt()] })] })] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Cloud MCP" }), _jsx("span", { className: styles.settingDescription, children: "Cloud MCP connects agents to Taskforce through the hosted MCP endpoint. Use this for remote MCP clients or tools that cannot access your local Taskforce install." })] }) }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop16}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("div", { className: styles.settingLabelGroup, style: { gap: '2px' }, children: _jsx("span", { className: styles.codeLabel, children: "Generate Token" }) }) }), _jsx("div", { className: styles.mcpTokenCardBody, children: _jsxs("div", { className: styles.mcpTokenFormGrid, children: [_jsxs("div", { className: styles.settingsItem, style: { gap: '6px' }, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Token Name" }) }), _jsx("input", { type: "text", className: styles.settingInput, placeholder: "Cursor on MacBook", value: newTokenName, onChange: (e) => setNewTokenName(e.target.value) })] }), _jsxs("div", { className: styles.settingsItem, style: { gap: '6px' }, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Expiry (Optional)" }) }), _jsx("input", { type: "date", className: `${styles.settingInput} ${styles.taskFormDateInput}`, value: newTokenExpiresAt, onChange: (e) => setNewTokenExpiresAt(e.target.value) })] })] }) }), _jsxs("div", { className: styles.mcpTokenOutputWrap, children: [_jsx("div", { className: styles.settingLabelGroup, children: _jsx("span", { className: styles.settingDescription, children: "Full Token" }) }), _jsx("input", { type: "text", className: `${styles.settingInput} ${styles.mcpTokenValueInput}`, placeholder: "Generate a token to populate the full secret", value: generatedTokenValue || '', onChange: (e) => {
                                                                     setGeneratedTokenValue(e.target.value);
                                                                     setMcpConnectionResult(null);
                                                                 } })] }), _jsxs("div", { className: styles.mcpTokenActionRow, children: [_jsxs("button", { className: styles.copyBtn, onClick: () => void handleTestMcpConnection(), disabled: !currentMcpTokenValue || mcpConnectionBusy, title: "Test Token", "aria-label": "Test Token", children: [mcpConnectionBusy ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), _jsx("span", { children: "TEST TOKEN" })] }), _jsxs("button", { className: `${styles.copyBtn} ${copiedConfig === 'token' ? styles.copyBtnActive : ''}`, onClick: () => currentMcpTokenValue && copyToClipboard(currentMcpTokenValue, 'token'), disabled: !currentMcpTokenValue, title: "Copy Token", "aria-label": "Copy Token", children: [copiedConfig === 'token' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }), _jsx("span", { children: "COPY TOKEN" })] }), _jsxs("button", { className: styles.copyBtn, onClick: () => void handleCreateMcpToken(), disabled: mcpActionBusyId === 'create', title: "Generate Token", "aria-label": "Generate Token", children: [mcpActionBusyId === 'create' ? _jsx(Loader2, { size: 14, className: styles.spinIcon }) : _jsx(Zap, { size: 14 }), _jsx("span", { children: "GENERATE TOKEN" })] })] }), mcpTokenIssueNotice && (_jsxs("div", { className: `${mcpTokenIssueNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpTokenIssueNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpTokenIssueNotice.message] })), mcpConnectionResult && (_jsxs("div", { className: `${mcpConnectionResult.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConnectionResult.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), _jsxs("div", { children: [_jsx("div", { children: mcpConnectionResult.message }), mcpConnectionResult.type === 'success' && (mcpConnectionResult.workspaceName || mcpConnectionResult.workspaceId) && (_jsxs("div", { className: styles.settingHelper, children: ["Workspace: ", mcpConnectionResult.workspaceName || mcpConnectionResult.workspaceId, mcpConnectionResult.workspaceId ? ` (${mcpConnectionResult.workspaceId})` : ''] })), mcpConnectionResult.type === 'success' && Array.isArray(mcpConnectionResult.scopes) && mcpConnectionResult.scopes.length > 0 && (_jsxs("div", { className: styles.settingHelper, children: ["Granted scopes: ", mcpConnectionResult.scopes.join(', ')] })), mcpConnectionResult.endpoint && (_jsxs("div", { className: styles.settingHelper, children: ["Endpoint: ", mcpConnectionResult.endpoint] })), mcpConnectionResult.type === 'error' && mcpConnectionResult.errorCode && (_jsxs("div", { className: styles.settingHelper, children: ["Error code: ", mcpConnectionResult.errorCode] })), mcpConnectionResult.type === 'error' && mcpConnectionResult.followup && (_jsx("div", { className: styles.settingHelper, children: mcpConnectionResult.followup }))] })] }))] }), _jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom} ${styles.marginTop12}`, style: { minHeight: '260px' }, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Cloud MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: handleCopyCloudMcpConfig, title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: cloudMcpServerConfig
                                                                         ? renderMcpConfigBlock(cloudMcpServerId, cloudMcpServerConfig, cloudClientIntegration.rootKey || 'mcpServers', cloudClientIntegration.wrapperKeys || [])
-                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), mcpConfigNotice && (_jsxs("div", { className: `${mcpConfigNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConfigNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpConfigNotice.message] })), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }), renderMcpProfilePrompt()] })] })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowMcpTokensList((prev) => !prev), onKeyDown: (e) => {
+                                                                        : renderTextConfigBlock(cloudClientIntegration.renderedText || '') }) })] }), mcpConfigNotice && (_jsxs("div", { className: `${mcpConfigNotice.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [mcpConfigNotice.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), mcpConfigNotice.message] })), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: cloudClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: cloudClientIntegration.instructionText }), renderCodexTrustGuidance(), renderMcpProfilePrompt()] })] })] }), _jsxs("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowMcpTokensList((prev) => !prev), onKeyDown: (e) => {
                                                             if (e.key === 'Enter' || e.key === ' ') {
                                                                 e.preventDefault();
                                                                 setShowMcpTokensList((prev) => !prev);
@@ -936,7 +953,7 @@ export function TaskSettings(props) {
                                                                         background: 'rgba(255, 255, 255, 0.03)'
                                                                     }, children: [_jsxs("div", { className: styles.settingLabelGroup, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.settingLabel, children: token.name }), _jsx("span", { className: `${styles.configBadge} ${token.status === 'revoked' ? styles.configBadgeRevoked : token.status === 'expired' ? styles.configBadgeExpired : styles.configBadgeActive}`, children: token.status })] }), _jsx("span", { className: styles.settingDescription, style: { fontFamily: '"JetBrains Mono", "Fira Code", monospace' }, children: token.tokenPrefix }), _jsxs("span", { className: styles.settingDescription, children: ["Scopes: ", token.scopes.join(', ')] }), _jsxs("span", { className: styles.settingDescription, children: ["Created ", new Date(token.createdAt).toLocaleDateString(), token.lastUsedAt ? ` · Last used ${new Date(token.lastUsedAt).toLocaleString()}` : ' · Never used'] })] }), _jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap', justifyContent: 'flex-end' }, children: [token.status === 'active' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'regenerate'), disabled: mcpActionBusyId === `regenerate:${token.id}`, children: "Regenerate" })), token.status === 'active' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'revoke'), disabled: mcpActionBusyId === `revoke:${token.id}`, children: "Revoke" })), token.status !== 'active' && (_jsx("button", { className: styles.copyBtn, onClick: () => void handleMcpTokenAction(token.id, 'delete'), disabled: mcpActionBusyId === `delete:${token.id}`, children: "Delete" }))] })] }, token.id))) }))] }))] })] })) })), showLocalMcp && (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles.settingGroup} ${styles.marginTop16}`, children: _jsxs("div", { className: styles.settingLabelGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Local MCP" }), _jsx("span", { className: styles.settingDescription, children: "Local MCP connects through your local Taskforce install and does not require a cloud access token. Use this for Codex, Claude Code CLI, Gemini CLI, and similar local MCP clients." })] }) }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.codeBlockWrapperCustom}`, children: [_jsxs("div", { className: styles.codeHeader, children: [_jsx("span", { className: styles.codeLabel, children: "Local MCP Configuration" }), _jsxs("div", { className: styles.codeHeaderActions, children: [_jsx("select", { className: styles.settingInput, value: selectedMcpClient, onChange: (e) => setSelectedMcpClient(e.target.value), "aria-label": "MCP client", style: { width: 'auto', minWidth: '170px', padding: '6px 12px', fontSize: '12px', borderRadius: '8px' }, children: MCP_CLIENT_OPTIONS.map((option) => (_jsx("option", { value: option.id, disabled: option.disabled, children: option.label }, option.id))) }), _jsx("button", { className: `${styles.copyBtn} ${copiedConfig === 'full' ? styles.copyBtnActive : ''}`, onClick: () => handleCopyConfig('full'), title: "Copy full configuration file", children: copiedConfig === 'full' ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) })] })] }), _jsx("pre", { className: styles.codeBlock, children: _jsx("code", { children: localMcpServerConfig
                                                             ? renderMcpConfigBlock(localMcpServer.serverId, localMcpServerConfig, localClientIntegration.rootKey || 'mcpServers', localClientIntegration.wrapperKeys || [])
-                                                            : renderTextConfigBlock(localClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: localClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: localClientIntegration.instructionText }), renderMcpProfilePrompt()] })] }), _jsx("div", { className: `${styles.settingGroup} ${styles.marginTop12}`, children: _jsxs("div", { className: styles.toggleHeading, onClick: () => setShowAdvancedMcp((prev) => !prev), onKeyDown: (e) => {
+                                                            : renderTextConfigBlock(localClientIntegration.renderedText || '') }) })] }), _jsxs("div", { className: `${styles.codeBlockWrapper} ${styles.marginTop12}`, children: [_jsx("div", { className: styles.codeHeader, children: _jsx("span", { className: styles.codeLabel, children: localClientIntegration.instructionLabel }) }), _jsxs("div", { style: { padding: '16px 20px' }, children: [_jsx("div", { className: styles.settingDescription, children: localClientIntegration.instructionText }), renderCodexTrustGuidance(), renderMcpProfilePrompt()] })] }), _jsx("div", { className: `${styles.settingGroup} ${styles.marginTop12}`, children: _jsxs("div", { className: styles.toggleHeading, onClick: () => setShowAdvancedMcp((prev) => !prev), onKeyDown: (e) => {
                                                     if (e.key === 'Enter' || e.key === ' ') {
                                                         e.preventDefault();
                                                         setShowAdvancedMcp((prev) => !prev);

package/dist/components/task/TaskKanban.d.ts

@@ -66,8 +66,8 @@ interface TaskKanbanProps {
     sortBy?: TaskSortKey;
     sortOrder?: 'asc' | 'desc';
     planningDropTargets?: React.ReactNode;
-    onAssignTaskToWorkstream?: (taskId: string, workstreamId: string | null) => void | Promise<void>;
-    onAssignWorkstreamToInitiative?: (workstreamId: string, initiativeId: string | null) => void | Promise<void>;
+    onAssignTaskToWorkstream?: (taskId: string, workstreamId: string | null) => boolean | void | Promise<boolean | void>;
+    onAssignWorkstreamToInitiative?: (workstreamId: string, initiativeId: string | null) => boolean | void | Promise<boolean | void>;
     showTaskCardStatusLabel?: boolean;
     workstreams?: WorkstreamItem[];
     initiatives?: InitiativeItem[];

package/dist/components/views/StandaloneLayout.js

@@ -33,7 +33,7 @@ import { normalizeTaskSearchQuery, taskMatchesSearch } from '../../utils/taskSea
 import { formatInitiativeReference, formatWorkstreamReference, parseWorkstreamReference, resolveInitiativeReference } from '../../utils/planningReferences';
 import { DEFAULT_TYPE_VALUE } from '../../shared/taxonomyDefaults.js';
 import { getImageReferenceLabel } from '../../utils/imageReferences';
-import { isPlanningEntityVisibleForScope, scopePlanningSummaries } from './planningScope';
+import { isPlanningEntityVisibleForScope, scopePlanningSummaries, scopeTasksToPlanningSelection } from './planningScope';
 import { buildReferenceMismatchSummaries, buildSyncDiagnosticsSummary, buildSyncEventRows, getActiveReferenceMismatchCount, resolveSyncStageLabel, resolveSyncStatusMeta, } from '../../utils/syncStatusPresentation';
 import { buildCustomTaxonomySortOptions } from '../../utils/taxonomySorting.js';
 import { getLocale, t } from '../../localization';
@@ -1135,14 +1135,10 @@ export function StandaloneLayout(props) {
         });
     }, [groupBy, scheduleOnlyExpired, hierarchyVisibleTasks, todayDateOnly]);
     const scopedBoardVisibleTasks = useMemo(() => {
-        if (!selectedPlanningTaskIds || selectedPlanningTaskIds.size === 0)
-            return boardVisibleTasks;
-        return boardVisibleTasks.filter((task) => selectedPlanningTaskIds.has(task.id));
+        return scopeTasksToPlanningSelection(boardVisibleTasks, selectedPlanningTaskIds);
     }, [boardVisibleTasks, selectedPlanningTaskIds]);
     const scopedKanbanAllTasks = useMemo(() => {
-        if (!selectedPlanningTaskIds || selectedPlanningTaskIds.size === 0)
-            return kanbanAllTasks;
-        return kanbanAllTasks.filter((task) => selectedPlanningTaskIds.has(task.id));
+        return scopeTasksToPlanningSelection(kanbanAllTasks, selectedPlanningTaskIds);
     }, [kanbanAllTasks, selectedPlanningTaskIds]);
     const expiredRecoveryCandidates = useMemo(() => {
         if (groupBy !== 'schedule')
@@ -2699,7 +2695,7 @@ export function StandaloneLayout(props) {
         const workstream = props.workstreams.find((item) => item.id === workstreamId);
         if (!workstream) {
             pushNotice('Workstream not found.', 'error');
-            return;
+            return false;
         }
         const nextInitiativeRaw = typeof initiativeReferenceOverride === 'string'
             ? initiativeReferenceOverride.trim()
@@ -2711,40 +2707,42 @@ export function StandaloneLayout(props) {
             : resolveInitiativeReference(planningStructure.initiatives, nextInitiativeRaw);
         if (nextInitiativeRaw.length > 0 && !resolvedInitiative) {
             pushNotice('Initiative not found by that reference.', 'error');
-            return;
+            return false;
         }
         const normalizedParentId = resolvedInitiative?.id || null;
         if ((workstream.initiativeId || null) === normalizedParentId) {
             pushNotice(normalizedParentId ? 'Workstream already belongs to that initiative.' : 'Workstream is already standalone.', 'info');
-            return;
+            return false;
         }
         try {
             await props.updateWorkstream(workstreamId, { initiativeId: normalizedParentId });
             setPlanningDraftInitiativeId(resolvedInitiative ? formatInitiativeReference(resolvedInitiative) : '');
             pushNotice(normalizedParentId ? 'Initiative set' : 'Initiative removed', 'success');
+            return true;
         }
         catch {
             pushNotice('Failed to set initiative.', 'error');
+            return false;
         }
     }, [planningDraftInitiativeId, planningStructure.initiatives, props, pushNotice]);
     const handleAssignTaskToWorkstream = useCallback(async (taskId, workstreamId) => {
         const task = hierarchyTaskById.get(taskId);
         if (!task) {
             pushNotice('Task not found.', 'error');
-            return;
+            return false;
         }
         const normalizedWorkstreamId = workstreamId || null;
         if (planningStructure.initiativeById.has(taskId) || planningStructure.workstreamById.has(taskId)) {
             pushNotice('Only execution tasks can be moved into workstreams.', 'error');
-            return;
+            return false;
         }
         if (normalizedWorkstreamId && !planningStructure.workstreamById.has(normalizedWorkstreamId)) {
             pushNotice('Workstream not found.', 'error');
-            return;
+            return false;
         }
         if ((task.workstreamId || null) === normalizedWorkstreamId) {
             pushNotice(normalizedWorkstreamId ? 'Task already belongs to that workstream.' : 'Task is already standalone.', 'info');
-            return;
+            return false;
         }
         try {
             const res = await fetch(`/api/taskforce/task/${taskId}`, {
@@ -2755,21 +2753,23 @@ export function StandaloneLayout(props) {
             if (!res.ok) {
                 const data = await res.json().catch(() => ({}));
                 pushNotice(data?.error || 'Failed to set workstream.', 'error');
-                return;
+                return false;
             }
             await res.json().catch(() => null);
             await fetchTasks(true);
             pushNotice(normalizedWorkstreamId ? 'Workstream set' : 'Workstream removed', 'success');
+            return true;
         }
         catch {
             pushNotice('Failed to set workstream.', 'error');
+            return false;
         }
     }, [fetchTasks, hierarchyTaskById, planningStructure.initiativeById, planningStructure.workstreamById, pushNotice]);
     const handleAttachTaskToWorkstreamByReference = useCallback(async (workstreamId, taskReference) => {
         const needle = taskReference.trim();
         if (!needle) {
             pushNotice('Enter a task reference.', 'error');
-            return;
+            return false;
         }
         const parsedReference = parseTaskReference(needle);
         const matchedTask = hierarchyTasks.find((task) => (task.id === needle
@@ -2777,20 +2777,20 @@ export function StandaloneLayout(props) {
             || (parsedReference !== null && task.referenceNumber === parsedReference)));
         if (!matchedTask) {
             pushNotice('Task not found by that reference.', 'error');
-            return;
+            return false;
         }
-        await handleAssignTaskToWorkstream(matchedTask.id, workstreamId);
+        return handleAssignTaskToWorkstream(matchedTask.id, workstreamId);
     }, [handleAssignTaskToWorkstream, hierarchyTasks, pushNotice]);
     const handleAttachWorkstreamToInitiativeByReference = useCallback(async (initiativeId, workstreamReference) => {
         const needle = workstreamReference.trim();
         if (!needle) {
             pushNotice('Enter a workstream reference.', 'error');
-            return;
+            return false;
         }
         const initiative = planningStructure.initiativeById.get(initiativeId);
         if (!initiative) {
             pushNotice('Initiative not found.', 'error');
-            return;
+            return false;
         }
         const parsedReference = parseWorkstreamReference(needle);
         const matchedWorkstream = props.workstreams.find((workstream) => (workstream.id === needle
@@ -2798,9 +2798,9 @@ export function StandaloneLayout(props) {
             || (parsedReference !== null && workstream.referenceNumber === parsedReference)));
         if (!matchedWorkstream) {
             pushNotice('Workstream not found by that reference.', 'error');
-            return;
+            return false;
         }
-        await handleAssignInitiativeToWorkstream(matchedWorkstream.id, formatInitiativeReference(initiative));
+        return handleAssignInitiativeToWorkstream(matchedWorkstream.id, formatInitiativeReference(initiative));
     }, [handleAssignInitiativeToWorkstream, planningStructure.initiativeById, props.workstreams, pushNotice]);
     const getPlanningContextAttachmentDraft = useCallback((entityType, entityId) => {
         const key = `${entityType}:${entityId}`;

package/dist/components/views/panels/PlanningDrawer.d.ts

@@ -125,8 +125,8 @@ type PlanningDrawerProps = {
     onAssignInitiativeToWorkstream: (workstreamId: string, initiativeReferenceOverride?: string | null) => void;
     onOpenTaskById?: (taskId: string) => void;
     onRemoveTaskFromWorkstream?: (taskId: string, workstreamId: string) => void;
-    onAttachTaskToWorkstreamByReference?: (workstreamId: string, taskReference: string) => void;
-    onAttachWorkstreamToInitiativeByReference?: (initiativeId: string, workstreamReference: string) => void;
+    onAttachTaskToWorkstreamByReference?: (workstreamId: string, taskReference: string) => boolean | void | Promise<boolean | void>;
+    onAttachWorkstreamToInitiativeByReference?: (initiativeId: string, workstreamReference: string) => boolean | void | Promise<boolean | void>;
     onAddPlanningContextFile?: (entityType: 'initiative' | 'workstream', entityId: string, file: AttachmentItem) => void;
     onRemovePlanningContextFile?: (entityType: 'initiative' | 'workstream', entityId: string, index: number) => void;
     onUpdatePlanningContextCaption?: (entityType: 'initiative' | 'workstream', entityId: string, index: number, caption: string) => void;

package/dist/components/views/panels/PlanningDrawer.js

@@ -165,6 +165,7 @@ function PlanningDrawerList({ initiatives, standaloneWorkstreams, allStandaloneW
 }
 function PlanningDrawerDetailView({ detail, currentWorkspaceId, onOpenNestedWorkstreamDetails, onEdit, onArchive, onUnarchive, onCreateTaskInWorkstream, onCreateWorkstreamInInitiative, onOpenTaskById, onRemoveTaskFromWorkstream, onAssignInitiativeToWorkstream, onAttachTaskToWorkstreamByReference, onAttachWorkstreamToInitiativeByReference, onAddPlanningContextFile, onRemovePlanningContextFile, onUpdatePlanningContextCaption, parentInitiative = null, assigneeOptions, }) {
     const [attachReference, setAttachReference] = React.useState('');
+    const [isAttachingReference, setIsAttachingReference] = React.useState(false);
     const [showArchivedChildren, setShowArchivedChildren] = React.useState(false);
     const [showRecentActivity, setShowRecentActivity] = React.useState(true);
     const { active } = useDndContext();
@@ -207,24 +208,37 @@ function PlanningDrawerDetailView({ detail, currentWorkspaceId, onOpenNestedWork
         : formatWorkstreamReference(detail.item);
     React.useEffect(() => {
         setAttachReference('');
+        setIsAttachingReference(false);
         setShowArchivedChildren(false);
         setShowRecentActivity(true);
     }, [detail.item.id, detail.type]);
-    const handleAttachReference = React.useCallback(() => {
+    const hasAttachReferenceHandler = detail.type === 'initiative'
+        ? Boolean(onAttachWorkstreamToInitiativeByReference)
+        : Boolean(onAttachTaskToWorkstreamByReference);
+    const canAttachReference = Boolean(attachReference.trim()) && hasAttachReferenceHandler && !isAttachingReference;
+    const handleAttachReference = React.useCallback(async () => {
         const value = attachReference.trim();
-        if (!value)
+        if (!value || isAttachingReference)
             return;
-        if (detail.type === 'initiative') {
-            onAttachWorkstreamToInitiativeByReference?.(detail.item.id, value);
+        const attach = detail.type === 'initiative'
+            ? onAttachWorkstreamToInitiativeByReference
+            : onAttachTaskToWorkstreamByReference;
+        if (!attach)
+            return;
+        setIsAttachingReference(true);
+        try {
+            const result = await attach(detail.item.id, value);
+            if (result !== false)
+                setAttachReference('');
         }
-        else {
-            onAttachTaskToWorkstreamByReference?.(detail.item.id, value);
+        finally {
+            setIsAttachingReference(false);
         }
-        setAttachReference('');
     }, [
         attachReference,
         detail.item.id,
         detail.type,
+        isAttachingReference,
         onAttachTaskToWorkstreamByReference,
         onAttachWorkstreamToInitiativeByReference,
     ]);
@@ -318,15 +332,15 @@ function PlanningDrawerDetailView({ detail, currentWorkspaceId, onOpenNestedWork
                             ? 'A top-level planning container that groups related workstreams.'
                             : 'A coordination lane that groups related tasks and keeps execution organized.') }), _jsx("div", { className: panelStyles.progressTrack, "aria-label": `${detail.item.progressPercent}% complete`, children: _jsx("div", { className: panelStyles.progressFill, style: { width: `${detail.item.progressPercent}%` } }) }), _jsxs("div", { className: panelStyles.detailActionRow, children: [_jsx("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: onEdit, children: _jsxs("span", { children: ["Edit ", detailLabel] }) }), detail.item.isArchived ? (_jsx("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: onUnarchive, children: _jsx("span", { children: "Unarchive" }) })) : (_jsx("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: onArchive, children: _jsx("span", { children: "Archive" }) }))] })] }), _jsxs("div", { className: panelStyles.metricGrid, children: [_jsxs("div", { className: panelStyles.metricCard, children: [_jsx("span", { className: panelStyles.metricValue, children: detail.item.taskCount }), _jsx("span", { className: panelStyles.metricLabel, children: "Tasks in scope" })] }), _jsxs("div", { className: panelStyles.metricCard, children: [_jsx("span", { className: panelStyles.metricValue, children: detail.item.completedTaskCount }), _jsx("span", { className: panelStyles.metricLabel, children: "Done / terminal" })] }), _jsxs("div", { className: panelStyles.metricCard, children: [_jsx("span", { className: panelStyles.metricValue, children: detail.item.ownerLabel || 'Unassigned' }), _jsx("span", { className: panelStyles.metricLabel, children: "Owner" })] }), _jsxs("div", { className: panelStyles.metricCard, children: [_jsx("span", { className: panelStyles.metricValue, children: (detail.item.commentCount || 0) + (detail.item.attachmentCount || 0) }), _jsx("span", { className: panelStyles.metricLabel, children: "Context items" })] })] }), _jsxs("div", { ref: setChildDropRef, className: `${panelStyles.listCard} ${canDropTask || canDropWorkstream ? panelStyles.sectionDropReady : ''} ${isChildDropOver ? panelStyles.sectionDropActive : ''} ${canDropTask || canDropWorkstream ? panelStyles.sectionDropMode : ''}`.trim(), children: [_jsxs("div", { className: panelStyles.sectionHeaderRow, children: [_jsx("div", { className: panelStyles.sectionTitle, children: childLabel }), _jsxs("div", { className: panelStyles.headerActionGroup, children: [archivedChildCount > 0 ? (_jsx("button", { type: "button", className: `tf-control-icon ${showArchivedChildren ? panelStyles.toggleActive : ''}`.trim(), title: showArchivedChildren ? `Hide ${archivedToggleLabel}` : `Show ${archivedToggleLabel}`, "aria-label": showArchivedChildren ? `Hide ${archivedToggleLabel}` : `Show ${archivedToggleLabel}`, "aria-pressed": showArchivedChildren, onClick: () => setShowArchivedChildren((current) => !current), children: showArchivedChildren ? _jsx(EyeOff, { size: 15 }) : _jsx(Eye, { size: 15 }) })) : null, detail.type === 'initiative' ? (_jsx("button", { type: "button", className: "tf-control-icon", title: "Create workstream in this initiative", "aria-label": "Create workstream in this initiative", onClick: () => onCreateWorkstreamInInitiative?.(detail.item.id), children: _jsx(Plus, { size: 15 }) })) : (_jsx("button", { type: "button", className: "tf-control-icon", title: "Create task in this workstream", "aria-label": "Create task in this workstream", onClick: () => onCreateTaskInWorkstream?.(detail.item.id), children: _jsx(Plus, { size: 15 }) }))] })] }), _jsxs("div", { className: panelStyles.attachReferenceRow, children: [_jsx(HierarchyActionBadge, { onClick: (event) => {
                                     event.stopPropagation();
-                                    handleAttachReference();
-                                }, disabled: !attachReference.trim(), title: attachActionLabel, ariaLabel: attachActionLabel, children: _jsx(Link2, { size: 13 }) }), _jsx("span", { className: styles.taskHierarchyDivider, children: "/" }), _jsx("input", { type: "text", className: `${styles.input} ${panelStyles.attachReferenceInput}`.trim(), placeholder: detail.type === 'initiative'
+                                    void handleAttachReference();
+                                }, disabled: !canAttachReference, title: attachActionLabel, ariaLabel: attachActionLabel, children: _jsx(Link2, { size: 13 }) }), _jsx("span", { className: styles.taskHierarchyDivider, children: "/" }), _jsx("input", { type: "text", className: `${styles.input} ${panelStyles.attachReferenceInput}`.trim(), placeholder: detail.type === 'initiative'
                                     ? 'Paste workstream reference (e.g. WS-123)'
-                                    : 'Paste task reference (e.g. T-123)', value: attachReference, onChange: (event) => setAttachReference(event.target.value), onKeyDown: (event) => {
+                                    : 'Paste task reference (e.g. T-123)', disabled: isAttachingReference, value: attachReference, onChange: (event) => setAttachReference(event.target.value), onKeyDown: (event) => {
                                     if (event.key === 'Enter') {
                                         event.preventDefault();
-                                        handleAttachReference();
+                                        void handleAttachReference();
                                     }
-                                } })] }), detail.type === 'initiative' ? (visibleChildItems.length > 0 ? visibleChildItems.map((workstream) => {
+                                } }), _jsx("button", { type: "button", className: panelStyles.attachReferenceSubmit, disabled: !canAttachReference, onClick: () => void handleAttachReference(), children: isAttachingReference ? 'Attaching' : 'Attach' })] }), detail.type === 'initiative' ? (visibleChildItems.length > 0 ? visibleChildItems.map((workstream) => {
                         const workstreamReferenceLabel = formatWorkstreamReference(workstream);
                         const handleOpenWorkstream = () => onOpenNestedWorkstreamDetails?.(workstream.id);
                         return (_jsx("div", { className: `${panelStyles.listItemButton} ${panelStyles.detailCardButton}`.trim(), children: _jsxs("div", { className: `${panelStyles.listItem} ${panelStyles.detailChildCard} ${workstream.isArchived ? panelStyles.detailChildCardArchived : ''}`.trim(), children: [_jsx("div", { className: panelStyles.detailChildCardTopRow, children: _jsxs("div", { className: panelStyles.detailChildReferenceRow, children: [_jsx(HierarchyActionBadge, { onClick: (event) => {

package/dist/components/views/planningScope.d.ts

@@ -9,7 +9,11 @@ type PlanningInitiativeLike<TWorkstream extends PlanningWorkstreamLike> = {
     isArchived?: boolean;
     workstreams: TWorkstream[];
 };
+type PlanningTaskLike = {
+    id: string;
+};
 export declare function isPlanningEntityVisibleForScope(taskScope: PlanningTaskScope, isArchived: boolean): boolean;
+export declare function scopeTasksToPlanningSelection<TTask extends PlanningTaskLike>(tasks: TTask[], selectedTaskIds: Set<string> | null): TTask[];
 export declare function scopePlanningSummaries<TWorkstream extends PlanningWorkstreamLike, TInitiative extends PlanningInitiativeLike<TWorkstream>>(initiatives: TInitiative[], workstreams: TWorkstream[], taskScope: PlanningTaskScope): {
     initiatives: TInitiative[];
     standaloneWorkstreams: TWorkstream[];

package/dist/components/views/planningScope.js

@@ -3,6 +3,11 @@ export function isPlanningEntityVisibleForScope(taskScope, isArchived) {
         return false;
     return taskScope === 'archived' ? isArchived : !isArchived;
 }
+export function scopeTasksToPlanningSelection(tasks, selectedTaskIds) {
+    if (selectedTaskIds === null)
+        return tasks;
+    return tasks.filter((task) => selectedTaskIds.has(task.id));
+}
 export function scopePlanningSummaries(initiatives, workstreams, taskScope) {
     const scopedWorkstreams = workstreams.filter((workstream) => (isPlanningEntityVisibleForScope(taskScope, Boolean(workstream.isArchived))));
     const visibleInitiatives = taskScope === 'deleted'

package/dist/core/AiProfileService.js

@@ -305,8 +305,13 @@ function inferAiProfileProviderModelDefaults(name) {
         return { provider: 'OpenAI', model: 'Codex' };
     if (normalized.includes('gemini'))
         return { provider: 'Google', model: 'Gemini' };
+    if (normalized.includes('grok'))
+        return { provider: 'xAI', model: 'Grok CLI' };
     return {};
 }
+function formatCliAiProfileDescriptionName(name) {
+    return String(name || '').trim().replace(/\s+cli$/i, '') || 'AI';
+}
 function inferAiProfileMetadataDefaults(name, surfaceType) {
     const inferredProviderModel = inferAiProfileProviderModelDefaults(name);
     switch (surfaceType) {
@@ -324,7 +329,7 @@ function inferAiProfileMetadataDefaults(name, surfaceType) {
             };
         case 'cli':
             return {
-                description: `${name} CLI coding agent connected through MCP.`,
+                description: `${formatCliAiProfileDescriptionName(name)} CLI coding agent connected through MCP.`,
                 role: 'CLI Coding Agent',
                 ...inferredProviderModel
             };