@taskforcehq/taskforce 0.3.328 → 0.3.330

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/AiProfilesModule.js

@@ -11,9 +11,8 @@ import { buildVersionedAvatarUrl } from '../../utils/avatarDisplay';
 import { getAiProfileDefaultLogoUrl } from '../../utils/aiProfileDefaultLogo';
 import { dispatchTaskforceAiProfilesMutated, TASKFORCE_AI_PROFILES_MUTATED_EVENT, } from '../../utils/aiProfileEvents';
 import { getTaskforceManagedAgentId, isAiProfileAvatarGenerationEligible, } from '../../shared/aiProfileAvatarEligibility.js';
-import { AI_PROFILE_COLOR_TOKENS } from '../../shared/aiProfileColors.js';
+import { AI_PROFILE_SIGNATURE_COLOR_OPTIONS } from '../../shared/aiProfileColors.js';
 import { AiIdentityRosterCard } from '../ui/AiIdentityRosterCard.js';
-import { COLOR_PALETTE } from '../../shared/colorPalette.js';
 import { AI_PROFILE_SURFACE_TYPES, formatAiProfileSurfaceTypeLabel, formatAiProfileSurfaceTypeSectionLabel, getAiProfileSurfaceTypeSection, parseAiProfileSurfaceType } from '../../shared/aiProfileSurfaceType.js';
 import { formatAiProfileSeatScopeLabel, parseAiProfileSeatScope } from '../../shared/aiProfileSeatScope.js';
 const AI_PROFILE_DISPLAY_SECTION_ORDER = [
@@ -716,9 +715,8 @@ export function AiProfilesModule({ workspaceId, runtimeMode = 'local', cloudAuth
                                                         setAiAvatarError(null);
                                                         setAiAvatarNotice(null);
                                                         setAvatarEditorProfileId(selectedGroup.primaryProfile.id);
-                                                    } }), _jsxs("div", { className: styles.aiProfileDetailHeading, children: [_jsx("div", { className: styles.aiProfileDetailTitleRow, children: _jsx("h5", { className: styles.aiProfileDetailTitle, children: selectedGroup.primaryProfile.name }) }), _jsxs("div", { className: styles.aiProfileDetailMetaRow, children: [_jsxs("span", { className: styles.aiProfileDetailHandle, children: ["@", selectedGroup.primaryProfile.username] }), selectedGroup.profiles.length > 1 && (_jsxs("span", { className: styles.aiProfileDetailLinkedCount, children: [selectedGroup.profiles.length, " linked"] }))] }), _jsxs("div", { className: styles.aiProfileDetailRole, children: ["Role: ", selectedGroup.primaryProfile.role || 'Not set'] }), selectedGroup.primaryProfile.description && (_jsx("div", { className: styles.aiProfileDetailDescription, children: selectedGroup.primaryProfile.description })), _jsxs("div", { className: styles.aiProfileSignatureColor, children: [_jsx("span", { children: "Signature color" }), _jsxs("button", { type: "button", className: styles.aiProfileSignatureColorButton, onClick: () => setColorPickerOpen((open) => !open), disabled: colorBusy, "aria-expanded": colorPickerOpen, "aria-label": "Change signature color", children: [_jsx("span", { className: styles.aiProfileSignatureSwatch, style: { backgroundColor: selectedGroup.primaryProfile.color }, "aria-hidden": "true" }), _jsx("span", { children: selectedGroup.primaryProfile.color })] })] }), colorPickerOpen && (_jsxs("div", { className: styles.aiProfileColorPicker, "aria-label": "Signature color options", children: [AI_PROFILE_COLOR_TOKENS.map((token) => {
-                                                                    const color = COLOR_PALETTE[token];
-                                                                    return _jsx("button", { type: "button", className: styles.aiProfileColorOption, style: { backgroundColor: color }, "aria-label": `Use ${token}`, "aria-pressed": selectedGroup.primaryProfile.color.toLowerCase() === color.toLowerCase(), disabled: colorBusy, onClick: () => { void handleColorChange(selectedGroup, color); } }, token);
+                                                    } }), _jsxs("div", { className: styles.aiProfileDetailHeading, children: [_jsx("div", { className: styles.aiProfileDetailTitleRow, children: _jsx("h5", { className: styles.aiProfileDetailTitle, children: selectedGroup.primaryProfile.name }) }), _jsxs("div", { className: styles.aiProfileDetailMetaRow, children: [_jsxs("span", { className: styles.aiProfileDetailHandle, children: ["@", selectedGroup.primaryProfile.username] }), selectedGroup.profiles.length > 1 && (_jsxs("span", { className: styles.aiProfileDetailLinkedCount, children: [selectedGroup.profiles.length, " linked"] }))] }), _jsxs("div", { className: styles.aiProfileDetailRole, children: ["Role: ", selectedGroup.primaryProfile.role || 'Not set'] }), selectedGroup.primaryProfile.description && (_jsx("div", { className: styles.aiProfileDetailDescription, children: selectedGroup.primaryProfile.description })), _jsxs("div", { className: styles.aiProfileSignatureColor, children: [_jsx("span", { children: "Signature color" }), _jsxs("button", { type: "button", className: styles.aiProfileSignatureColorButton, onClick: () => setColorPickerOpen((open) => !open), disabled: colorBusy, "aria-expanded": colorPickerOpen, "aria-label": "Change signature color", children: [_jsx("span", { className: styles.aiProfileSignatureSwatch, style: { backgroundColor: selectedGroup.primaryProfile.color }, "aria-hidden": "true" }), _jsx("span", { children: selectedGroup.primaryProfile.color })] })] }), colorPickerOpen && (_jsxs("div", { className: styles.aiProfileColorPicker, "aria-label": "Signature color options", children: [AI_PROFILE_SIGNATURE_COLOR_OPTIONS.map(({ name, value: color }) => {
+                                                                    return _jsx("button", { type: "button", className: styles.aiProfileColorOption, style: { backgroundColor: color }, "aria-label": `Use ${name}`, "aria-pressed": selectedGroup.primaryProfile.color.toLowerCase() === color.toLowerCase(), disabled: colorBusy, onClick: () => { void handleColorChange(selectedGroup, color); } }, color);
                                                                 }), _jsx("button", { type: "button", className: styles.secondaryHeaderBtn, disabled: colorBusy, onClick: () => { void handleColorChange(selectedGroup, undefined, true); }, children: "Reset" })] })), colorError && _jsx("div", { className: styles.aiProfileInlineError, children: colorError })] })] }), _jsxs("div", { className: styles.aiProfileDetailDataList, children: [_jsx("div", { className: styles.aiProfileDetailDataGroup, children: selectedProfileDataGroups.attributes.map((row) => (_jsxs("div", { className: styles.aiProfileDetailDataRow, children: [_jsx("span", { className: styles.aiProfileDetailDataLabel, children: row.label }), row.label === 'Category' && !isTaskforceManagedAiProfile(selectedGroup.primaryProfile) ? (_jsx("span", { className: styles.aiProfileDetailDataValue, children: _jsxs("select", { className: styles.aiProfileStatusSelect, "aria-label": "Agent category", value: selectedGroup.primaryProfile.surfaceType ?? '', disabled: aiProfileCategoryBusy, onChange: (event) => {
                                                                         void handleCategoryChange(selectedGroup, event.target.value);
                                                                     }, children: [_jsx("option", { value: "", children: "Unclassified" }), AI_PROFILE_SURFACE_TYPES.map((surfaceType) => (_jsx("option", { value: surfaceType, children: formatAiProfileSurfaceTypeLabel(surfaceType) }, surfaceType)))] }) })) : (_jsx("span", { className: styles.aiProfileDetailDataValue, children: row.value }))] }, row.label))) }), _jsx("div", { className: `${styles.aiProfileDetailDataGroup} ${styles.aiProfileDetailDateGroup}`, children: selectedProfileDataGroups.dates.map((row) => (_jsxs("div", { className: styles.aiProfileDetailDataRow, children: [_jsx("span", { className: styles.aiProfileDetailDataLabel, children: row.label }), row.label === 'Status' ? (_jsx("span", { className: styles.aiProfileDetailDataValue, children: _jsxs("select", { className: styles.aiProfileStatusSelect, "aria-label": "Agent roster status", value: selectedGroup.primaryProfile.archivedAt ? 'retired' : 'active', onChange: (event) => {

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: {