@taskforcehq/taskforce 0.3.327 → 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/activity/EntityActivityTimeline.js

@@ -24,6 +24,17 @@ export function EntityActivityTimeline({ activity, comments, formatFieldValue, r
         normalizedCurrentActorLabel !== 'user' &&
         normalizedCurrentActorLabel !== 'human' &&
         normalizedCurrentActorLabel !== normalizedCurrentActorId);
+    const resolveCanonicalCurrentActorLabel = React.useCallback((presentation) => {
+        const normalizedLabel = String(presentation.label || '').trim().toLowerCase();
+        const isLegacyCurrentUserLabel = normalizedLabel === 'you'
+            || normalizedLabel === 'user'
+            || normalizedLabel === 'human';
+        return presentation.isCurrentActorHint === true
+            && hasCanonicalCurrentActorLabel
+            && isLegacyCurrentUserLabel
+            ? currentActorLabel
+            : presentation.label;
+    }, [currentActorLabel, hasCanonicalCurrentActorLabel]);
     return (_jsxs("div", { ref: listRef, className: [timelineStyles.thread, listClassName].filter(Boolean).join(' '), onScroll: onScroll, children: [items.length === 0 ? (_jsx("div", { className: [timelineStyles.empty, emptyClassName].filter(Boolean).join(' '), children: emptyMessage })) : null, items.map((item) => {
                 const isTargetEntry = Boolean(normalizedTargetEntryId
                     && (item.id === normalizedTargetEntryId
@@ -60,10 +71,8 @@ export function EntityActivityTimeline({ activity, comments, formatFieldValue, r
                             ? commentActorIds.includes(normalizedCurrentActorId)
                             : actorPresentation.isCurrentActorHint === true
                         : commentKind === 'member';
-                    const authorLabel = isCurrentActor &&
-                        actorPresentation.label.trim().toLowerCase() === 'you' &&
-                        hasCanonicalCurrentActorLabel
-                        ? currentActorLabel
+                    const authorLabel = isCurrentActor
+                        ? resolveCanonicalCurrentActorLabel(actorPresentation)
                         : actorPresentation.label;
                     const { ActorIcon } = actorPresentation;
                     const authorColor = actorPresentation.kind === 'system'
@@ -96,6 +105,7 @@ export function EntityActivityTimeline({ activity, comments, formatFieldValue, r
                     actorProfile: item.event.actorProfile || null,
                     fallbackKind: 'system',
                 });
+                const authorLabel = resolveCanonicalCurrentActorLabel(actorPresentation);
                 const { ActorIcon } = actorPresentation;
                 const authorColor = actorPresentation.color;
                 const changeEntries = Object.entries(item.event.details?.changes || {});
@@ -109,7 +119,7 @@ export function EntityActivityTimeline({ activity, comments, formatFieldValue, r
                         timelineStyles.item,
                         timelineStyles.event,
                         actorPresentation.kind === 'system' ? timelineStyles.eventSystem : '',
-                    ].filter(Boolean).join(' '), children: _jsxs("div", { className: timelineStyles.eventMain, children: [_jsxs("span", { className: timelineStyles.author, style: authorColor ? { color: authorColor } : undefined, children: [_jsx(ActorIcon, { size: 12, strokeWidth: 1.5 }), actorPresentation.label] }), _jsxs("div", { className: timelineStyles.eventText, children: [_jsx("div", { children: summarizeEntityEvent(item.event, formatFieldValue) }), displayedChangeEntries.length > 0 ? (_jsx("div", { className: timelineStyles.eventChanges, children: displayedChangeEntries.map(([field, change]) => (_jsx("div", { className: timelineStyles.eventChange, children: summarizeTaskChange(field, change, formatFieldValue) }, field))) })) : null] }), _jsx("time", { className: timelineStyles.time, dateTime: item.event.createdAt, children: formatDate(item.event.createdAt, {
+                    ].filter(Boolean).join(' '), children: _jsxs("div", { className: timelineStyles.eventMain, children: [_jsxs("span", { className: timelineStyles.author, style: authorColor ? { color: authorColor } : undefined, children: [_jsx(ActorIcon, { size: 12, strokeWidth: 1.5 }), authorLabel] }), _jsxs("div", { className: timelineStyles.eventText, children: [_jsx("div", { children: summarizeEntityEvent(item.event, formatFieldValue) }), displayedChangeEntries.length > 0 ? (_jsx("div", { className: timelineStyles.eventChanges, children: displayedChangeEntries.map(([field, change]) => (_jsx("div", { className: timelineStyles.eventChange, children: summarizeTaskChange(field, change, formatFieldValue) }, field))) })) : null] }), _jsx("time", { className: timelineStyles.time, dateTime: item.event.createdAt, children: formatDate(item.event.createdAt, {
                                     month: 'short',
                                     day: 'numeric',
                                     hour: '2-digit',

package/dist/components/context/AttachmentPreviewHost.js

@@ -218,5 +218,5 @@ export function AttachmentPreviewHost({ theme }) {
                                                 ? `Copied ${referenceLabel}`
                                                 : `Copy ${referenceLabel}`, className: styles.referenceBadge }))] })] }), _jsx("button", { type: "button", className: "tf-control-icon", "aria-label": "Close preview", title: "Close preview", onClick: () => setPreview(null), children: _jsx(X, { size: 18 }) })] }), _jsxs("div", { className: styles.content, children: [isImage && _jsx("img", { className: styles.image, src: path, alt: attachmentName }), isPdf && (_jsx("iframe", { className: styles.pdf, src: path, title: `Preview ${attachmentName}` })), isText && textLoading && _jsx("div", { className: styles.message, children: "Loading preview\u2026" }), isText && textError && _jsx("div", { className: styles.message, children: textError }), isText && !textLoading && !textError && (isMarkdown
                             ? _jsx("div", { className: styles.textPreview, children: _jsx(Markdown, { variant: "detail", children: textContent }) })
-                            : _jsx("pre", { className: styles.codePreview, children: textContent })), !isImage && !isPdf && !isText && (_jsxs("div", { className: styles.unavailable, children: [_jsx(FileText, { size: 34, "aria-hidden": "true" }), _jsx("strong", { children: "Preview unavailable" }), _jsx("span", { children: "This file type can be opened or downloaded instead." })] }))] }), _jsxs("footer", { className: styles.footer, children: [_jsxs("div", { className: styles.secondaryActions, children: [!isExternal && (_jsxs("a", { className: styles.secondaryLink, href: buildDownloadUrl(path, attachmentName), target: "_blank", rel: "noreferrer", children: [_jsx(Download, { size: 14 }), " Download"] })), (isExternal || (!canOpenImageNotes && !canOpenDocumentManager)) && (_jsxs("a", { className: styles.secondaryLink, href: path, target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLink, { size: 14 }), " Open original"] }))] }), (canOpenImageNotes || canOpenDocumentManager) && (_jsxs("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: openManager, children: [canOpenImageNotes ? _jsx(PencilLine, { size: 14 }) : _jsx(ExternalLink, { size: 14 }), canOpenImageNotes ? 'Open in Image Notes' : 'Open in Documents'] }))] })] }) }), document.body);
+                            : _jsx("pre", { className: styles.codePreview, children: textContent })), !isImage && !isPdf && !isText && (_jsxs("div", { className: styles.unavailable, children: [_jsx(FileText, { size: 34, "aria-hidden": "true" }), _jsx("strong", { children: "Preview unavailable" }), _jsx("span", { children: "This file type can be opened or downloaded instead." })] }))] }), _jsxs("footer", { className: styles.footer, children: [_jsxs("div", { className: styles.secondaryActions, children: [!isExternal && (_jsxs("a", { className: styles.secondaryLink, href: buildDownloadUrl(path, attachmentName), target: "_blank", rel: "noreferrer", children: [_jsx(Download, { size: 14 }), " Download"] })), (isExternal || (!canOpenImageNotes && !canOpenDocumentManager)) && (_jsxs("a", { className: styles.secondaryLink, href: path, target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLink, { size: 14 }), " Open original"] }))] }), (canOpenImageNotes || canOpenDocumentManager) && (_jsxs("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: openManager, children: [canOpenImageNotes ? _jsx(PencilLine, { size: 14 }) : _jsx(ExternalLink, { size: 14 }), canOpenImageNotes ? 'Open in Image Notes' : 'Open'] }))] })] }) }), document.body);
 }

package/dist/components/context/ContextAttachmentManager.d.ts

@@ -11,6 +11,9 @@ export interface ContextAttachmentManagerProps {
     onAddAttachment: (file: AttachmentItem) => void;
     onRemoveAttachment: (index: number) => void;
     onUpdateAttachmentCaption: (index: number, caption: string) => void;
+    cardCoverAssetId?: string | null;
+    onSetCardCover?: (assetId: string | null) => void | Promise<void>;
+    cardCoverDisabled?: boolean;
     readOnly?: boolean;
     defaultExpanded?: boolean;
     supplementalContent?: React.ReactNode;

package/dist/components/context/ContextAttachmentManager.js

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { AlertTriangle, Check, Copy, Download, ExternalLink, Eye, FileUp, Link2, Loader2, MoreHorizontal, PencilLine, Plus, Trash2, X } from 'lucide-react';
+import { createPortal } from 'react-dom';
+import { AlertTriangle, Check, Copy, Download, ExternalLink, Eye, FileUp, Link2, Loader2, MoreHorizontal, PanelTop, PencilLine, Plus, Trash2, X } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
 import { DisclosureSectionHeader } from '../ui/DisclosureSectionHeader';
-import { dispatchOpenMarkdownDocument, isMarkdownContextFile, resolveContextFsPath } from '../../utils/contextFiles';
+import { dispatchOpenMarkdownDocument, isMarkdownContextFile, resolveContextAssetId, resolveContextFsPath } from '../../utils/contextFiles';
 import { canOpenAnnotatedAttachment, dispatchOpenAnnotatedAttachment } from '../../utils/annotatedAttachments';
 import { dispatchTaskforceContextAssetsMutated } from '../../utils/contextAssetEvents';
 import { getDocumentReferenceLabel } from '../../utils/documentReferences';
 import { uploadContextAttachment } from '../../utils/contextAttachmentUpload';
 import { dispatchPreviewContextAttachment } from '../../utils/contextAttachmentPreview';
 import { ReferenceBadgeButton } from '../ui/ReferenceBadgeButton';
+import { DocumentTypeIcon } from '../ui/DocumentTypeIcon';
 const ACCEPTED_CONTEXT_FILE_TYPES = [
     '.png', '.jpg', '.jpeg', '.webp', '.gif',
     '.pdf', '.txt', '.md', '.csv', '.json', '.doc', '.docx',
@@ -75,7 +77,7 @@ function getAttachmentTypeLabel(item) {
     return /^https?:\/\//i.test(path) ? 'LINK' : 'FILE';
 }
 export function ContextAttachmentManager(props) {
-    const { ownerType = 'task', ownerId, ownerReferenceLabel, workspaceId, attachments, onAddAttachment, onRemoveAttachment, onUpdateAttachmentCaption, readOnly = false, defaultExpanded = true, supplementalContent, } = props;
+    const { ownerType = 'task', ownerId, ownerReferenceLabel, workspaceId, attachments, onAddAttachment, onRemoveAttachment, onUpdateAttachmentCaption, cardCoverAssetId = null, onSetCardCover, cardCoverDisabled = false, readOnly = false, defaultExpanded = true, supplementalContent, } = props;
     const inputRef = useRef(null);
     const managerRef = useRef(null);
     const [uploading, setUploading] = useState(false);
@@ -83,10 +85,13 @@ export function ContextAttachmentManager(props) {
     const [linkValue, setLinkValue] = useState('');
     const [linkError, setLinkError] = useState(null);
     const [contextNotice, setContextNotice] = useState(null);
+    const [cardCoverBusyAssetId, setCardCoverBusyAssetId] = useState(null);
     const [showContextUpload, setShowContextUpload] = useState(defaultExpanded);
     const [showAddMenu, setShowAddMenu] = useState(false);
     const [showLinkComposer, setShowLinkComposer] = useState(false);
     const [openActionsIndex, setOpenActionsIndex] = useState(null);
+    const [openImageActionsIndex, setOpenImageActionsIndex] = useState(null);
+    const [imageActionsMenuPosition, setImageActionsMenuPosition] = useState({ top: 0, left: 0 });
     const [captionEditor, setCaptionEditor] = useState(null);
     const [copiedDocumentReference, setCopiedDocumentReference] = useState(null);
     const copyResetTimerRef = useRef(null);
@@ -94,6 +99,9 @@ export function ContextAttachmentManager(props) {
         if (copyResetTimerRef.current !== null)
             window.clearTimeout(copyResetTimerRef.current);
     }, []);
+    useEffect(() => {
+        setCardCoverBusyAssetId(null);
+    }, [ownerId, ownerType, workspaceId]);
     const copyDocumentReference = async (referenceLabel) => {
         try {
             await navigator.clipboard.writeText(referenceLabel);
@@ -121,6 +129,9 @@ export function ContextAttachmentManager(props) {
     const addFirstActionRef = useRef(null);
     const attachmentActionsTriggerRef = useRef(null);
     const attachmentFirstActionRef = useRef(null);
+    const imageActionsTriggerRef = useRef(null);
+    const imageActionsMenuRef = useRef(null);
+    const imageFirstActionRef = useRef(null);
     const captionFocusReturnRef = useRef(null);
     const linkInputRef = useRef(null);
     const contextKeyRef = useRef(new Set());
@@ -171,6 +182,7 @@ export function ContextAttachmentManager(props) {
         setShowAddMenu(false);
         setShowLinkComposer(false);
         setOpenActionsIndex(null);
+        setOpenImageActionsIndex(null);
         setCaptionEditor(null);
         setIsDropActive(false);
         setDragDepth(0);
@@ -217,7 +229,7 @@ export function ContextAttachmentManager(props) {
         return () => window.clearTimeout(timeoutId);
     }, [contextNotice]);
     useEffect(() => {
-        if (!showAddMenu && openActionsIndex === null)
+        if (!showAddMenu && openActionsIndex === null && openImageActionsIndex === null)
             return;
         const handlePointerDown = (event) => {
             const target = event.target;
@@ -227,10 +239,15 @@ export function ContextAttachmentManager(props) {
             if (openActionsIndex !== null && !target?.closest('[data-context-actions-menu="true"]')) {
                 setOpenActionsIndex(null);
             }
+            if (openImageActionsIndex !== null
+                && !imageActionsTriggerRef.current?.contains(target)
+                && !imageActionsMenuRef.current?.contains(target)) {
+                setOpenImageActionsIndex(null);
+            }
         };
         document.addEventListener('pointerdown', handlePointerDown);
         return () => document.removeEventListener('pointerdown', handlePointerDown);
-    }, [openActionsIndex, showAddMenu]);
+    }, [openActionsIndex, openImageActionsIndex, showAddMenu]);
     useEffect(() => {
         if (!showLinkComposer)
             return;
@@ -246,12 +263,45 @@ export function ContextAttachmentManager(props) {
             return;
         attachmentFirstActionRef.current?.focus();
     }, [openActionsIndex]);
+    useEffect(() => {
+        if (openImageActionsIndex === null)
+            return;
+        imageFirstActionRef.current?.focus();
+    }, [openImageActionsIndex]);
+    useLayoutEffect(() => {
+        if (openImageActionsIndex === null)
+            return;
+        const positionMenu = () => {
+            const triggerRect = imageActionsTriggerRef.current?.getBoundingClientRect();
+            if (!triggerRect)
+                return;
+            const menuRect = imageActionsMenuRef.current?.getBoundingClientRect();
+            const menuWidth = menuRect?.width || 150;
+            const menuHeight = menuRect?.height || 108;
+            const gap = 4;
+            const viewportPadding = 8;
+            const left = Math.max(viewportPadding, Math.min(triggerRect.right - menuWidth, window.innerWidth - menuWidth - viewportPadding));
+            const preferredTop = triggerRect.bottom + gap;
+            const top = preferredTop + menuHeight <= window.innerHeight - viewportPadding
+                ? preferredTop
+                : Math.max(viewportPadding, triggerRect.top - menuHeight - gap);
+            setImageActionsMenuPosition({ top, left });
+        };
+        positionMenu();
+        window.addEventListener('resize', positionMenu);
+        window.addEventListener('scroll', positionMenu, true);
+        return () => {
+            window.removeEventListener('resize', positionMenu);
+            window.removeEventListener('scroll', positionMenu, true);
+        };
+    }, [openImageActionsIndex]);
     useEffect(() => {
         if (!readOnly)
             return;
         setShowAddMenu(false);
         setShowLinkComposer(false);
         setOpenActionsIndex(null);
+        setOpenImageActionsIndex(null);
         setCaptionEditor(null);
         setIsDropActive(false);
         setDragDepth(0);
@@ -572,6 +622,7 @@ export function ContextAttachmentManager(props) {
                         setShowAddMenu(false);
                         setShowLinkComposer(false);
                         setOpenActionsIndex(null);
+                        setOpenImageActionsIndex(null);
                         setCaptionEditor(null);
                         setIsDropActive(false);
                         setDragDepth(0);
@@ -623,6 +674,16 @@ export function ContextAttachmentManager(props) {
                                     const isExternalUrl = /^https?:\/\//i.test(path);
                                     const canAnnotate = ownerType === 'task'
                                         && canOpenAnnotatedAttachment(item, { taskId: trimmedOwnerId });
+                                    const assetId = typeof item === 'string' ? '' : String(item.assetId || '').trim();
+                                    const isCardCover = Boolean(assetId && assetId === cardCoverAssetId);
+                                    const canSetCardCover = ownerType === 'task'
+                                        && Boolean(trimmedOwnerId)
+                                        && Boolean(assetId)
+                                        && typeof item !== 'string'
+                                        && item.linkRole === 'image'
+                                        && Boolean(onSetCardCover)
+                                        && !readOnly;
+                                    const hasImageActionMenu = Boolean(fsPath || !isExternalUrl || !readOnly);
                                     return (_jsxs("div", { className: styles.attachmentCard, children: [_jsxs("div", { className: styles.attachmentPreviewContainer, children: [isImage ? (_jsx("button", { type: "button", className: styles.attachmentPreviewButton, "aria-label": `Open ${caption || displayName}`, onClick: () => {
                                                             if (dispatchPreviewContextAttachment(item, {
                                                                 ownerType,
@@ -650,22 +711,56 @@ export function ContextAttachmentManager(props) {
                                                             if (dispatchOpenMarkdownDocument(markdownTarget, fsPath))
                                                                 return;
                                                             window.open(path, '_blank');
-                                                        }, title: "Open file", children: [_jsx(FileUp, { size: 16 }), _jsx("span", { children: caption || fsPath || path.split('/').pop() || 'Context file' })] })), _jsxs("div", { className: styles.brokenImagePlaceholder, children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: "Preview unavailable" })] }), _jsxs("div", { className: styles.attachmentActions, children: [canAnnotate && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, onClick: (e) => {
+                                                        }, title: "Open file", children: [_jsx(FileUp, { size: 16 }), _jsx("span", { children: caption || fsPath || path.split('/').pop() || 'Context file' })] })), _jsxs("div", { className: styles.brokenImagePlaceholder, children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: "Preview unavailable" })] }), _jsxs("div", { className: styles.attachmentActions, children: [canSetCardCover && (_jsx("button", { type: "button", className: `${styles.attachmentActionBtn} ${isCardCover ? styles.attachmentActionBtnActive : ''}`, "aria-pressed": isCardCover, "aria-label": isCardCover ? 'Remove from task card' : 'Show on task card', onClick: (event) => {
+                                                                    event.stopPropagation();
+                                                                    setCardCoverBusyAssetId(assetId);
+                                                                    setUploadError(null);
+                                                                    void Promise.resolve(onSetCardCover?.(isCardCover ? null : assetId))
+                                                                        .then(() => {
+                                                                        setContextNotice(isCardCover
+                                                                            ? 'Removed image from task card.'
+                                                                            : 'Image shown on task card.');
+                                                                    })
+                                                                        .catch((error) => {
+                                                                        setUploadError(error instanceof Error
+                                                                            ? error.message
+                                                                            : 'Unable to update the task card image.');
+                                                                    })
+                                                                        .finally(() => setCardCoverBusyAssetId(null));
+                                                                }, disabled: cardCoverDisabled || cardCoverBusyAssetId !== null, title: cardCoverDisabled
+                                                                    ? 'Attachment is still saving'
+                                                                    : isCardCover ? 'Remove from task card' : 'Show on task card', children: cardCoverBusyAssetId === assetId
+                                                                    ? _jsx(Loader2, { size: 12, className: styles.spinner })
+                                                                    : _jsx(PanelTop, { size: 12 }) })), canAnnotate && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, "aria-label": "Annotate image", onClick: (e) => {
                                                                     e.stopPropagation();
                                                                     dispatchOpenAnnotatedAttachment(item, {
                                                                         taskId: trimmedOwnerId,
                                                                         taskReferenceLabel: ownerReferenceLabel,
                                                                     });
-                                                                }, title: "Annotate", children: _jsx(PencilLine, { size: 12 }) })), fsPath && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, onClick: (e) => {
-                                                                    e.stopPropagation();
-                                                                    navigator.clipboard.writeText(fsPath);
-                                                                }, title: `Copy path: ${fsPath}`, children: _jsx(Copy, { size: 12 }) })), !isExternalUrl && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, onClick: (e) => {
-                                                                    e.stopPropagation();
-                                                                    window.open(buildDownloadUrl(path, caption || displayName), '_blank');
-                                                                }, title: "Download", children: _jsx(Download, { size: 12 }) })), !readOnly && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, onClick: (e) => {
-                                                                    e.stopPropagation();
-                                                                    onRemoveAttachment(idx);
-                                                                }, title: "Delete", children: _jsx(Trash2, { size: 12 }) }))] })] }), captionEditor?.index === idx ? (_jsxs("div", { className: styles.contextCaptionEditor, onBlur: (event) => {
+                                                                }, title: "Annotate", children: _jsx(PencilLine, { size: 12 }) })), hasImageActionMenu && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, "aria-label": `Actions for ${displayName}`, "aria-expanded": openImageActionsIndex === idx, onClick: (event) => {
+                                                                    event.stopPropagation();
+                                                                    imageActionsTriggerRef.current = event.currentTarget;
+                                                                    setOpenActionsIndex(null);
+                                                                    setOpenImageActionsIndex(openImageActionsIndex === idx ? null : idx);
+                                                                }, title: "More actions", children: _jsx(MoreHorizontal, { size: 12 }) })), openImageActionsIndex === idx && createPortal(_jsxs("div", { ref: imageActionsMenuRef, className: `${styles.contextMenu} ${styles.attachmentImageActionsMenu}`, role: "group", "aria-label": `Actions for ${displayName}`, style: imageActionsMenuPosition, onClick: (event) => event.stopPropagation(), onKeyDown: (event) => {
+                                                                    if (event.key !== 'Escape')
+                                                                        return;
+                                                                    event.preventDefault();
+                                                                    event.stopPropagation();
+                                                                    setOpenImageActionsIndex(null);
+                                                                    imageActionsTriggerRef.current?.focus();
+                                                                }, children: [fsPath && (_jsxs("button", { ref: imageFirstActionRef, type: "button", onClick: () => {
+                                                                            void navigator.clipboard.writeText(fsPath);
+                                                                            setOpenImageActionsIndex(null);
+                                                                            window.requestAnimationFrame(() => imageActionsTriggerRef.current?.focus());
+                                                                        }, children: [_jsx(Copy, { size: 14 }), " Copy path"] })), !isExternalUrl && (_jsxs("button", { ref: fsPath ? undefined : imageFirstActionRef, type: "button", onClick: () => {
+                                                                            window.open(buildDownloadUrl(path, caption || displayName), '_blank');
+                                                                            setOpenImageActionsIndex(null);
+                                                                            window.requestAnimationFrame(() => imageActionsTriggerRef.current?.focus());
+                                                                        }, children: [_jsx(Download, { size: 14 }), " Download"] })), !readOnly && (_jsxs("button", { ref: !fsPath && isExternalUrl ? imageFirstActionRef : undefined, type: "button", className: styles.contextDestructiveMenuItem, onClick: () => {
+                                                                            onRemoveAttachment(idx);
+                                                                            setOpenImageActionsIndex(null);
+                                                                        }, children: [_jsx(Trash2, { size: 14 }), " Delete"] }))] }), document.body)] })] }), captionEditor?.index === idx ? (_jsxs("div", { className: styles.contextCaptionEditor, onBlur: (event) => {
                                                     if (!event.currentTarget.contains(event.relatedTarget)) {
                                                         commitCaptionEdit(false);
                                                     }
@@ -700,8 +795,9 @@ export function ContextAttachmentManager(props) {
                                             : { ...item, taskId: trimmedOwnerId })
                                         : item;
                                     const canOpenInDocumentManager = isMarkdownContextFile(markdownTarget, fsPath)
-                                        && Boolean(resolveContextFsPath(markdownTarget, fsPath));
-                                    return (_jsxs("div", { className: styles.documentAttachmentItem, children: [_jsxs("div", { className: styles.documentAttachmentRow, children: [_jsxs("div", { className: styles.documentAttachmentMain, children: [documentReferenceLabel && (_jsx(ReferenceBadgeButton, { label: documentReferenceLabel, copied: copiedDocumentReference === documentReferenceLabel, title: `Copy document reference ${documentReferenceLabel}`, ariaLabel: `Copy document reference ${documentReferenceLabel}`, className: styles.documentAttachmentReference, onClick: () => { void copyDocumentReference(documentReferenceLabel); } })), _jsx("button", { type: "button", className: styles.documentAttachmentLink, onClick: () => {
+                                        && Boolean(resolveContextFsPath(markdownTarget, fsPath)
+                                            || resolveContextAssetId(markdownTarget));
+                                    return (_jsxs("div", { className: styles.documentAttachmentItem, children: [_jsxs("div", { className: styles.documentAttachmentRow, children: [_jsxs("div", { className: styles.documentAttachmentMain, children: [_jsx(DocumentTypeIcon, { label: fileType }), documentReferenceLabel && (_jsx(ReferenceBadgeButton, { label: documentReferenceLabel, copied: copiedDocumentReference === documentReferenceLabel, title: `Copy document reference ${documentReferenceLabel}`, ariaLabel: `Copy document reference ${documentReferenceLabel}`, className: styles.documentAttachmentReference, onClick: () => { void copyDocumentReference(documentReferenceLabel); } })), _jsx("button", { type: "button", className: styles.documentAttachmentLink, onClick: () => {
                                                                     if (dispatchPreviewContextAttachment(item, {
                                                                         ownerType,
                                                                         ownerId: trimmedOwnerId || null,
@@ -712,7 +808,7 @@ export function ContextAttachmentManager(props) {
                                                                     if (dispatchOpenMarkdownDocument(markdownTarget, fsPath))
                                                                         return;
                                                                     window.open(path, '_blank');
-                                                                }, title: displayName, "aria-label": `${caption || displayName} ${fileType}`, children: _jsx("span", { className: styles.documentAttachmentName, children: caption || displayName }) }), _jsxs("span", { className: styles.documentAttachmentType, children: [_jsxs("svg", { className: styles.documentAttachmentTypeOutline, viewBox: "0 0 28 28", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { d: "M2 0.75h18.25l7 7V26q0 1.25-1.25 1.25H2Q0.75 27.25 0.75 26V2Q0.75 0.75 2 0.75Z" }), _jsx("path", { className: styles.documentAttachmentTypeFoldFill, d: "M20.25 0.75v7h7Z" }), _jsx("path", { className: styles.documentAttachmentTypeFoldLine, d: "M20.25 0.75v7h7" })] }), _jsx("span", { className: styles.documentAttachmentTypeLabel, children: fileType })] })] }), (!readOnly || Boolean(fsPath) || !isExternalUrl) && (_jsxs("div", { className: styles.contextMenuControl, "data-context-actions-menu": "true", onKeyDown: (event) => {
+                                                                }, title: displayName, "aria-label": `${caption || displayName} ${fileType}`, children: _jsx("span", { className: styles.documentAttachmentName, children: caption || displayName }) })] }), (!readOnly || Boolean(fsPath) || !isExternalUrl) && (_jsxs("div", { className: styles.contextMenuControl, "data-context-actions-menu": "true", onKeyDown: (event) => {
                                                             if (event.key !== 'Escape' || openActionsIndex !== idx)
                                                                 return;
                                                             event.preventDefault();
@@ -737,7 +833,7 @@ export function ContextAttachmentManager(props) {
                                                                                 window.open(path, '_blank');
                                                                             }
                                                                             setOpenActionsIndex(null);
-                                                                        }, children: [_jsx(ExternalLink, { size: 14 }), " Open in Documents"] })), !readOnly && (_jsxs("button", { type: "button", onClick: () => {
+                                                                        }, children: [_jsx(ExternalLink, { size: 14 }), " Open"] })), !readOnly && (_jsxs("button", { type: "button", onClick: () => {
                                                                             captionFocusReturnRef.current = attachmentActionsTriggerRef.current;
                                                                             startCaptionEdit(idx, caption);
                                                                             setOpenActionsIndex(null);

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