@taskforcehq/taskforce 0.3.328 → 0.3.329

package/dist/cli.js

@@ -7,6 +7,8 @@ import { fileURLToPath } from 'url';
 import { TASKFORCE_CLOUD_ENVIRONMENTS } from './config/cloudEnvironment.js';
 import { resolveDeploymentConfig } from './config/deployment.js';
 import { resolveOpenPortSearchMax } from './cliOpenPort.js';
+import { assertSourceCheckoutCloudTarget } from './cliCloudTargetGuard.js';
+import { hydrateSourceCheckoutServiceEnvironment } from './config/localServiceRuntimeContract.js';
 /**
  * Taskforce CLI
  *
@@ -185,6 +187,19 @@ async function main() {
         return;
     }
     if (command === 'service') {
+        const serviceAction = String(args[1] || '').trim();
+        if (!['status', 'stop'].includes(serviceAction)) {
+            const projectArgument = serviceAction === 'start' ? args[2] : args[1];
+            hydrateSourceCheckoutServiceEnvironment({
+                env: process.env,
+                projectRoot: projectArgument || process.cwd(),
+                packageRoot: getCliInstallationPaths().packageRoot,
+            });
+            assertSourceCheckoutCloudTarget({
+                packageRoot: getCliInstallationPaths().packageRoot,
+                env: process.env,
+            });
+        }
         const { runLocalServiceCli } = await import('./service/localServiceCli.js');
         process.exitCode = await runLocalServiceCli(args.slice(1), {
             appVersion: getCliVersion(),
@@ -252,6 +267,15 @@ async function main() {
     // 1. Handle MCP Command
     if (command === 'mcp') {
         const projectPath = args[1] || process.cwd();
+        hydrateSourceCheckoutServiceEnvironment({
+            env: process.env,
+            projectRoot: projectPath,
+            packageRoot: getCliInstallationPaths().packageRoot,
+        });
+        assertSourceCheckoutCloudTarget({
+            packageRoot: getCliInstallationPaths().packageRoot,
+            env: process.env,
+        });
         // Set the path in argv so the mcp server can pick it up
         process.argv[2] = projectPath;
         try {
@@ -287,6 +311,11 @@ async function main() {
     }
     // 2. Handle Open Command
     const { preferredPort, preset: openPreset } = parseOpenCommandOptions(args);
+    assertSourceCheckoutCloudTarget({
+        packageRoot: getCliInstallationPaths().packageRoot,
+        env: process.env,
+        explicitPreset: openPreset,
+    });
     // Check if Taskforce is installed in the project
     let projectRoot = findProjectRoot();
     if (!projectRoot) {
@@ -324,6 +353,11 @@ async function main() {
         else if (hasExternalCloudEndpoint) {
             console.log('\x1b[36m[Taskforce] Using cloud endpoint from environment variables\x1b[0m');
         }
+        hydrateSourceCheckoutServiceEnvironment({
+            env: process.env,
+            projectRoot,
+            packageRoot: getCliInstallationPaths().packageRoot,
+        });
         const { openTaskforceViaLocalService, shouldOpenViaLocalService } = await import('./service/localServiceOpen.js');
         if (shouldOpenViaLocalService(process.env)) {
             console.log(`\x1b[36m✨ Discovering the shared Taskforce service...\x1b[0m`);

package/dist/cliCloudTargetGuard.d.ts

@@ -0,0 +1,5 @@
+export declare function assertSourceCheckoutCloudTarget(input: {
+    packageRoot: string;
+    env: NodeJS.ProcessEnv;
+    explicitPreset?: string | null;
+}): void;

package/dist/cliCloudTargetGuard.js

@@ -0,0 +1,11 @@
+import { existsSync } from 'fs';
+import { join } from 'path';
+import { resolveDeploymentConfig } from './config/deployment.js';
+export function assertSourceCheckoutCloudTarget(input) {
+    if (!existsSync(join(input.packageRoot, '.git')))
+        return;
+    if (input.explicitPreset || resolveDeploymentConfig(input.env).cloudBaseUrl)
+        return;
+    throw new Error('Refusing to default a Taskforce source checkout to production. '
+        + 'Use the performance/staging development script or provide an explicit cloud target.');
+}

package/dist/components/features/AnnotatedAttachmentWorkspace.js

@@ -427,6 +427,7 @@ export function AnnotatedAttachmentWorkspaceShell({ runtimeMode = 'local', apiBa
     const [draftGlobalInstruction, setDraftGlobalInstruction] = useState('');
     const [draftAnnotations, setDraftAnnotations] = useState([]);
     const [selectedAnnotationId, setSelectedAnnotationId] = useState(null);
+    const [hoveredAnnotationId, setHoveredAnnotationId] = useState(null);
     const [isAnnotationEditorCollapsed, setIsAnnotationEditorCollapsed] = useState(false);
     const [activeAnnotationId, setActiveAnnotationId] = useState(null);
     const [defaultMarkerColor, setDefaultMarkerColor] = useState(ANNOTATION_COLORS[DEFAULT_MARKER_TYPE]);
@@ -1218,6 +1219,18 @@ export function AnnotatedAttachmentWorkspaceShell({ runtimeMode = 'local', apiBa
         }
     }, [flushPendingDraft, isTargetControlled, loadSessions, onOpenTarget, resetForTargetLoad]);
     const applySessionLocally = useCallback((session) => {
+        if (isTargetControlled && activeTarget && activeTarget.taskId !== session.taskId) {
+            const nextTarget = { ...activeTarget };
+            if (session.taskId) {
+                nextTarget.taskId = session.taskId;
+                nextTarget.taskReferenceLabel = resolveTaskReferenceLabel?.(session.taskId) || session.taskId;
+            }
+            else {
+                delete nextTarget.taskId;
+                delete nextTarget.taskReferenceLabel;
+            }
+            onOpenTarget?.(nextTarget, { sessionId: session.id });
+        }
         setSessions((current) => {
             const existingIndex = current.findIndex((item) => item.id === session.id);
             if (existingIndex === -1)
@@ -1228,7 +1241,7 @@ export function AnnotatedAttachmentWorkspaceShell({ runtimeMode = 'local', apiBa
         });
         setSelectedSessionId(session.id);
         syncDraftFromSession(session, activeTarget);
-    }, [activeTarget, syncDraftFromSession]);
+    }, [activeTarget, isTargetControlled, onOpenTarget, resolveTaskReferenceLabel, syncDraftFromSession]);
     const removeSessionLocally = useCallback((sessionId) => {
         setSessions((current) => {
             const remaining = current.filter((session) => session.id !== sessionId);
@@ -2268,8 +2281,9 @@ export function AnnotatedAttachmentWorkspaceShell({ runtimeMode = 'local', apiBa
                                                                         const geometry = getArrowGeometry(annotation, canvasMediaSize);
                                                                         const color = mapMarkerColor(annotation);
                                                                         const isSelected = selectedAnnotationId === annotation.id;
-                                                                        return (_jsxs(React.Fragment, { children: [isSelected ? (_jsxs(_Fragment, { children: [_jsx("line", { x1: geometry.shaftX1, y1: geometry.shaftY1, x2: geometry.shaftX2, y2: geometry.shaftY2, stroke: "color-mix(in srgb, var(--surface-elevated) 92%, transparent)", strokeWidth: 14, strokeLinecap: "round" }), _jsx("polygon", { points: geometry.headPoints, fill: color, stroke: "color-mix(in srgb, var(--surface-elevated) 92%, transparent)", strokeWidth: 4, strokeLinejoin: "round" })] })) : null, _jsx("line", { x1: geometry.shaftX1, y1: geometry.shaftY1, x2: geometry.shaftX2, y2: geometry.shaftY2, stroke: color, strokeWidth: isSelected ? 10 : 6, strokeLinecap: "round" }), _jsx("polygon", { points: geometry.headPoints, fill: color })] }, annotation.id));
-                                                                    }) }), _jsx("svg", { className: styles.overlayHitLayer, viewBox: arrowOverlayViewBox, preserveAspectRatio: "none", children: draftAnnotations.filter((annotation) => annotation.kind === 'arrow').map((annotation) => (_jsxs(React.Fragment, { children: [_jsx("line", { x1: annotation.x * canvasMediaSize.width, y1: annotation.y * canvasMediaSize.height, x2: annotation.x2 * canvasMediaSize.width, y2: annotation.y2 * canvasMediaSize.height, className: styles.arrowHitArea, "data-testid": `annotated-arrow-hit-${annotation.id}`, "aria-label": `Arrow marker ${annotationOrderNumbers.get(annotation.id) || 0}`, onPointerDown: (event) => startDragAnnotation(event, annotation), onClick: (event) => {
+                                                                        const isEmphasized = isSelected || hoveredAnnotationId === annotation.id;
+                                                                        return (_jsxs(React.Fragment, { children: [isEmphasized ? (_jsxs(_Fragment, { children: [_jsx("line", { x1: geometry.shaftX1, y1: geometry.shaftY1, x2: geometry.shaftX2, y2: geometry.shaftY2, stroke: "color-mix(in srgb, var(--surface-elevated) 92%, transparent)", strokeWidth: 14, strokeLinecap: "round" }), _jsx("polygon", { points: geometry.headPoints, fill: color, stroke: "color-mix(in srgb, var(--surface-elevated) 92%, transparent)", strokeWidth: 4, strokeLinejoin: "round" })] })) : null, _jsx("line", { x1: geometry.shaftX1, y1: geometry.shaftY1, x2: geometry.shaftX2, y2: geometry.shaftY2, stroke: color, strokeWidth: isEmphasized ? 10 : 6, strokeLinecap: "round" }), _jsx("polygon", { points: geometry.headPoints, fill: color })] }, annotation.id));
+                                                                    }) }), _jsx("svg", { className: styles.overlayHitLayer, viewBox: arrowOverlayViewBox, preserveAspectRatio: "none", children: draftAnnotations.filter((annotation) => annotation.kind === 'arrow').map((annotation) => (_jsxs(React.Fragment, { children: [_jsx("line", { x1: annotation.x * canvasMediaSize.width, y1: annotation.y * canvasMediaSize.height, x2: annotation.x2 * canvasMediaSize.width, y2: annotation.y2 * canvasMediaSize.height, className: styles.arrowHitArea, "data-testid": `annotated-arrow-hit-${annotation.id}`, "aria-label": `Arrow marker ${annotationOrderNumbers.get(annotation.id) || 0}`, onMouseEnter: () => setHoveredAnnotationId(annotation.id), onMouseLeave: () => setHoveredAnnotationId(null), onPointerDown: (event) => startDragAnnotation(event, annotation), onClick: (event) => {
                                                                                     event.stopPropagation();
                                                                                     selectAnnotation(annotation.id);
                                                                                 } }), selectedAnnotationId === annotation.id ? (_jsxs(_Fragment, { children: [_jsx("circle", { cx: annotation.x * canvasMediaSize.width, cy: annotation.y * canvasMediaSize.height, r: arrowHandleGeometry.hitRadius, className: styles.canvasHandleHit, role: "button", tabIndex: 0, "aria-label": "Move arrow tail", onPointerDown: (event) => startArrowHandleDrag(event, annotation, 'tail') }), _jsx("circle", { cx: annotation.x * canvasMediaSize.width, cy: annotation.y * canvasMediaSize.height, r: arrowHandleGeometry.visibleRadius, className: styles.canvasHandleVisible, "aria-hidden": "true" }), _jsx("circle", { cx: annotation.x2 * canvasMediaSize.width, cy: annotation.y2 * canvasMediaSize.height, r: arrowHandleGeometry.hitRadius, className: styles.canvasHandleHit, role: "button", tabIndex: 0, "aria-label": "Move arrow tip", onPointerDown: (event) => startArrowHandleDrag(event, annotation, 'tip') }), _jsx("circle", { cx: annotation.x2 * canvasMediaSize.width, cy: annotation.y2 * canvasMediaSize.height, r: arrowHandleGeometry.visibleRadius, className: styles.canvasHandleVisible, "aria-hidden": "true" })] })) : null] }, `hit-${annotation.id}`))) }), draftAnnotations.filter((annotation) => annotation.kind === 'arrow').map((annotation) => (_jsx("div", { className: `${styles.annotationNumberBadge} ${styles.arrowNumberBadge}`, style: {
@@ -2281,18 +2295,20 @@ export function AnnotatedAttachmentWorkspaceShell({ runtimeMode = 'local', apiBa
                                                                     const annotationOrderNumber = annotationOrderNumbers.get(annotation.id) || 0;
                                                                     const sharedProps = {
                                                                         onPointerDown: (event) => startDragAnnotation(event, annotation),
+                                                                        onMouseEnter: () => setHoveredAnnotationId(annotation.id),
+                                                                        onMouseLeave: () => setHoveredAnnotationId(null),
                                                                         onClick: (event) => {
                                                                             event.stopPropagation();
                                                                             selectAnnotation(annotation.id);
                                                                         },
                                                                     };
                                                                     if (annotation.kind === 'pin') {
-                                                                        return (_jsx("button", { type: "button", ...sharedProps, className: `${styles.pin} ${selectedAnnotationId === annotation.id ? styles.selected : ''}`, style: { left: `${annotation.x * 100}%`, top: `${annotation.y * 100}%`, backgroundColor: color }, children: annotationOrderNumber }, annotation.id));
+                                                                        return (_jsx("button", { type: "button", ...sharedProps, className: `${styles.pin} ${selectedAnnotationId === annotation.id ? styles.selected : ''} ${hoveredAnnotationId === annotation.id ? styles.markerHovered : ''}`, style: { left: `${annotation.x * 100}%`, top: `${annotation.y * 100}%`, backgroundColor: color }, children: annotationOrderNumber }, annotation.id));
                                                                     }
                                                                     if (annotation.kind === 'text-note') {
-                                                                        return (_jsx("button", { type: "button", ...sharedProps, className: `${styles.note} ${selectedAnnotationId === annotation.id ? styles.selected : ''}`, style: { left: `${annotation.x * 100}%`, top: `${annotation.y * 100}%`, backgroundColor: color }, children: annotationOrderNumber }, annotation.id));
+                                                                        return (_jsx("button", { type: "button", ...sharedProps, className: `${styles.note} ${selectedAnnotationId === annotation.id ? styles.selected : ''} ${hoveredAnnotationId === annotation.id ? styles.markerHovered : ''}`, style: { left: `${annotation.x * 100}%`, top: `${annotation.y * 100}%`, backgroundColor: color }, children: annotationOrderNumber }, annotation.id));
                                                                     }
-                                                                    return (_jsxs("div", { className: `${styles.box} ${selectedAnnotationId === annotation.id ? styles.selected : ''}`, style: {
+                                                                    return (_jsxs("div", { className: `${styles.box} ${selectedAnnotationId === annotation.id ? styles.selected : ''} ${hoveredAnnotationId === annotation.id ? styles.markerHovered : ''}`, style: {
                                                                             left: `${annotation.x * 100}%`,
                                                                             top: `${annotation.y * 100}%`,
                                                                             width: `${annotation.width * 100}%`,
@@ -2311,7 +2327,7 @@ export function AnnotatedAttachmentWorkspaceShell({ runtimeMode = 'local', apiBa
                                             const instructionTypeLabel = MARKER_TYPE_OPTIONS.find((option) => option.value === (annotation.markerType || DEFAULT_MARKER_TYPE))?.label || 'Review';
                                             const isSelected = selectedAnnotationId === annotation.id;
                                             const isExpanded = isSelected && !isAnnotationEditorCollapsed;
-                                            return (_jsx(SortableAnnotationCard, { id: annotation.id, children: ({ attributes, listeners, setNodeRef, transform, transition, isDragging }) => (_jsxs("div", { className: `tf-surface-elevated ${styles.annotationCard} ${isSelected ? styles.annotationCardActive : ''} ${isDragging ? styles.annotationCardDragging : ''}`, ref: (node) => {
+                                            return (_jsx(SortableAnnotationCard, { id: annotation.id, children: ({ attributes, listeners, setNodeRef, transform, transition, isDragging }) => (_jsxs("div", { className: `tf-surface-elevated ${styles.annotationCard} ${isSelected ? styles.annotationCardActive : ''} ${hoveredAnnotationId === annotation.id ? styles.annotationCardHovered : ''} ${isDragging ? styles.annotationCardDragging : ''}`, "data-testid": `annotation-card-${annotation.id}`, ref: (node) => {
                                                         setNodeRef(node);
                                                         if (node)
                                                             annotationCardRefs.current.set(annotation.id, node);
@@ -2325,7 +2341,7 @@ export function AnnotatedAttachmentWorkspaceShell({ runtimeMode = 'local', apiBa
                                                         if (!event.currentTarget.contains(event.relatedTarget)) {
                                                             setIsAnnotationEditorCollapsed(true);
                                                         }
-                                                    }, children: [_jsxs("div", { className: styles.annotationMeta, children: [_jsx("button", { type: "button", className: styles.annotationDragHandle, "aria-label": `Reorder ${annotationSequenceLabel}`, title: "Drag to reorder. Press Space, then use the arrow keys to reorder with the keyboard.", ...attributes, ...listeners, children: _jsx(GripVertical, { size: 16 }) }), _jsx("button", { type: "button", className: styles.annotationCardButton, onClick: () => {
+                                                    }, onMouseEnter: () => setHoveredAnnotationId(annotation.id), onMouseLeave: () => setHoveredAnnotationId(null), children: [_jsxs("div", { className: styles.annotationMeta, children: [_jsx("button", { type: "button", className: styles.annotationDragHandle, "aria-label": `Reorder ${annotationSequenceLabel}`, title: "Drag to reorder. Press Space, then use the arrow keys to reorder with the keyboard.", ...attributes, ...listeners, children: _jsx(GripVertical, { size: 16 }) }), _jsx("button", { type: "button", className: styles.annotationCardButton, onClick: () => {
                                                                         toggleAnnotation(annotation.id);
                                                                     }, "aria-label": annotationKindLabel, "aria-expanded": isExpanded, children: _jsx("span", { className: `tf-heading-card ${styles.annotationTitle}`, children: annotationSequenceLabel }) }), _jsx("span", { className: `tf-text-meta ${styles.annotationKind}`, "aria-hidden": "true", children: _jsx(AnnotationKindIcon, { size: 16 }) })] }), isExpanded ? (_jsxs("div", { className: styles.annotationInstructionEditor, children: [_jsx("label", { className: "tf-field-label", htmlFor: "annotated-marker-instruction", children: "Marker instruction" }), _jsx("textarea", { id: "annotated-marker-instruction", ref: isSelected ? selectedInstructionTextareaRef : null, className: `tf-field-shell ${styles.textArea} ${styles.annotationInstructionField}`, value: annotation.instruction, onChange: (event) => {
                                                                         updateDraftAnnotation(annotation.id, (current) => ({

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

@@ -23,6 +23,11 @@ export interface TaskSettingsModel {
     manualComplexityEnabled: boolean;
     checklistDropdownEnabled?: boolean;
     showTaskCardStatusLabel?: boolean;
+    showTaskCardDescription?: boolean;
+    showTaskCardAttachments?: boolean;
+    showTaskCardChecklistProgress?: boolean;
+    showTaskCardLatestActivity?: boolean;
+    tintTaskCardActivityBackground?: boolean;
     initialSection?: 'categories' | 'types' | 'general' | 'documents' | 'agents' | 'taxonomy' | 'mcp' | 'integrations' | 'priorities' | 'initiatives' | 'appearance-application' | 'appearance-task-cards' | 'appearance-task-forms' | null;
     setupState?: {
         mode: 'core' | 'operations';
@@ -38,15 +43,21 @@ export interface TaskSettingsModel {
     onThemeChange: (theme: TaskforceTheme) => void;
     onSaveTheme: (theme: TaskforceTheme) => Promise<boolean>;
     onSaveGlobalTheme: (theme: TaskforceTheme) => Promise<boolean>;
-    onResetProjectToGlobal: () => Promise<boolean>;
+    onUseGlobalThemeDefault: () => Promise<boolean>;
     onKeyShortcutChange: (value: string) => void;
     onJsonBackupEnabledChange: (value: boolean) => Promise<boolean>;
     onSaveGlobalJsonBackupEnabled: (value: boolean) => Promise<boolean>;
+    onUseGlobalJsonBackupDefault: () => Promise<boolean>;
     onSaveGlobalWeekStartsOn: (value: 'sunday' | 'monday') => Promise<boolean>;
     onSaveLocale?: (value: string) => Promise<boolean>;
     onManualComplexityEnabledChange: (value: boolean) => Promise<boolean>;
     onChecklistDropdownEnabledChange?: (value: boolean) => Promise<boolean>;
     onShowTaskCardStatusLabelChange?: (value: boolean) => Promise<boolean>;
+    onShowTaskCardDescriptionChange?: (value: boolean) => Promise<boolean>;
+    onShowTaskCardAttachmentsChange?: (value: boolean) => Promise<boolean>;
+    onShowTaskCardChecklistProgressChange?: (value: boolean) => Promise<boolean>;
+    onShowTaskCardLatestActivityChange?: (value: boolean) => Promise<boolean>;
+    onTintTaskCardActivityBackgroundChange?: (value: boolean) => Promise<boolean>;
     onSaveSettings: () => Promise<boolean>;
     onSaveSetupMode?: (mode: 'core' | 'operations') => Promise<boolean>;
     onSaveWorkspaceProfile?: (input: {

package/dist/components/features/TaskSettings.js

@@ -8,6 +8,7 @@ import { MCP_CLIENT_OPTIONS, buildCloudMcpClientIntegration, buildLocalMcpClient
 import { resolveTaskforceMcpBaseUrlFromBaseUrl } from '../../config/cloudEnvironment';
 import { TaxonomyManager } from './settings/TaxonomyManager';
 import { normalizeTaskforceApplicationBaseUrl } from '../../shared/taskDeepLinks.js';
+import { TaskCard } from '../task/TaskCard';
 const THEME_ICON_MAP = {
     sun: Sun,
     wind: Wind,
@@ -21,13 +22,29 @@ const MCP_CONFIG_CODE_COLORS = {
     punctuation: '#cbd5e1',
     text: '#f8fafc'
 };
+const TASK_CARD_PREVIEW_INITIATIVE = {
+    id: 'task-card-settings-preview-initiative',
+    referenceNumber: 29,
+    referenceLabel: 'IN-29',
+    title: 'Task Experience',
+    description: null,
+    createdAt: '2026-08-14T12:00:00.000Z',
+};
+const TASK_CARD_PREVIEW_WORKSTREAM = {
+    id: 'task-card-settings-preview-workstream',
+    referenceNumber: 749,
+    referenceLabel: 'WS-749',
+    initiativeId: TASK_CARD_PREVIEW_INITIATIVE.id,
+    title: 'Task Card Polish',
+    description: null,
+    createdAt: '2026-08-14T12:00:00.000Z',
+};
 export function TaskSettings(props) {
     const { settingsModel, onSectionChange, renderMode = 'full' } = props;
     const isMcpOnly = renderMode === 'mcp-only';
-    const { currentTheme, globalTheme, themeUseGlobalDefault, keyShortcut, jsonBackupEnabled, globalJsonBackupEnabled, globalWeekStartsOn, locale = 'en-US', supportedLocales = ['en-US', 'es-419', 'pt-BR'], jsonBackupUseGlobalDefault, manualComplexityEnabled, checklistDropdownEnabled = true, showTaskCardStatusLabel = false, initialSection, onThemeChange, onSaveTheme, onSaveGlobalTheme, onResetProjectToGlobal, onKeyShortcutChange, onJsonBackupEnabledChange, onSaveGlobalJsonBackupEnabled, onSaveGlobalWeekStartsOn, onSaveLocale, onManualComplexityEnabledChange, onChecklistDropdownEnabledChange, onShowTaskCardStatusLabelChange, onSaveSettings, onShowFolderBrowserChange, onBrowserTargetChange, onFetchFolders, categories, pathValidation, taxonomyDisplayLabels, onUpdateCategory, onRemoveCategory, onSaveCategory, onAddPath, onRemovePath, onUpdateCategoryIcon, onUpdateCategoryColor, types, onSaveType, onRemoveType, onUpdateType, taxonomies, onUpdateTaxonomies, priorities, onUpdatePriorities, onAnalyzeSystemTaxonomyPack, onApplySystemTaxonomyPack, onUpdateTaxonomyDisplayLabels, projectRoot, projectName, mcpHostRoot, serverHostRoot, mcpScriptPath, tenantId, workspaceId, runtimeMode = 'local', cloudAuthBaseUrl = '', cloudMcpBaseUrl = '', fetchCloudAuthApi, checkLocalMcpCliHealth, getLocalUpdateStatus, workspaceSwitchingEnabled = false, currentWorkspaceRole = 'member', currentWorkspaceName = '', onDeleteWorkspace, onMcpHostRootChange, onOpenCloudAuth, isAuthenticated = false, setupState = null, buildInfo = null, onSaveSetupMode, onSaveWorkspaceProfile, initiativeTemplates = [], onRefreshInitiativeTemplates, onCreateInitiativeFromTemplate } = settingsModel;
+    const { currentTheme, globalTheme, themeUseGlobalDefault, keyShortcut, jsonBackupEnabled, globalJsonBackupEnabled, globalWeekStartsOn, locale = 'en-US', supportedLocales = ['en-US', 'es-419', 'pt-BR'], jsonBackupUseGlobalDefault, manualComplexityEnabled, checklistDropdownEnabled = true, showTaskCardStatusLabel = false, showTaskCardDescription = true, showTaskCardAttachments = true, showTaskCardChecklistProgress = true, showTaskCardLatestActivity = true, tintTaskCardActivityBackground = false, initialSection, onThemeChange, onSaveTheme, onSaveGlobalTheme, onUseGlobalThemeDefault, onKeyShortcutChange, onJsonBackupEnabledChange, onSaveGlobalJsonBackupEnabled, onUseGlobalJsonBackupDefault, onSaveGlobalWeekStartsOn, onSaveLocale, onManualComplexityEnabledChange, onChecklistDropdownEnabledChange, onShowTaskCardStatusLabelChange, onShowTaskCardDescriptionChange, onShowTaskCardAttachmentsChange, onShowTaskCardChecklistProgressChange, onShowTaskCardLatestActivityChange, onTintTaskCardActivityBackgroundChange, onSaveSettings, onShowFolderBrowserChange, onBrowserTargetChange, onFetchFolders, categories, pathValidation, taxonomyDisplayLabels, onUpdateCategory, onRemoveCategory, onSaveCategory, onAddPath, onRemovePath, onUpdateCategoryIcon, onUpdateCategoryColor, types, onSaveType, onRemoveType, onUpdateType, taxonomies, onUpdateTaxonomies, priorities, onUpdatePriorities, onAnalyzeSystemTaxonomyPack, onApplySystemTaxonomyPack, onUpdateTaxonomyDisplayLabels, projectRoot, projectName, mcpHostRoot, serverHostRoot, mcpScriptPath, tenantId, workspaceId, runtimeMode = 'local', cloudAuthBaseUrl = '', cloudMcpBaseUrl = '', fetchCloudAuthApi, checkLocalMcpCliHealth, getLocalUpdateStatus, workspaceSwitchingEnabled = false, currentWorkspaceRole = 'member', currentWorkspaceName = '', onDeleteWorkspace, onMcpHostRootChange, onOpenCloudAuth, isAuthenticated = false, setupState = null, buildInfo = null, onSaveSetupMode, onSaveWorkspaceProfile, initiativeTemplates = [], onRefreshInitiativeTemplates, onCreateInitiativeFromTemplate } = settingsModel;
     const showJsonBackupSettings = runtimeMode !== 'cloud';
     const [settingsFeedback, setSettingsFeedback] = useState(null);
-    const [setupMode, setSetupMode] = useState(() => setupState?.mode === 'operations' ? 'operations' : 'core');
     const [workspaceDisplayName, setWorkspaceDisplayName] = useState(() => String(setupState?.workspace?.name || '').trim());
     const [workspaceDescription, setWorkspaceDescription] = useState(() => String(setupState?.workspace?.description || ''));
     const [selectedInitiativeTemplateId, setSelectedInitiativeTemplateId] = useState('');
@@ -38,6 +55,53 @@ export function TaskSettings(props) {
     const [generalScopeTab, setGeneralScopeTab] = useState(() => {
         return 'project';
     });
+    const taskCardPreviewTask = useMemo(() => ({
+        id: 'task-card-settings-preview',
+        referenceNumber: 1590,
+        referenceLabel: 'T-1590',
+        title: 'Polish Task card appearance',
+        description: 'Make card preferences easy to understand at a glance.',
+        category: categories.find((option) => !option.disabled)?.value || 'general',
+        type: types[0]?.value || 'feature',
+        priority: priorities.find((option) => Number(option.value) === 2)?.value ?? priorities[0]?.value ?? 2,
+        complexity: 3,
+        status: 'in-progress',
+        workstreamId: TASK_CARD_PREVIEW_WORKSTREAM.id,
+        createdAt: '2026-08-14T12:00:00.000Z',
+        attachments: [{
+                path: '/task-card-preview.md',
+                displayName: 'task-card-style-guide.md',
+                originalFilename: 'task-card-style-guide.md',
+                linkRole: 'attachment',
+            }],
+        commentCount: 2,
+        checklistCount: 3,
+        completedChecklistCount: 1,
+        latestActivity: {
+            id: 'task-card-settings-preview-activity',
+            type: 'event',
+            timestamp: '2026-08-14T12:30:00.000Z',
+            event: {
+                action: 'task-status-changed',
+                actor: 'Cardsmith',
+                actorType: 'ai',
+                actorProfile: {
+                    id: 'task-card-settings-preview-actor',
+                    kind: 'ai',
+                    label: 'Cardsmith',
+                    username: 'cardsmith',
+                    icon: 'Bot',
+                    color: 'violet-500',
+                    isNamed: true,
+                },
+                details: {
+                    changes: {
+                        status: { from: 'task', to: 'in-progress' },
+                    },
+                },
+            },
+        },
+    }), [categories, priorities, types]);
     useEffect(() => {
         if (initiativeTemplates.length > 0 && !selectedInitiativeTemplateId) {
             setSelectedInitiativeTemplateId(initiativeTemplates[0].id);
@@ -49,13 +113,31 @@ export function TaskSettings(props) {
         const timer = setTimeout(() => setSettingsFeedback(null), 2500);
         return () => clearTimeout(timer);
     }, [settingsFeedback]);
-    useEffect(() => {
-        setSetupMode(setupState?.mode === 'operations' ? 'operations' : 'core');
-    }, [setupState?.mode]);
+    const reportTaskCardPreferenceResult = (success, errorMessage) => {
+        setSettingsFeedback(success ? null : { type: 'error', message: errorMessage });
+    };
     useEffect(() => {
         setWorkspaceDisplayName(String(setupState?.workspace?.name || '').trim());
         setWorkspaceDescription(String(setupState?.workspace?.description || ''));
     }, [setupState?.workspace?.name, setupState?.workspace?.description]);
+    const resolvedWorkspaceId = String(workspaceId || setupState?.workspaceId || setupState?.workspace?.id || '').trim();
+    const handleCopyWorkspaceId = async () => {
+        if (!resolvedWorkspaceId) {
+            setSettingsFeedback({ type: 'error', message: 'Workspace ID is unavailable.' });
+            return;
+        }
+        if (!navigator.clipboard?.writeText) {
+            setSettingsFeedback({ type: 'error', message: 'Clipboard copy is unavailable in this browser.' });
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(resolvedWorkspaceId);
+            setSettingsFeedback({ type: 'success', message: 'Workspace ID copied.' });
+        }
+        catch {
+            setSettingsFeedback({ type: 'error', message: 'Failed to copy workspace ID.' });
+        }
+    };
     const handleThemeChange = async (theme) => {
         onThemeChange(theme);
         const success = await onSaveTheme(theme);
@@ -831,7 +913,13 @@ export function TaskSettings(props) {
         setActiveTab(tab);
         onSectionChange?.(section);
     };
-    const renderProjectThemeControls = () => (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: `${styles.settingTitle} tf-heading-section`, children: "Theme" }), _jsx("div", { className: styles.buttonGrid, children: TASKFORCE_THEME_OPTIONS.map((themeOption) => renderThemeButton(themeOption, currentTheme, handleThemeChange)) })] }));
+    const renderProjectThemeControls = () => (_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: `${styles.settingTitle} tf-heading-section`, children: "Theme" }), !themeUseGlobalDefault && (_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: async () => {
+                            const success = await onUseGlobalThemeDefault();
+                            setSettingsFeedback({
+                                type: success ? 'success' : 'error',
+                                message: success ? 'Using global theme default.' : 'Failed to use global theme default.'
+                            });
+                        }, children: "Use global theme" }))] }), _jsx("div", { className: styles.buttonGrid, children: TASKFORCE_THEME_OPTIONS.map((themeOption) => renderThemeButton(themeOption, currentTheme, handleThemeChange)) })] }));
     const renderGlobalThemeControls = () => (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: `${styles.settingTitle} tf-heading-section`, children: "Theme Defaults" }), _jsx("div", { className: styles.buttonGrid, children: TASKFORCE_THEME_OPTIONS.map((themeOption) => renderThemeButton(themeOption, globalTheme, async (theme) => {
                     const success = await onSaveGlobalTheme(theme);
                     setSettingsFeedback({
@@ -848,30 +936,27 @@ export function TaskSettings(props) {
                                 message: success ? 'Checklist dropdown setting saved.' : 'Failed to save checklist dropdown setting.'
                             });
                         }, disabled: !onChecklistDropdownEnabledChange }), _jsx("span", { children: "Enable checklist dropdown in task form" })] })] }));
-    return (_jsx("div", { className: `${styles.settingsTab} ${isMcpOnly ? styles.settingsTabMcpOnly : ''}`.trim(), children: _jsxs("div", { className: `${styles.settingsLayout} ${isMcpOnly ? styles.settingsLayoutMcpOnly : ''}`.trim(), children: [!isMcpOnly && (_jsxs("aside", { className: styles.settingsSidebar, children: [_jsx("div", { className: styles.settingsSidebarHeader, children: "Sections" }), _jsxs("div", { className: `${styles.settingsSidebarNav} tf-scrollbar tf-scrollbar--track-transparent tf-scrollbar--compact`, children: [settingsNavItems.filter((item) => item.key === 'general').map((item) => (_jsxs("button", { className: `${styles.settingsSidebarBtn} ${activeTab === item.key ? styles.settingsSidebarBtnActive : ''}`, onClick: () => selectTab(item.key, item.section), children: [item.icon, _jsx("span", { children: item.label })] }, item.key))), _jsxs("div", { className: styles.settingsSidebarGroup, children: [_jsxs("button", { className: `${styles.settingsSidebarBtn} ${styles.settingsSidebarGroupBtn} ${(activeTab === 'appearanceApplication' || activeTab === 'appearanceTaskCards' || activeTab === 'appearanceTaskForms') ? styles.settingsSidebarBtnActive : ''}`, onClick: () => setAppearanceExpanded((current) => !current), "aria-expanded": appearanceExpanded, "aria-controls": "settings-appearance-nav", children: [_jsx(Sparkles, { size: 14 }), _jsx("span", { className: styles.settingsSidebarGroupLabel, children: "Appearance" }), _jsx("span", { className: styles.settingsSidebarGroupChevron, children: appearanceExpanded ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }) })] }), appearanceExpanded && (_jsx("div", { id: "settings-appearance-nav", className: styles.settingsSidebarSubnav, children: appearanceNavItems.map((item) => (_jsx("button", { className: `${styles.settingsSidebarSubBtn} ${activeTab === item.key ? styles.settingsSidebarBtnActive : ''}`, onClick: () => selectTab(item.key, item.section), children: _jsx("span", { children: item.label }) }, item.key))) }))] }), settingsNavItems.filter((item) => item.key !== 'general').map((item) => (_jsxs("button", { className: `${styles.settingsSidebarBtn} ${activeTab === item.key ? styles.settingsSidebarBtnActive : ''}`, onClick: () => selectTab(item.key, item.section), children: [item.icon, _jsx("span", { children: item.label })] }, item.key)))] })] })), _jsxs("div", { className: styles.settingsContent, children: [settingsFeedback && (_jsxs("div", { className: `${styles.settingsToast} ${settingsFeedback.type === 'success' ? styles.settingsToastSuccess : styles.settingsToastError}`, children: [settingsFeedback.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), _jsx("span", { children: settingsFeedback.message })] })), activeTab === 'general' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: `${styles.settingsTabs} tf-scrollbar tf-scrollbar--track-transparent tf-scrollbar--compact`, children: [_jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'project' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('project'), children: "Project" }), _jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'global' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('global'), children: "Global" })] }), generalScopeTab === 'project' && (_jsx("div", { className: styles.pathInputGroup, style: { justifyContent: 'flex-end' }, children: _jsx("button", { onClick: async () => {
-                                                    const confirmed = window.confirm('Reset project Theme and Backups to global defaults?');
-                                                    if (!confirmed)
-                                                        return;
-                                                    const success = await onResetProjectToGlobal();
-                                                    setSettingsFeedback({
-                                                        type: success ? 'success' : 'error',
-                                                        message: success ? 'Project settings reset to global.' : 'Failed to reset project settings.'
-                                                    });
-                                                }, className: styles.copyBtn, children: "Reset to Global" }) }))] }), generalScopeTab === 'project' && (_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.pathInputGroup, children: [_jsxs("label", { className: styles.label, style: { minWidth: '110px' }, children: [setupMode === 'operations' ? 'Mission' : 'Project', " name:"] }), _jsx("input", { className: styles.input, type: "text", value: workspaceDisplayName, onChange: (event) => setWorkspaceDisplayName(event.target.value), placeholder: setupMode === 'operations' ? 'Mission name' : 'Project name' })] }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("label", { className: styles.label, style: { minWidth: '110px' }, children: "Description:" }), _jsx("textarea", { className: styles.textarea, value: workspaceDescription, onChange: (event) => setWorkspaceDescription(event.target.value), placeholder: setupMode === 'operations' ? 'Mission description (optional)' : 'Project description (optional)', rows: 3 })] }), _jsx("div", { className: styles.pathInputGroup, style: { justifyContent: 'flex-end' }, children: _jsx("button", { onClick: async () => {
-                                                    if (!onSaveWorkspaceProfile)
-                                                        return;
-                                                    const result = await onSaveWorkspaceProfile({
-                                                        workspaceId: setupState?.workspaceId,
-                                                        name: workspaceDisplayName,
-                                                        description: workspaceDescription
-                                                    });
-                                                    setSettingsFeedback({
-                                                        type: result.success ? 'success' : 'error',
-                                                        message: result.success
-                                                            ? `${setupMode === 'operations' ? 'Mission' : 'Project'} profile saved.`
-                                                            : (result.error || 'Failed to save workspace profile.')
-                                                    });
-                                                }, className: styles.copyBtn, disabled: !onSaveWorkspaceProfile, children: "Save" }) })] })), generalScopeTab === 'project' && (_jsx("div", { className: styles.settingGroup, children: showJsonBackupSettings && (_jsxs(_Fragment, { children: [_jsx("h3", { className: styles.settingTitle, children: "Backup" }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: jsonBackupEnabled, onChange: async (e) => {
+    return (_jsx("div", { className: `${styles.settingsTab} ${isMcpOnly ? styles.settingsTabMcpOnly : ''}`.trim(), children: _jsxs("div", { className: `${styles.settingsLayout} ${isMcpOnly ? styles.settingsLayoutMcpOnly : ''}`.trim(), children: [!isMcpOnly && (_jsxs("aside", { className: styles.settingsSidebar, children: [_jsx("div", { className: styles.settingsSidebarHeader, children: "Sections" }), _jsxs("div", { className: `${styles.settingsSidebarNav} tf-scrollbar tf-scrollbar--track-transparent tf-scrollbar--compact`, children: [settingsNavItems.filter((item) => item.key === 'general').map((item) => (_jsxs("button", { className: `${styles.settingsSidebarBtn} ${activeTab === item.key ? styles.settingsSidebarBtnActive : ''}`, onClick: () => selectTab(item.key, item.section), children: [item.icon, _jsx("span", { children: item.label })] }, item.key))), _jsxs("div", { className: styles.settingsSidebarGroup, children: [_jsxs("button", { className: `${styles.settingsSidebarBtn} ${styles.settingsSidebarGroupBtn} ${(activeTab === 'appearanceApplication' || activeTab === 'appearanceTaskCards' || activeTab === 'appearanceTaskForms') ? styles.settingsSidebarBtnActive : ''}`, onClick: () => setAppearanceExpanded((current) => !current), "aria-expanded": appearanceExpanded, "aria-controls": "settings-appearance-nav", children: [_jsx(Sparkles, { size: 14 }), _jsx("span", { className: styles.settingsSidebarGroupLabel, children: "Appearance" }), _jsx("span", { className: styles.settingsSidebarGroupChevron, children: appearanceExpanded ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }) })] }), appearanceExpanded && (_jsx("div", { id: "settings-appearance-nav", className: styles.settingsSidebarSubnav, children: appearanceNavItems.map((item) => (_jsx("button", { className: `${styles.settingsSidebarSubBtn} ${activeTab === item.key ? styles.settingsSidebarBtnActive : ''}`, onClick: () => selectTab(item.key, item.section), children: _jsx("span", { children: item.label }) }, item.key))) }))] }), settingsNavItems.filter((item) => item.key !== 'general').map((item) => (_jsxs("button", { className: `${styles.settingsSidebarBtn} ${activeTab === item.key ? styles.settingsSidebarBtnActive : ''}`, onClick: () => selectTab(item.key, item.section), children: [item.icon, _jsx("span", { children: item.label })] }, item.key)))] })] })), _jsxs("div", { className: styles.settingsContent, children: [settingsFeedback && (_jsxs("div", { className: `${styles.settingsToast} ${settingsFeedback.type === 'success' ? styles.settingsToastSuccess : styles.settingsToastError}`, role: settingsFeedback.type === 'success' ? 'status' : 'alert', "aria-live": settingsFeedback.type === 'success' ? 'polite' : 'assertive', children: [settingsFeedback.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), _jsx("span", { children: settingsFeedback.message })] })), activeTab === 'general' && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.settingGroup, children: _jsxs("div", { className: `${styles.settingsTabs} tf-scrollbar tf-scrollbar--track-transparent tf-scrollbar--compact`, children: [_jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'project' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('project'), children: "Project" }), _jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'global' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('global'), children: "Global" })] }) }), generalScopeTab === 'project' && (_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.workspaceIdentity, children: [_jsx("span", { className: styles.label, children: "Workspace ID:" }), _jsxs("div", { className: styles.workspaceIdentityValueRow, children: [_jsx("code", { className: styles.workspaceIdentityValue, children: resolvedWorkspaceId || 'Unavailable' }), _jsx("button", { type: "button", className: "tf-control-icon tf-control-icon-compact", onClick: () => { void handleCopyWorkspaceId(); }, disabled: !resolvedWorkspaceId, "aria-label": "Copy workspace ID", title: "Copy workspace ID", children: _jsx(Copy, { size: 14, "aria-hidden": "true" }) })] })] }), _jsxs("div", { className: styles.workspaceProfileForm, children: [_jsx("label", { htmlFor: "workspace-name", className: styles.label, children: "Workspace name:" }), _jsx("input", { id: "workspace-name", className: styles.input, type: "text", value: workspaceDisplayName, onChange: (event) => setWorkspaceDisplayName(event.target.value), placeholder: "Workspace name" }), _jsx("label", { htmlFor: "workspace-description", className: `${styles.label} ${styles.workspaceProfileTextareaLabel}`, children: "Description:" }), _jsx("textarea", { id: "workspace-description", className: styles.textarea, value: workspaceDescription, onChange: (event) => setWorkspaceDescription(event.target.value), placeholder: "Describe this workspace (optional)", rows: 3 }), _jsx("div", { className: styles.workspaceProfileActions, children: _jsx("button", { type: "button", onClick: async () => {
+                                                            if (!onSaveWorkspaceProfile)
+                                                                return;
+                                                            const result = await onSaveWorkspaceProfile({
+                                                                workspaceId: setupState?.workspaceId,
+                                                                name: workspaceDisplayName,
+                                                                description: workspaceDescription
+                                                            });
+                                                            setSettingsFeedback({
+                                                                type: result.success ? 'success' : 'error',
+                                                                message: result.success
+                                                                    ? 'Workspace profile saved.'
+                                                                    : (result.error || 'Failed to save workspace profile.')
+                                                            });
+                                                        }, className: "tf-button-primary tf-button-compact", disabled: !onSaveWorkspaceProfile, children: "Save" }) })] })] })), generalScopeTab === 'project' && (_jsx("div", { className: styles.settingGroup, children: showJsonBackupSettings && (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: styles.settingTitle, children: "Backup" }), !jsonBackupUseGlobalDefault && (_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: async () => {
+                                                            const success = await onUseGlobalJsonBackupDefault();
+                                                            setSettingsFeedback({
+                                                                type: success ? 'success' : 'error',
+                                                                message: success ? 'Using global backup default.' : 'Failed to use global backup default.'
+                                                            });
+                                                        }, children: "Use global backup" }))] }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: jsonBackupEnabled, onChange: async (e) => {
                                                             const success = await onJsonBackupEnabledChange(e.target.checked);
                                                             setSettingsFeedback({
                                                                 type: success ? 'success' : 'error',
@@ -907,7 +992,7 @@ export function TaskSettings(props) {
                                                                     type: success ? 'success' : 'error',
                                                                     message: success ? 'Global shortcut saved.' : 'Failed to save global shortcut.'
                                                                 });
-                                                            }, className: `${styles.saveSettingsBtn} ${styles.saveSettingsBtnWrapper}`, children: "Save" })] }), _jsxs("p", { className: styles.settingHelper, children: ["Supported modifiers: Alt, Option, Ctrl, Shift, Meta (Cmd). Example: ", _jsx("code", { children: "Alt+T" }), " or ", _jsx("code", { children: "Ctrl+Shift+L" }), "."] })] })] })), generalScopeTab === 'project' && runtimeMode === 'cloud' && (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Danger Zone" }), !workspaceSwitchingEnabled ? (_jsx("p", { className: styles.settingHelper, children: "Workspace deletion is available in cloud runtime only." })) : !isAuthenticated ? (_jsx("p", { className: styles.settingHelper, children: "Sign in to manage workspace deletion." })) : currentWorkspaceRole !== 'owner' ? (_jsx("p", { className: styles.settingHelper, children: "Only workspace owners can delete a workspace." })) : (_jsx("div", { className: styles.pathInputGroup, children: _jsxs("button", { className: styles.destructiveBtn, onClick: async () => {
+                                                            }, className: `${styles.saveSettingsBtn} ${styles.saveSettingsBtnWrapper}`, children: "Save" })] }), _jsxs("p", { className: styles.settingHelper, children: ["Supported modifiers: Alt, Option, Ctrl, Shift, Meta (Cmd). Example: ", _jsx("code", { children: "Alt+T" }), " or ", _jsx("code", { children: "Ctrl+Shift+L" }), "."] })] })] })), generalScopeTab === 'project' && runtimeMode === 'cloud' && (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: styles.settingTitle, children: "Danger Zone" }), !workspaceSwitchingEnabled ? (_jsx("p", { className: styles.settingHelper, children: "Workspace deletion is available in cloud runtime only." })) : !isAuthenticated ? (_jsx("p", { className: styles.settingHelper, children: "Sign in to manage workspace deletion." })) : currentWorkspaceRole !== 'owner' ? (_jsx("p", { className: styles.settingHelper, children: "Only workspace owners can delete a workspace." })) : (_jsx("div", { className: styles.pathInputGroup, children: _jsxs("button", { className: "tf-button-destructive tf-button-compact", onClick: async () => {
                                                     if (!onDeleteWorkspace)
                                                         return;
                                                     const normalizedWorkspaceId = String(workspaceId || '').trim();
@@ -944,15 +1029,37 @@ export function TaskSettings(props) {
                                                             ? `Workspace deleted with ${warningCount} cleanup warning(s).`
                                                             : 'Workspace deleted.'
                                                     });
-                                                }, disabled: !onDeleteWorkspace, children: [_jsx(Trash2, { size: 14, style: { marginRight: 8 } }), "Delete Workspace"] }) }))] }))] })), activeTab === 'appearanceApplication' && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.settingGroup, children: _jsxs("div", { className: `${styles.settingsTabs} tf-scrollbar tf-scrollbar--track-transparent tf-scrollbar--compact`, children: [_jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'project' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('project'), children: "Project" }), _jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'global' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('global'), children: "Global" })] }) }), generalScopeTab === 'project' ? renderProjectThemeControls() : renderGlobalThemeControls()] })), activeTab === 'appearanceTaskCards' && (_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: `${styles.settingTitle} tf-heading-section`, children: "Task Cards" }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: showTaskCardStatusLabel, onChange: async (e) => {
-                                                if (!onShowTaskCardStatusLabelChange)
-                                                    return;
-                                                const success = await onShowTaskCardStatusLabelChange(e.target.checked);
-                                                setSettingsFeedback({
-                                                    type: success ? 'success' : 'error',
-                                                    message: success ? 'Task card status label setting saved.' : 'Failed to save task card status label setting.'
-                                                });
-                                            }, disabled: !onShowTaskCardStatusLabelChange }), _jsx("span", { children: "Show status label" })] })] })), activeTab === 'appearanceTaskForms' && renderTaskFormsControls(), activeTab === 'initiatives' && (_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: styles.settingTitle, children: "Initiative Templates" }), _jsx("button", { className: styles.copyBtn, onClick: () => { void onRefreshInitiativeTemplates?.(); }, children: "Refresh" })] }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Create launch, migration, or incident initiatives from reusable templates." }), _jsxs("div", { className: styles.exportItem, children: [_jsx("label", { className: styles.label, children: "Template" }), _jsx("select", { className: styles.input, value: selectedInitiativeTemplateId, onChange: (e) => {
+                                                }, disabled: !onDeleteWorkspace, children: [_jsx(Trash2, { size: 14, "aria-hidden": "true" }), "Delete Workspace"] }) }))] }))] })), activeTab === 'appearanceApplication' && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.settingGroup, children: _jsxs("div", { className: `${styles.settingsTabs} tf-scrollbar tf-scrollbar--track-transparent tf-scrollbar--compact`, children: [_jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'project' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('project'), children: "Project" }), _jsx("button", { className: `${styles.settingsTabBtn} ${generalScopeTab === 'global' ? styles.settingsTabBtnActive : ''}`, onClick: () => setGeneralScopeTab('global'), children: "Global" })] }) }), generalScopeTab === 'project' ? renderProjectThemeControls() : renderGlobalThemeControls()] })), activeTab === 'appearanceTaskCards' && (_jsxs("div", { className: styles.taskCardSettingsLayout, children: [_jsxs("div", { className: styles.settingGroup, children: [_jsx("h3", { className: `${styles.settingTitle} tf-heading-section`, children: "Task Cards" }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: showTaskCardStatusLabel, onChange: async (e) => {
+                                                        if (!onShowTaskCardStatusLabelChange)
+                                                            return;
+                                                        const success = await onShowTaskCardStatusLabelChange(e.target.checked);
+                                                        reportTaskCardPreferenceResult(success, 'Failed to save task card status label setting.');
+                                                    }, disabled: !onShowTaskCardStatusLabelChange }), _jsx("span", { children: "Show status label" })] }), _jsxs("div", { className: styles.taskCardSettingWithHelp, children: [_jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: runtimeMode !== 'cloud' && showTaskCardDescription, onChange: async (e) => {
+                                                                if (!onShowTaskCardDescriptionChange)
+                                                                    return;
+                                                                const success = await onShowTaskCardDescriptionChange(e.target.checked);
+                                                                reportTaskCardPreferenceResult(success, 'Failed to save task card description setting.');
+                                                            }, disabled: runtimeMode === 'cloud' || !onShowTaskCardDescriptionChange, "aria-describedby": runtimeMode === 'cloud' ? 'task-card-description-cloud-help' : undefined }), _jsx("span", { children: "Show description" })] }), runtimeMode === 'cloud' && (_jsx("span", { id: "task-card-description-cloud-help", className: styles.taskCardSettingHelp, children: "Unavailable in cloud to keep task collections fast." }))] }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: showTaskCardAttachments, onChange: async (e) => {
+                                                        if (!onShowTaskCardAttachmentsChange)
+                                                            return;
+                                                        const success = await onShowTaskCardAttachmentsChange(e.target.checked);
+                                                        reportTaskCardPreferenceResult(success, 'Failed to save task card attachments setting.');
+                                                    }, disabled: !onShowTaskCardAttachmentsChange }), _jsx("span", { children: "Show attachments" })] }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: showTaskCardChecklistProgress, onChange: async (e) => {
+                                                        if (!onShowTaskCardChecklistProgressChange)
+                                                            return;
+                                                        const success = await onShowTaskCardChecklistProgressChange(e.target.checked);
+                                                        reportTaskCardPreferenceResult(success, 'Failed to save task card checklist progress setting.');
+                                                    }, disabled: !onShowTaskCardChecklistProgressChange }), _jsx("span", { children: "Show checklist progress" })] }), _jsxs("label", { className: styles.archiveToggle, children: [_jsx("input", { type: "checkbox", checked: showTaskCardLatestActivity, onChange: async (e) => {
+                                                        if (!onShowTaskCardLatestActivityChange)
+                                                            return;
+                                                        const success = await onShowTaskCardLatestActivityChange(e.target.checked);
+                                                        reportTaskCardPreferenceResult(success, 'Failed to save task card latest activity setting.');
+                                                    }, disabled: !onShowTaskCardLatestActivityChange }), _jsx("span", { children: "Show latest activity" })] }), _jsxs("label", { className: `${styles.archiveToggle} ${styles.taskCardDependentSetting}`, children: [_jsx("input", { type: "checkbox", checked: tintTaskCardActivityBackground, onChange: async (e) => {
+                                                        if (!onTintTaskCardActivityBackgroundChange)
+                                                            return;
+                                                        const success = await onTintTaskCardActivityBackgroundChange(e.target.checked);
+                                                        reportTaskCardPreferenceResult(success, 'Failed to save task card activity background setting.');
+                                                    }, disabled: !showTaskCardLatestActivity || !onTintTaskCardActivityBackgroundChange }), _jsx("span", { children: "Tint latest activity background" })] })] }), _jsxs("section", { className: styles.taskCardSettingsPreview, "aria-labelledby": "task-card-preview-title", children: [_jsx("h3", { id: "task-card-preview-title", className: `${styles.settingTitle} tf-heading-section`, children: "Preview" }), _jsx("div", { className: styles.taskCardSettingsPreviewFrame, inert: true, children: _jsx(TaskCard, { task: taskCardPreviewTask, categories: categories, types: types, priorities: priorities, taxonomies: taxonomies, taskInitiative: TASK_CARD_PREVIEW_INITIATIVE, taskWorkstream: TASK_CARD_PREVIEW_WORKSTREAM, showStatusLabel: showTaskCardStatusLabel, showDescription: runtimeMode !== 'cloud' && showTaskCardDescription, showAttachments: showTaskCardAttachments, showChecklistProgress: showTaskCardChecklistProgress, showLatestActivity: showTaskCardLatestActivity, tintActivityBackground: tintTaskCardActivityBackground }) })] })] })), activeTab === 'appearanceTaskForms' && renderTaskFormsControls(), activeTab === 'initiatives' && (_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: styles.settingTitle, children: "Initiative Templates" }), _jsx("button", { className: styles.copyBtn, onClick: () => { void onRefreshInitiativeTemplates?.(); }, children: "Refresh" })] }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Create launch, migration, or incident initiatives from reusable templates." }), _jsxs("div", { className: styles.exportItem, children: [_jsx("label", { className: styles.label, children: "Template" }), _jsx("select", { className: styles.input, value: selectedInitiativeTemplateId, onChange: (e) => {
                                                 const nextId = e.target.value;
                                                 setSelectedInitiativeTemplateId(nextId);
                                             }, children: initiativeTemplates.map(template => (_jsx("option", { value: template.id, children: template.name }, template.id))) })] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Initiative Title" }), _jsx("input", { className: styles.input, placeholder: "Enter initiative title", value: initiativeTitle, onChange: (e) => setInitiativeTitle(e.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCreatingInitiative || !selectedInitiativeTemplateId || !initiativeTitle.trim() || !onCreateInitiativeFromTemplate, onClick: async () => {

package/dist/components/features/agentCapabilities/AgentCapabilitiesPrototype.d.ts

@@ -24,7 +24,7 @@ export declare const TASKFORCE_TOOL_MODULES: readonly [{
     readonly description: "Read workspace configuration, people, and managed Agent identity.";
     readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
 }];
-export declare const TASKFORCE_TOOL_MODULE_KEYS: ("tasks" | "planning" | "workspace" | "documents" | "images")[];
+export declare const TASKFORCE_TOOL_MODULE_KEYS: ("images" | "documents" | "tasks" | "planning" | "workspace")[];
 export type ToolAccessMode = 'active' | 'preview' | 'requirement';
 export declare function ToolAccessSelector({ selectedKeys, onChange, disabled, mode, title, description, showFutureTools, requireOne, hasCustomOverrides, }: {
     selectedKeys: string[];

package/dist/components/features/planning/PlanningModule.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
-import { AlertTriangle, Archive, ArrowUpDown, ChevronLeft, Eye, EyeOff, Filter, Link2, Loader2, Pencil, Plus, RotateCcw, Search, Unlink, X, } from 'lucide-react';
+import { AlertTriangle, Archive, ArrowUpDown, ChevronLeft, Eye, EyeOff, Filter, Loader2, Pencil, Plus, RotateCcw, Search, Unlink, X, } from 'lucide-react';
 import { TASK_ASSIGNEE_UNASSIGNED_COLOR, TASK_ASSIGNEE_UNASSIGNED_ICON, } from '../../../utils/assignees';
 import { resolvePlanningArchiveDetailState } from '../../../utils/planningArchivePresentation';
 import { formatInitiativeReference, formatWorkstreamReference, } from '../../../utils/planningReferences';
@@ -223,7 +223,6 @@ export function PlanningModule({ model }) {
     const [showArchivedPlanning, setShowArchivedPlanning] = React.useState(false);
     const taskArrangeMode = model.taskArrangeMode || 'execution';
     const [createState, setCreateState] = React.useState(null);
-    const [showParentLinkPicker, setShowParentLinkPicker] = React.useState(false);
     const [pendingUnlink, setPendingUnlink] = React.useState(null);
     const [relationshipRecovery, setRelationshipRecovery] = React.useState(null);
     const [isChangingRelationship, setIsChangingRelationship] = React.useState(false);
@@ -349,7 +348,6 @@ export function PlanningModule({ model }) {
         void model.hydrateEntity(selectedEntityType, selectedEntityId);
     }, [model.hydrateEntity, selectedEntityId, selectedEntityType]);
     React.useEffect(() => {
-        setShowParentLinkPicker(false);
         setPendingUnlink(null);
         setRelationshipRecovery(null);
         setIsChangingRelationship(false);
@@ -434,7 +432,6 @@ export function PlanningModule({ model }) {
             const result = await model.assignWorkstreamToInitiative(selectedWorkstream.id, option.referenceLabel);
             if (result !== false) {
                 setSelectedInitiativeId(option.id);
-                setShowParentLinkPicker(false);
             }
         }
         finally {
@@ -562,7 +559,7 @@ export function PlanningModule({ model }) {
                                                                 ? `${formatInitiativeReference(selectedInitiative)} ${selectedInitiative.title}`.trim()
                                                                 : 'its initiative',
                                                         });
-                                                    }, title: "Unlink workstream from initiative", ariaLabel: "Unlink workstream from initiative", children: _jsx(Unlink, { size: 14, "aria-hidden": "true" }) })) : (_jsx(HierarchyActionBadge, { disabled: !model.assignWorkstreamToInitiative || isChangingRelationship, onClick: () => setShowParentLinkPicker((current) => !current), title: "Link initiative", ariaLabel: "Link initiative", ariaExpanded: showParentLinkPicker, children: _jsx(Link2, { size: 14, "aria-hidden": "true" }) })), relationshipContent: (_jsx(_Fragment, { children: !selectedWorkstream.initiativeId && showParentLinkPicker ? (_jsxs("div", { className: styles.relationshipPickerRow, children: [_jsx(PlanningLinkPicker, { options: model.linkOptions.initiatives, entityLabel: "initiative", onSelect: linkSelectedWorkstreamToInitiative, disabled: isChangingRelationship }), _jsx("button", { type: "button", className: "tf-control-icon tf-control-icon-compact", disabled: isChangingRelationship, onClick: () => setShowParentLinkPicker(false), title: "Cancel initiative link", "aria-label": "Cancel initiative link", children: _jsx(X, { size: 14, "aria-hidden": "true" }) })] })) : null })) }), _jsx(PlanningLinkPicker, { options: availableTaskLinks, entityLabel: "task", onSelect: (option) => attachRelationship('task', option), disabled: !model.attachTaskToWorkstream || isChangingRelationship }), model.setTaskArrangeMode ? (_jsx(PlanningTaskArrangeControl, { value: taskArrangeMode, onChange: model.setTaskArrangeMode })) : null] })) : null, _jsx(PlanningTaskOrderList, { tasks: visibleTasks, mode: taskArrangeMode, onReorder: selectedWorkstream && model.reorderWorkstreamTasks
+                                                    }, title: "Unlink workstream from initiative", ariaLabel: "Unlink workstream from initiative", children: _jsx(Unlink, { size: 14, "aria-hidden": "true" }) })) : (_jsx(PlanningLinkPicker, { options: model.linkOptions.initiatives, entityLabel: "initiative", onSelect: linkSelectedWorkstreamToInitiative, disabled: !model.assignWorkstreamToInitiative || isChangingRelationship, iconTrigger: true, triggerTitle: "Link initiative" })) }), _jsx(PlanningLinkPicker, { options: availableTaskLinks, entityLabel: "task", onSelect: (option) => attachRelationship('task', option), disabled: !model.attachTaskToWorkstream || isChangingRelationship }), model.setTaskArrangeMode ? (_jsx(PlanningTaskArrangeControl, { value: taskArrangeMode, onChange: model.setTaskArrangeMode })) : null] })) : null, _jsx(PlanningTaskOrderList, { tasks: visibleTasks, mode: taskArrangeMode, onReorder: selectedWorkstream && model.reorderWorkstreamTasks
                                             ? (taskIds) => model.reorderWorkstreamTasks?.(selectedWorkstream.id, mergeVisiblePlanningTaskOrder(arrangePlanningTasks(selectedWorkstream.tasks ?? [], 'execution'), taskIds))
                                             : undefined, children: (task) => {
                                             const referenceLabel = getTaskReferenceLabel(task);

package/dist/components/features/planning/PlanningTaskOrderList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { PlanningTaskPreview } from './planningWorkspaceModel';
-import type { PlanningTaskArrangeMode } from './planningTaskArrangement';
+import { type PlanningTaskArrangeMode } from './planningTaskArrangement';
 export declare function PlanningTaskOrderList(props: {
     tasks: PlanningTaskPreview[];
     mode: PlanningTaskArrangeMode;