@taskforcehq/taskforce 0.3.328 → 0.3.330

package/dist/components/features/agentConnections/modelConnectionsApi.js

@@ -0,0 +1,129 @@
+import { fetchTaskforceApi } from '../../../utils/taskforceApiClient.js';
+export class ModelConnectionsApiError extends Error {
+    code;
+    status;
+    constructor(message, code, status) {
+        super(message);
+        this.code = code;
+        this.status = status;
+        this.name = 'ModelConnectionsApiError';
+    }
+}
+async function requestJson(path, init, context) {
+    const headers = new Headers(init?.headers || undefined);
+    if (init?.body)
+        headers.set('Content-Type', 'application/json');
+    const workspaceId = String(context.workspaceId || '').trim();
+    if (workspaceId && workspaceId !== 'default')
+        headers.set('x-taskforce-workspace-id', workspaceId);
+    const requestPath = context.resolveApiUrl?.(path) || path;
+    const response = await fetchTaskforceApi(requestPath, {
+        credentials: 'include',
+        ...init,
+        headers,
+    }, context.apiBaseUrl);
+    const payload = await response.json().catch(() => ({}));
+    if (!response.ok || payload.success === false) {
+        throw new ModelConnectionsApiError(String(payload.error || `Model connection request failed (${response.status}).`), payload.code, response.status);
+    }
+    return payload;
+}
+export async function listModelConnections(context) {
+    const payload = await requestJson('/api/taskforce/model-connections', undefined, context);
+    return Array.isArray(payload.connections) ? payload.connections : [];
+}
+export async function loadModelConnectionsSnapshot(context) {
+    const payload = await requestJson('/api/taskforce/model-connections', undefined, context);
+    return {
+        eligible: payload.eligible === true,
+        connections: Array.isArray(payload.connections) ? payload.connections : [],
+    };
+}
+export async function createOpenAiCodexConnection(context) {
+    const payload = await requestJson('/api/taskforce/model-connections', {
+        method: 'POST',
+        body: JSON.stringify({
+            providerKey: 'openai',
+            authenticationType: 'chatgpt_device_code',
+        }),
+    }, context);
+    if (!payload.connection)
+        throw new ModelConnectionsApiError('Model connection response was incomplete.');
+    return payload.connection;
+}
+export async function startDeviceCodeLogin(connectionId, context) {
+    const payload = await requestJson(`/api/taskforce/model-connections/${encodeURIComponent(connectionId)}/login`, { method: 'POST' }, context);
+    if (!payload.login)
+        throw new ModelConnectionsApiError('Device authorization response was incomplete.');
+    return payload.login;
+}
+export async function getDeviceCodeLogin(connectionId, sessionId, context) {
+    const payload = await requestJson(`/api/taskforce/model-connections/${encodeURIComponent(connectionId)}/login/${encodeURIComponent(sessionId)}`, undefined, context);
+    if (!payload.login)
+        throw new ModelConnectionsApiError('Device authorization response was incomplete.');
+    return payload.login;
+}
+export async function cancelDeviceCodeLogin(connectionId, sessionId, context) {
+    const payload = await requestJson(`/api/taskforce/model-connections/${encodeURIComponent(connectionId)}/login/${encodeURIComponent(sessionId)}/cancel`, { method: 'POST' }, context);
+    if (!payload.login)
+        throw new ModelConnectionsApiError('Device authorization response was incomplete.');
+    return payload.login;
+}
+async function runConnectionOperation(connectionId, operation, context) {
+    const payload = await requestJson(`/api/taskforce/model-connections/${encodeURIComponent(connectionId)}/${operation}`, { method: 'POST' }, context);
+    if (!payload.connection)
+        throw new ModelConnectionsApiError('Model connection response was incomplete.');
+    return payload.connection;
+}
+export const verifyModelConnection = (connectionId, context) => (runConnectionOperation(connectionId, 'verify', context));
+export const refreshModelConnection = (connectionId, context) => (runConnectionOperation(connectionId, 'refresh', context));
+export const disconnectModelConnection = (connectionId, context) => (runConnectionOperation(connectionId, 'disconnect', context));
+export async function renameModelConnection(connectionId, displayName, context) {
+    const payload = await requestJson(`/api/taskforce/model-connections/${encodeURIComponent(connectionId)}`, {
+        method: 'PATCH',
+        body: JSON.stringify({ displayName }),
+    }, context);
+    if (!payload.connection)
+        throw new ModelConnectionsApiError('Model connection response was incomplete.');
+    return payload.connection;
+}
+export async function removeModelConnection(connectionId, context) {
+    await requestJson(`/api/taskforce/model-connections/${encodeURIComponent(connectionId)}`, { method: 'DELETE' }, context);
+}
+export async function inspectAgentConnectionBinding(agentId, context) {
+    const workspaceId = encodeURIComponent(String(context.workspaceId || '').trim());
+    const payload = await requestJson(`/api/taskforce/agents/${encodeURIComponent(agentId)}/connection-binding?workspaceId=${workspaceId}`, undefined, context);
+    return payload.binding || { bound: false, available: false, reasonCode: 'MODEL_CONNECTION_REQUIRED' };
+}
+export async function bindAgentConnection(agentId, connectionId, context) {
+    const payload = await requestJson(`/api/taskforce/agents/${encodeURIComponent(agentId)}/connection-binding`, {
+        method: 'PUT',
+        body: JSON.stringify({ workspaceId: context.workspaceId, connectionId }),
+    }, context);
+    if (!payload.binding)
+        throw new ModelConnectionsApiError('Agent connection response was incomplete.');
+    return payload.binding;
+}
+export async function clearAgentConnectionBinding(agentId, context) {
+    await requestJson(`/api/taskforce/agents/${encodeURIComponent(agentId)}/connection-binding`, {
+        method: 'DELETE',
+        body: JSON.stringify({ workspaceId: context.workspaceId }),
+    }, context);
+}
+export function modelConnectionFailureMessage(code, fallback = 'The connection needs to be authorized again.') {
+    switch (String(code || '').trim().toUpperCase()) {
+        case 'MODEL_CONNECTION_DEVICE_CODE_UNAVAILABLE':
+            return 'ChatGPT device authorization is unavailable for this account. Retry later or use another connection.';
+        case 'MODEL_CONNECTION_RATE_LIMITED':
+            return 'ChatGPT temporarily rate limited this connection. Wait a moment, then retry.';
+        case 'MODEL_CONNECTION_LOGIN_LIMIT_REACHED':
+        case 'MODEL_CONNECTION_LOGIN_CAPACITY_REACHED':
+            return 'Device authorization capacity is temporarily full. Wait a moment, then retry.';
+        case 'MODEL_CONNECTION_LOGIN_CANCELLED':
+            return 'Device authorization was cancelled.';
+        case 'MODEL_CONNECTION_LEASE_LOST':
+            return 'The connection changed while authorization was running. Start again.';
+        default:
+            return fallback;
+    }
+}

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;

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

@@ -4,10 +4,14 @@ import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, us
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { GripVertical } from 'lucide-react';
+import { isPlanningTaskTerminal } from './planningTaskArrangement';
 import styles from './PlanningTaskOrderList.module.css';
 function SortableTask(props) {
     const sortable = useSortable({ id: props.task.id, disabled: props.disabled });
-    return (_jsxs("div", { ref: sortable.setNodeRef, className: styles.item, style: { transform: CSS.Transform.toString(sortable.transform), transition: sortable.transition }, children: [_jsx("button", { type: "button", className: styles.grip, disabled: props.disabled, "aria-label": `Reorder ${props.task.title}`, title: "Drag to change execution order", ...sortable.attributes, ...sortable.listeners, children: _jsx(GripVertical, { size: 15, "aria-hidden": "true" }) }), _jsx("div", { className: styles.card, children: props.children })] }));
+    const reorderLabel = props.disabledReason
+        ? `Reorder ${props.task.title} — ${props.disabledReason}`
+        : `Reorder ${props.task.title}`;
+    return (_jsxs("div", { ref: sortable.setNodeRef, className: styles.item, style: { transform: CSS.Transform.toString(sortable.transform), transition: sortable.transition }, children: [_jsx("button", { ref: sortable.setActivatorNodeRef, type: "button", className: styles.grip, disabled: props.disabled, "aria-label": reorderLabel, title: props.disabledReason || 'Drag to change execution order', ...sortable.attributes, ...sortable.listeners, children: _jsx(GripVertical, { size: 15, "aria-hidden": "true" }) }), _jsx("div", { className: styles.card, children: props.children })] }));
 }
 export function PlanningTaskOrderList(props) {
     const [orderedIds, setOrderedIds] = React.useState(() => props.tasks.map((task) => task.id));
@@ -19,7 +23,8 @@ export function PlanningTaskOrderList(props) {
         const byId = new Map(props.tasks.map((task) => [task.id, task]));
         return orderedIds.map((id) => byId.get(id)).filter((task) => Boolean(task));
     }, [orderedIds, props.tasks]);
-    const draggable = props.mode === 'execution' && Boolean(props.onReorder);
+    const hasReorderAction = Boolean(props.onReorder);
+    const draggable = props.mode === 'execution' && hasReorderAction;
     const handleDragEnd = React.useCallback(async (event) => {
         if (!draggable || saving || !event.over || event.active.id === event.over.id)
             return;
@@ -29,8 +34,11 @@ export function PlanningTaskOrderList(props) {
         if (from < 0 || to < 0)
             return;
         const byId = new Map(orderedTasks.map((task) => [task.id, task]));
-        const terminal = (task) => task?.status === 'done' || task?.status === 'cancelled';
-        if (terminal(byId.get(previous[from])) !== terminal(byId.get(previous[to])))
+        const sourceTask = byId.get(previous[from]);
+        const targetTask = byId.get(previous[to]);
+        if (!sourceTask || !targetTask)
+            return;
+        if (isPlanningTaskTerminal(sourceTask) !== isPlanningTaskTerminal(targetTask))
             return;
         const next = arrayMove(previous, from, to);
         setOrderedIds(next);
@@ -45,8 +53,11 @@ export function PlanningTaskOrderList(props) {
             setSaving(false);
         }
     }, [draggable, orderedIds, orderedTasks, props, saving]);
-    if (!draggable) {
+    if (!hasReorderAction) {
         return _jsx("div", { className: `${styles.list} ${props.className || ''}`.trim(), children: props.tasks.map((task) => (_jsx(React.Fragment, { children: props.children(task) }, task.id))) });
     }
-    return (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: (event) => void handleDragEnd(event), children: _jsx(SortableContext, { items: orderedIds, strategy: verticalListSortingStrategy, children: _jsx("div", { className: `${styles.list} ${props.className || ''}`.trim(), "aria-busy": saving || undefined, children: orderedTasks.map((task) => (_jsx(SortableTask, { task: task, disabled: saving, children: props.children(task) }, task.id))) }) }) }));
+    const disabledReason = props.mode === 'execution'
+        ? undefined
+        : 'Switch to Execution order to reorder tasks';
+    return (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: (event) => void handleDragEnd(event), children: _jsx(SortableContext, { items: orderedIds, strategy: verticalListSortingStrategy, children: _jsx("div", { className: `${styles.list} ${props.className || ''}`.trim(), "aria-busy": saving || undefined, children: orderedTasks.map((task) => (_jsx(SortableTask, { task: task, disabled: !draggable || saving, disabledReason: disabledReason || (saving ? 'Saving execution order' : undefined), children: props.children(task) }, task.id))) }) }) }));
 }

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

@@ -15,4 +15,5 @@ export declare const PLANNING_TASK_ARRANGE_OPTIONS: readonly ({
 })[];
 export declare function normalizePlanningTaskArrangeMode(value: unknown): PlanningTaskArrangeMode;
 export declare function mergeVisiblePlanningTaskOrder(allTasks: readonly PlanningTaskPreview[], reorderedVisibleTaskIds: readonly string[]): string[];
+export declare function isPlanningTaskTerminal(task: PlanningTaskPreview): boolean;
 export declare function arrangePlanningTasks(tasks: readonly PlanningTaskPreview[], mode: PlanningTaskArrangeMode): PlanningTaskPreview[];

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

@@ -19,7 +19,7 @@ export function mergeVisiblePlanningTaskOrder(allTasks, reorderedVisibleTaskIds)
     let visibleIndex = 0;
     return allTasks.map((task) => (visible.has(task.id) ? reorderedVisibleTaskIds[visibleIndex++] : task.id));
 }
-function isTerminal(task) {
+export function isPlanningTaskTerminal(task) {
     const status = getStatusDefinition(task.status).value;
     return status === 'done' || status === 'cancelled';
 }
@@ -50,7 +50,7 @@ function arrangeBlockedTasks(tasks, allTasksById) {
     for (const task of tasks) {
         for (const prerequisiteId of task.prerequisiteTaskIds || []) {
             const prerequisite = allTasksById.get(prerequisiteId);
-            if (!prerequisite || isTerminal(prerequisite) || !taskIds.has(prerequisiteId))
+            if (!prerequisite || isPlanningTaskTerminal(prerequisite) || !taskIds.has(prerequisiteId))
                 continue;
             dependentsByPrerequisite.set(prerequisiteId, [
                 ...(dependentsByPrerequisite.get(prerequisiteId) || []),
@@ -85,15 +85,15 @@ function arrangeBlockedTasks(tasks, allTasksById) {
 export function arrangePlanningTasks(tasks, mode) {
     const taskById = new Map(tasks.map((task) => [task.id, task]));
     if (mode === 'ready') {
-        const active = tasks.filter((task) => !isTerminal(task));
+        const active = tasks.filter((task) => !isPlanningTaskTerminal(task));
         const ready = sortByExecutionOrder(active.filter((task) => isReady(task, taskById)));
         const blocked = arrangeBlockedTasks(active.filter((task) => !isReady(task, taskById)), taskById);
-        return [...ready, ...blocked, ...sortByExecutionOrder(tasks.filter(isTerminal))];
+        return [...ready, ...blocked, ...sortByExecutionOrder(tasks.filter(isPlanningTaskTerminal))];
     }
     return tasks.map((task, index) => ({ task, index })).sort((leftEntry, rightEntry) => {
         const left = leftEntry.task;
         const right = rightEntry.task;
-        const terminalComparison = Number(isTerminal(left)) - Number(isTerminal(right));
+        const terminalComparison = Number(isPlanningTaskTerminal(left)) - Number(isPlanningTaskTerminal(right));
         if (terminalComparison)
             return terminalComparison;
         if (mode === 'priority') {

package/dist/components/features/taskforceAgentAssignments/AgentBehaviorAssignments.js

@@ -6,8 +6,8 @@ import { TASKFORCE_AGENT_SKILLS_MUTATED_EVENT, } from '../../../utils/taskforceA
 import taskforceStyles from '../../../Taskforce.module.css';
 import { loadAgentBehaviorCatalogs, } from './agentBehaviorCatalogApi.js';
 import styles from './AgentBehaviorAssignments.module.css';
-function revisionValue(reference) {
-    return reference.resolution === 'pinned' ? String(reference.revision ?? '') : '';
+function versionValue(reference) {
+    return reference.resolution === 'pinned' ? `revision:${String(reference.revision ?? '')}` : 'current';
 }
 function pinReference(reference, revision) {
     return {
@@ -45,6 +45,11 @@ function selectedRevision(value) {
     const numeric = Number(value);
     return Number.isInteger(numeric) && String(numeric) === value ? numeric : value;
 }
+function referenceForVersion(reference, value) {
+    if (value === 'current')
+        return currentReference(reference);
+    return pinReference(reference, selectedRevision(value.slice('revision:'.length)));
+}
 export function AgentBehaviorAssignments({ workspaceId, roleRef, skillRefs, onRoleRefChange, onSkillRefsChange, onManageRoles, onManageSkills, }) {
     const [roles, setRoles] = useState([]);
     const [skills, setSkills] = useState([]);
@@ -113,26 +118,18 @@ export function AgentBehaviorAssignments({ workspaceId, roleRef, skillRefs, onRo
             ...(roleRef.resolution === 'pinned'
                 && selectedRole
                 && !selectedRole.revisions.some((revision) => String(revision.revision) === String(roleRef.revision))
-                ? [`Pinned Role revision ${String(roleRef.revision)} is unavailable.`]
+                ? [`Role version ${String(roleRef.revision)} is unavailable.`]
                 : []),
         ]
         : [];
     return (_jsxs("div", { className: styles.assignments, children: [_jsxs("section", { className: styles.section, "aria-labelledby": "agent-role-heading", children: [_jsxs("div", { className: styles.sectionHeader, children: [_jsxs("div", { className: styles.sectionHeading, children: [_jsx(BriefcaseBusiness, { size: 17 }), _jsxs("div", { children: [_jsx("strong", { id: "agent-role-heading", children: "Role" }), _jsx("small", { children: "Optional reusable professional profile. An Agent can have one Role." })] })] }), _jsx("button", { type: "button", className: taskforceStyles.secondaryHeaderBtn, onClick: onManageRoles, children: "Manage Roles" })] }), _jsxs("div", { className: styles.roleControls, children: [_jsxs("label", { className: taskforceStyles.field, children: [_jsx("span", { className: taskforceStyles.label, children: "Role" }), _jsxs("select", { className: taskforceStyles.select, "aria-label": "Role", value: roleRef?.id || '', disabled: loading, onChange: (event) => {
                                             const id = event.target.value;
                                             onRoleRefChange(id ? { id, resolution: 'current' } : null);
-                                        }, children: [_jsx("option", { value: "", children: "No Role" }), roleRef && !selectedRole ? (_jsxs("option", { value: roleRef.id, children: ["Missing Role \u00B7 ", roleRef.id] })) : null, roles.map((role) => (_jsxs("option", { value: role.id, disabled: role.lifecycleStatus === 'retired', children: [role.definition.name, role.lifecycleStatus === 'retired' ? ' · Retired' : ''] }, role.id)))] })] }), _jsxs("label", { className: taskforceStyles.field, children: [_jsx("span", { className: taskforceStyles.label, children: "Version" }), _jsxs("select", { className: taskforceStyles.select, "aria-label": "Role version", value: roleRef?.resolution || 'current', disabled: !roleRef || !selectedRole, onChange: (event) => {
-                                            if (!roleRef || !selectedRole)
-                                                return;
-                                            if (event.target.value === 'current') {
-                                                onRoleRefChange(currentReference(roleRef));
-                                                return;
-                                            }
-                                            onRoleRefChange(pinReference(roleRef, selectedRole.currentRevision));
-                                        }, children: [_jsx("option", { value: "current", children: "Use latest" }), _jsx("option", { value: "pinned", children: "Pin revision" })] })] }), _jsxs("label", { className: taskforceStyles.field, children: [_jsx("span", { className: taskforceStyles.label, children: "Revision" }), _jsxs("select", { className: taskforceStyles.select, "aria-label": "Role pinned revision", value: roleRef ? revisionValue(roleRef) : '', disabled: !roleRef || roleRef.resolution !== 'pinned', onChange: (event) => {
+                                        }, children: [_jsx("option", { value: "", children: "No Role" }), roleRef && !selectedRole ? (_jsxs("option", { value: roleRef.id, children: ["Missing Role \u00B7 ", roleRef.id] })) : null, roles.map((role) => (_jsxs("option", { value: role.id, disabled: role.lifecycleStatus === 'retired', children: [role.definition.name, role.lifecycleStatus === 'retired' ? ' · Retired' : ''] }, role.id)))] })] }), _jsxs("label", { className: taskforceStyles.field, children: [_jsx("span", { className: taskforceStyles.label, children: "Version" }), _jsxs("select", { className: taskforceStyles.select, "aria-label": "Role version", value: roleRef ? versionValue(roleRef) : 'current', disabled: !roleRef || !selectedRole, onChange: (event) => {
                                             if (!roleRef)
                                                 return;
-                                            onRoleRefChange(pinReference(roleRef, selectedRevision(event.target.value)));
-                                        }, children: [_jsx("option", { value: "", children: "Current" }), roleRef ? availableRevisions(selectedRole, roleRef).map((revision) => (_jsxs("option", { value: revision, children: ["Revision ", revision] }, revision))) : null] })] })] }), selectedRole?.definition.shortDescription ? (_jsx("small", { className: styles.empty, children: selectedRole.definition.shortDescription })) : null, roleIssues.map((message) => (_jsxs("div", { className: styles.issue, role: "alert", children: [_jsx(AlertTriangle, { size: 13 }), _jsxs("span", { children: [message, " Agent execution is blocked until this reference is repaired."] })] }, message)))] }), _jsxs("section", { className: styles.section, "aria-labelledby": "agent-skills-heading", children: [_jsxs("div", { className: styles.sectionHeader, children: [_jsxs("div", { className: styles.sectionHeading, children: [_jsx(Sparkles, { size: 17 }), _jsxs("div", { children: [_jsx("strong", { id: "agent-skills-heading", children: "Skills" }), _jsx("small", { children: "Composable behavior applied in this exact order. Later Skills take precedence when guidance conflicts." })] })] }), _jsx("button", { type: "button", className: taskforceStyles.secondaryHeaderBtn, onClick: onManageSkills, children: "Manage Skills" })] }), _jsxs("div", { className: styles.skillAdd, children: [_jsxs("label", { className: taskforceStyles.field, children: [_jsx("span", { className: taskforceStyles.label, children: "Add Skill" }), _jsxs("select", { className: taskforceStyles.select, "aria-label": "Skill to add", value: skillToAdd, disabled: loading || activeSkillsToAdd.length === 0, onChange: (event) => setSkillToAdd(event.target.value), children: [_jsx("option", { value: "", children: "Select a Skill" }), activeSkillsToAdd.map((skill) => (_jsx("option", { value: skill.id, children: skill.definition.name }, skill.id)))] })] }), _jsx("button", { type: "button", className: "tf-control-icon", disabled: !skillToAdd, "aria-label": "Add selected Skill", title: "Add selected Skill", onClick: () => {
+                                            onRoleRefChange(referenceForVersion(roleRef, event.target.value));
+                                        }, children: [_jsx("option", { value: "current", children: selectedRole ? `Use latest (Version ${selectedRole.currentRevision})` : 'Use latest' }), roleRef ? availableRevisions(selectedRole, roleRef).map((revision) => (_jsxs("option", { value: `revision:${String(revision)}`, children: ["Version ", revision] }, revision))) : null] })] })] }), selectedRole?.definition.shortDescription ? (_jsx("small", { className: styles.empty, children: selectedRole.definition.shortDescription })) : null, roleIssues.map((message) => (_jsxs("div", { className: styles.issue, role: "alert", children: [_jsx(AlertTriangle, { size: 13 }), _jsxs("span", { children: [message, " Agent execution is blocked until this reference is repaired."] })] }, message)))] }), _jsxs("section", { className: styles.section, "aria-labelledby": "agent-skills-heading", children: [_jsxs("div", { className: styles.sectionHeader, children: [_jsxs("div", { className: styles.sectionHeading, children: [_jsx(Sparkles, { size: 17 }), _jsxs("div", { children: [_jsx("strong", { id: "agent-skills-heading", children: "Skills" }), _jsx("small", { children: "Composable behavior applied in this exact order. Later Skills take precedence when guidance conflicts." })] })] }), _jsx("button", { type: "button", className: taskforceStyles.secondaryHeaderBtn, onClick: onManageSkills, children: "Manage Skills" })] }), _jsxs("div", { className: styles.skillAdd, children: [_jsxs("label", { className: taskforceStyles.field, children: [_jsx("span", { className: taskforceStyles.label, children: "Add Skill" }), _jsxs("select", { className: taskforceStyles.select, "aria-label": "Skill to add", value: skillToAdd, disabled: loading || activeSkillsToAdd.length === 0, onChange: (event) => setSkillToAdd(event.target.value), children: [_jsx("option", { value: "", children: "Select a Skill" }), activeSkillsToAdd.map((skill) => (_jsx("option", { value: skill.id, children: skill.definition.name }, skill.id)))] })] }), _jsx("button", { type: "button", className: "tf-control-icon", disabled: !skillToAdd, "aria-label": "Add selected Skill", title: "Add selected Skill", onClick: () => {
                                     if (!skillToAdd || selectedSkillIds.has(skillToAdd))
                                         return;
                                     onSkillRefsChange([...skillRefs, { id: skillToAdd, resolution: 'current' }]);
@@ -145,20 +142,14 @@ export function AgentBehaviorAssignments({ workspaceId, roleRef, skillRefs, onRo
                                 ...(reference.resolution === 'pinned'
                                     && skill
                                     && !skill.revisions.some((revision) => String(revision.revision) === String(reference.revision))
-                                    ? [`Pinned Skill revision ${String(reference.revision)} is unavailable.`]
+                                    ? [`Skill version ${String(reference.revision)} is unavailable.`]
                                     : []),
                             ];
-                            return (_jsxs("li", { children: [_jsxs("div", { className: styles.referenceRow, children: [_jsxs("div", { className: styles.referenceCopy, children: [_jsxs("strong", { children: [index + 1, ". ", skill?.definition.name || `Missing Skill · ${reference.id}`] }), _jsx("small", { children: skill?.definition.shortDescription || reference.id })] }), _jsxs("select", { className: taskforceStyles.select, "aria-label": `${skill?.definition.name || reference.id} version`, value: reference.resolution, disabled: !skill, onChange: (event) => {
-                                                    const next = [...skillRefs];
-                                                    next[index] = event.target.value === 'current'
-                                                        ? currentReference(reference)
-                                                        : pinReference(reference, skill?.revision || 1);
-                                                    onSkillRefsChange(next);
-                                                }, children: [_jsx("option", { value: "current", children: "Use latest" }), _jsx("option", { value: "pinned", children: "Pin revision" })] }), _jsxs("select", { className: taskforceStyles.select, "aria-label": `${skill?.definition.name || reference.id} pinned revision`, value: revisionValue(reference), disabled: reference.resolution !== 'pinned', onChange: (event) => {
+                            return (_jsxs("li", { children: [_jsxs("div", { className: styles.referenceRow, children: [_jsxs("div", { className: styles.referenceCopy, children: [_jsxs("strong", { children: [index + 1, ". ", skill?.definition.name || `Missing Skill · ${reference.id}`] }), _jsx("small", { children: skill?.definition.shortDescription || reference.id })] }), _jsxs("select", { className: taskforceStyles.select, "aria-label": `${skill?.definition.name || reference.id} version`, value: versionValue(reference), disabled: !skill, onChange: (event) => {
                                                     const next = [...skillRefs];
-                                                    next[index] = pinReference(reference, selectedRevision(event.target.value));
+                                                    next[index] = referenceForVersion(reference, event.target.value);
                                                     onSkillRefsChange(next);
-                                                }, children: [_jsx("option", { value: "", children: "Current" }), availableRevisions(skill, reference).map((revision) => (_jsxs("option", { value: revision, children: ["Revision ", revision] }, revision)))] }), _jsxs("div", { className: styles.rowActions, children: [_jsx("button", { type: "button", className: "tf-control-icon tf-control-icon-compact", "aria-label": `Move ${skill?.definition.name || reference.id} up`, disabled: index === 0, onClick: () => {
+                                                }, children: [_jsx("option", { value: "current", children: skill ? `Use latest (Version ${skill.revision})` : 'Use latest' }), availableRevisions(skill, reference).map((revision) => (_jsxs("option", { value: `revision:${String(revision)}`, children: ["Version ", revision] }, revision)))] }), _jsxs("div", { className: styles.rowActions, children: [_jsx("button", { type: "button", className: "tf-control-icon tf-control-icon-compact", "aria-label": `Move ${skill?.definition.name || reference.id} up`, disabled: index === 0, onClick: () => {
                                                             if (index === 0)
                                                                 return;
                                                             const next = [...skillRefs];

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

@@ -1,5 +1,5 @@
 import { type AgentDefinitionV1, type BehaviorReference } from '../../shared/taskforceAgentDefinition.js';
-import { type TaskforceAgentProviderKey } from '../../shared/taskforceAgentModels.js';
+import { type TaskforceAgentProviderKey, type TaskforceAgentConnectionScope } from '../../shared/taskforceAgentModels.js';
 import type { ModelGatewayTier } from '../../services/modelGateway.js';
 export declare const PERSONALITY_PRESETS: readonly [{
     readonly key: "practical";
@@ -104,6 +104,7 @@ export declare function buildTaskforceAgentDefinitionFromDraft(input: {
     providerKey: TaskforceAgentProviderKey;
     modelKey: string;
     tier: ModelGatewayTier;
+    connectionScope?: TaskforceAgentConnectionScope;
 }): AgentDefinitionV1;
 export declare function hasUnsavedAvatarPresentation(definition: AgentDefinitionV1 | null | undefined, draft: TaskforceAgentEditorDraft): boolean;
 export {};

package/dist/components/features/taskforceAgentEditorModel.js

@@ -96,6 +96,7 @@ export function buildTaskforceAgentDefinitionFromDraft(input) {
     const artStyle = selectedAvatarArtStyle(draft.avatarArtStyleSelection, draft.avatarArtStyleCustom);
     const requestedCapabilities = draft.requestedCapabilities
         .filter((capability) => DEFAULT_AGENT_TOOL_CAPABILITY_SET.has(capability));
+    const selectedModel = getTaskforceAgentModel(input.modelKey);
     return {
         ...(baseDefinition || {}),
         schemaVersion: AGENT_DEFINITION_SCHEMA_VERSION,
@@ -104,8 +105,11 @@ export function buildTaskforceAgentDefinitionFromDraft(input) {
         model: {
             providerKey: input.providerKey,
             modelKey: input.modelKey,
-            modelSource: getTaskforceAgentModel(input.modelKey)?.source || 'bedrock',
+            modelSource: selectedModel?.source || 'bedrock',
             tier: input.tier,
+            ...(selectedModel?.source === 'subscription_dev'
+                ? { connectionScope: input.connectionScope || 'local_dev' }
+                : {}),
         },
         behavior: {
             ...(personality ? { personality } : {}),

package/dist/components/features/workflowManager/workflowManagerApi.d.ts

@@ -14,7 +14,7 @@ export declare function getTaskWorkflowAssignment(taskId: string, context?: Work
 export type WorkflowCompletionProjection = {
     executionId: string;
     taskId: string;
-    assignmentSnapshot: unknown;
+    assignmentSnapshot: WorkflowAssignmentDetails;
     taskSnapshot?: TaskItem | null;
     taskAuthoritative?: unknown;
 };

package/dist/components/features/workflowManager/workflowManagerApi.js

@@ -80,6 +80,9 @@ export async function completeCurrentWorkflowStep(executionId, idempotencyKey, c
             taskId: payload.result.taskSnapshot.id,
             reason: 'workflow-step',
             ...(installedTask ? { authoritativeTask: installedTask } : {}),
+            ...(payload.result.assignmentSnapshot
+                ? { authoritativeWorkflowAssignment: payload.result.assignmentSnapshot }
+                : {}),
         });
     }
     return payload.result;

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

@@ -48,6 +48,11 @@ interface TaskCardProps {
     onWorkstreamChange?: (task: TaskItem, workstreamId: string | null) => boolean | void | Promise<boolean | void>;
     compressed?: boolean;
     showStatusLabel?: boolean;
+    showDescription?: boolean;
+    showAttachments?: boolean;
+    showChecklistProgress?: boolean;
+    showLatestActivity?: boolean;
+    tintActivityBackground?: boolean;
 }
 export declare const TaskCard: React.NamedExoticComponent<TaskCardProps>;
 export {};

package/dist/components/task/TaskCard.js

@@ -23,7 +23,55 @@ import { TaxonomyDropdown } from '../ui/TaxonomyDropdown';
 import { AssigneeAvatar, AssigneeIdentity } from '../ui/AssigneeIdentity';
 import { TaskWorkstreamPicker } from './TaskWorkstreamPicker';
 import { DocumentTypeIcon } from '../ui/DocumentTypeIcon';
-const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [], types = [], priorities = [], categories = [], assigneeOptions = [], workstreams = [], taskWorkstream = null, taskInitiative = null, workspaceId = null, isOverlay = false, isArchived = false, readOnlyMode = null, isRecentlyChanged = false, selectable = false, selected = false, onSelectionChange, onClick, onCopyId, onToggleInProgress, onToggleReview, onToggleComplete, onToggleCancel, onSetStatus, onArchiveTask, onUnarchive, onDelete, deleteActionTitle, taskReferences, onAssigneeChange, onWorkstreamChange, compressed = false, showStatusLabel = false }) => {
+function resolveLatestActivityActor(item, assigneeOptions) {
+    if (!item)
+        return null;
+    const actorRef = String(item.type === 'comment' ? item.comment.author : item.event.actor).trim();
+    const actorProfile = item.type === 'comment' ? item.comment.actor : item.event.actorProfile;
+    if (!actorRef && !actorProfile)
+        return null;
+    const normalizedActorRef = actorRef.toLowerCase();
+    const option = assigneeOptions.find((candidate) => (String(candidate.value || '').trim().toLowerCase() === normalizedActorRef));
+    const actorType = item.type === 'comment'
+        ? actorProfile?.kind === 'ai'
+            ? 'ai'
+            : actorProfile?.kind === 'human'
+                ? 'human'
+                : option?.kind === 'agent'
+                    ? 'ai'
+                    : option?.kind === 'member'
+                        ? 'human'
+                        : null
+        : item.event.actorType;
+    const kind = actorType === 'system' || normalizedActorRef === 'system'
+        ? 'system'
+        : actorType === 'ai' || actorProfile?.kind === 'ai' || option?.kind === 'agent'
+            ? 'agent'
+            : 'member';
+    if (kind === 'system')
+        return { label: 'System' };
+    const profileLabel = String(actorProfile?.label || '').trim();
+    const optionLabel = String(option?.label || '').trim();
+    const isGenericActor = !normalizedActorRef
+        || normalizedActorRef === 'user'
+        || normalizedActorRef === 'human'
+        || normalizedActorRef === 'ai';
+    const isOpaqueActor = /^(?:ai-profile|user|member)-[0-9a-f-]{8,}$/i.test(actorRef)
+        || /^[0-9a-f]{16,}$/i.test(actorRef);
+    const readableActorRef = actorRef
+        .replace(/[-_]+/g, ' ')
+        .replace(/\s+/g, ' ')
+        .trim()
+        .replace(/\b\w/g, (character) => character.toUpperCase());
+    const label = profileLabel
+        || optionLabel
+        || (kind === 'agent' && (isGenericActor || isOpaqueActor) ? 'AI Agent' : '')
+        || (isGenericActor || isOpaqueActor ? 'Workspace member' : readableActorRef)
+        || (kind === 'agent' ? 'AI Agent' : 'Workspace member');
+    const color = resolveColor(actorProfile?.color || option?.color);
+    return { label, color };
+}
+const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [], types = [], priorities = [], categories = [], assigneeOptions = [], workstreams = [], taskWorkstream = null, taskInitiative = null, workspaceId = null, isOverlay = false, isArchived = false, readOnlyMode = null, isRecentlyChanged = false, selectable = false, selected = false, onSelectionChange, onClick, onCopyId, onToggleInProgress, onToggleReview, onToggleComplete, onToggleCancel, onSetStatus, onArchiveTask, onUnarchive, onDelete, deleteActionTitle, taskReferences, onAssigneeChange, onWorkstreamChange, compressed = false, showStatusLabel = false, showDescription = true, showAttachments = true, showChecklistProgress = true, showLatestActivity = true, tintActivityBackground = false }) => {
     const taskReference = getTaskReferenceDisplayState(task);
     const taskReferenceLabel = taskReference.label || (taskReference.isProvisional ? 'Pending' : '');
     const isProvisionalReference = taskReference.isProvisional;
@@ -71,7 +119,8 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
             kind,
         };
     }, [assigneeLabel, assigneeOptions, task.assignee]);
-    const latestActivity = React.useMemo(() => getLatestTaskActivity(task), [task]);
+    const latestActivity = React.useMemo(() => task.latestActivity ?? getLatestTaskActivity(task), [task]);
+    const latestActivityActor = React.useMemo(() => resolveLatestActivityActor(latestActivity, assigneeOptions), [assigneeOptions, latestActivity]);
     const resolvedReadOnlyMode = readOnlyMode || (task.isDeleted ? 'deleted' : (isArchived ? 'archived' : null));
     const isReadOnly = resolvedReadOnlyMode !== null;
     const deletedExpiryLabel = React.useMemo(() => {
@@ -99,7 +148,7 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
         return undefined;
     }, [assigneeOptions, initiativeReferenceLabel, taskInitiative, taskWorkstream, workstreamReferenceLabel]);
     const latestActivityText = React.useMemo(() => summarizeTaskActivity(latestActivity, formatActivityFieldValue), [formatActivityFieldValue, latestActivity]);
-    const commentCount = React.useMemo(() => getTaskActivityItems(task).filter((item) => item.type === 'comment').length, [task]);
+    const commentCount = React.useMemo(() => task.commentCount ?? getTaskActivityItems(task).filter((item) => item.type === 'comment').length, [task]);
     const cardClasses = [
         cardStyles.taskItem,
         task.status === 'on-hold' ? cardStyles.onHold : '',
@@ -196,10 +245,9 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
     const toTitleCase = (str) => str.replace(/\b\w/g, t => t.toUpperCase());
     const visibleTaxonomies = getVisibleTaxonomiesForTasks(taxonomies, [task]);
     const checklistItems = task.checklistItems || [];
-    const checklistTotal = checklistItems.length;
-    const checklistCompleted = checklistTotal > 0
-        ? checklistItems.filter(item => item.isCompleted).length
-        : 0;
+    const checklistTotal = task.checklistCount ?? checklistItems.length;
+    const checklistCompleted = task.completedChecklistCount
+        ?? (checklistTotal > 0 ? checklistItems.filter(item => item.isCompleted).length : 0);
     const handleReferenceCopy = (event, label) => {
         event.stopPropagation();
         onCopyId?.(event, label);
@@ -232,6 +280,11 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
     const cardCoverAttachment = (() => {
         if (compressed || isOverlay || !task.cardCoverAssetId)
             return null;
+        if (task.cardCoverAttachment
+            && typeof task.cardCoverAttachment !== 'string'
+            && task.cardCoverAttachment.assetId === task.cardCoverAssetId) {
+            return task.cardCoverAttachment;
+        }
         return (task.attachments || []).find((attachment) => (typeof attachment !== 'string'
             && String(attachment.assetId || '').trim() === task.cardCoverAssetId
             && attachment.linkRole === 'image'
@@ -288,7 +341,7 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
                 }, children: _jsx("img", { src: cardCoverAttachment.path, alt: cardCoverAttachment.caption
                         || cardCoverAttachment.displayName
                         || cardCoverAttachment.originalFilename
-                        || task.title, loading: "lazy", decoding: "async", onError: () => setCardCoverLoadFailed(true) }) })), _jsxs("div", { className: cardStyles.taskContent, children: [/* Meta Badges moved to bottom */ isReadOnly && (_jsx("div", { className: `${cardStyles.taskMeta} ${cardStyles.taskMetaCompact}` })), _jsxs("div", { children: [_jsxs("div", { className: cardStyles.taskTitle, style: compressed ? { fontSize: '13px', lineHeight: '1.4' } : {}, children: [resolvedReadOnlyMode === 'archived' && '✓ ', resolvedReadOnlyMode === 'deleted' && 'Deleted: ', renderHighlighted(task.title, searchQuery)] }), deletedExpiryLabel && (_jsx("div", { className: cardStyles.deletedExpiry, title: "Trash items are permanently deleted 90 days after deletion.", children: deletedExpiryLabel })), task.description && !isReadOnly && !compressed && (_jsx("div", { className: cardStyles.taskDescription, children: _jsx(Markdown, { variant: "compact", taskReferences: taskReferences, children: task.description }) }))] }), cardAttachments.length > 0 && !isReadOnly && !compressed && (_jsxs("div", { className: cardStyles.attachmentThumbnails, children: [_jsx("div", { className: cardStyles.attachmentImageRow, children: cardAttachments.map((attachment, idx) => {
+                        || task.title, loading: "lazy", decoding: "async", onError: () => setCardCoverLoadFailed(true) }) })), _jsxs("div", { className: cardStyles.taskContent, children: [/* Meta Badges moved to bottom */ isReadOnly && (_jsx("div", { className: `${cardStyles.taskMeta} ${cardStyles.taskMetaCompact}` })), _jsxs("div", { children: [_jsxs("div", { className: cardStyles.taskTitle, style: compressed ? { fontSize: '13px', lineHeight: '1.4' } : {}, children: [resolvedReadOnlyMode === 'archived' && '✓ ', resolvedReadOnlyMode === 'deleted' && 'Deleted: ', renderHighlighted(task.title, searchQuery)] }), deletedExpiryLabel && (_jsx("div", { className: cardStyles.deletedExpiry, title: "Trash items are permanently deleted 90 days after deletion.", children: deletedExpiryLabel })), showDescription && task.description && !isReadOnly && !compressed && (_jsx("div", { className: cardStyles.taskDescription, children: _jsx(Markdown, { variant: "compact", taskReferences: taskReferences, children: task.description }) }))] }), showAttachments && cardAttachments.length > 0 && !isReadOnly && !compressed && (_jsxs("div", { className: cardStyles.attachmentThumbnails, children: [_jsx("div", { className: cardStyles.attachmentImageRow, children: cardAttachments.map((attachment, idx) => {
                                     const path = typeof attachment === 'string' ? attachment : attachment.path;
                                     if (!isImageAttachment(attachment))
                                         return null;
@@ -319,7 +372,9 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
                                                 return;
                                             window.open(path, '_blank');
                                         }, title: name, "aria-label": `${name} ${fileType}`, style: { '--context-doc-accent': fileAccentColor }, children: [_jsx(DocumentTypeIcon, { label: fileType, accentColor: fileAccentColor, compact: true }), _jsx("span", { className: cardStyles.contextDocMain, children: _jsx("span", { className: cardStyles.contextDocName, children: name }) })] }, idx));
-                                }) })] })), task.status === 'cancelled' && task.canceledReason && !compressed && (_jsxs("div", { className: cardStyles.taskCancellationReason, children: [_jsx("strong", { children: "Cancellation Reason:" }), " ", renderHighlighted(task.canceledReason, searchQuery)] })), (latestActivityText || commentCount > 0) && !isReadOnly && !compressed && (_jsxs("div", { className: cardStyles.taskLatestComment, "data-task-activity-summary": "true", children: [_jsxs("div", { className: cardStyles.taskLatestCommentHeader, children: [_jsx("strong", { children: latestActivityText ? 'Latest Activity:' : 'Activity:' }), commentCount > 0 && (_jsxs("span", { className: `${styles.metaBadge} ${cardStyles.taskCommentCount}`, title: `${commentCount} ${commentCount === 1 ? 'comment' : 'comments'}`, "aria-label": `${commentCount} ${commentCount === 1 ? 'comment' : 'comments'}`, children: [_jsx(MessageSquare, { size: 12, "aria-hidden": "true" }), _jsx("span", { children: commentCount })] }))] }), latestActivityText && (_jsx("div", { className: cardStyles.taskLatestCommentText, title: latestActivityText, children: renderHighlighted(latestActivityText, searchQuery) }))] })), !isReadOnly && visibleTaxonomies.length > 0 && !compressed && (_jsx("div", { className: `${cardStyles.taskSpecialists} ${cardStyles.taxonomiesList}`, children: visibleTaxonomies.map(tax => {
+                                }) })] })), task.status === 'cancelled' && task.canceledReason && !compressed && (_jsxs("div", { className: cardStyles.taskCancellationReason, children: [_jsx("strong", { children: "Cancellation Reason:" }), " ", renderHighlighted(task.canceledReason, searchQuery)] })), showLatestActivity && (latestActivityText || commentCount > 0) && !isReadOnly && !compressed && (_jsxs("div", { className: `${cardStyles.taskLatestComment} ${tintActivityBackground && latestActivityActor?.color ? cardStyles.taskLatestCommentTinted : ''}`, "data-task-activity-summary": "true", style: latestActivityActor?.color
+                            ? { '--task-activity-accent': latestActivityActor.color }
+                            : undefined, children: [_jsxs("div", { className: cardStyles.taskLatestCommentHeader, children: [_jsxs("div", { className: cardStyles.taskLatestActivityHeading, children: [_jsx("strong", { children: latestActivityText ? 'Latest Activity:' : 'Activity:' }), latestActivityText && latestActivityActor ? (_jsx("span", { className: cardStyles.taskLatestActivityActor, title: latestActivityActor.label, children: latestActivityActor.label })) : null] }), commentCount > 0 && (_jsxs("span", { className: `${styles.metaBadge} ${cardStyles.taskCommentCount}`, title: `${commentCount} ${commentCount === 1 ? 'comment' : 'comments'}`, "aria-label": `${commentCount} ${commentCount === 1 ? 'comment' : 'comments'}`, children: [_jsx(MessageSquare, { size: 12, "aria-hidden": "true" }), _jsx("span", { children: commentCount })] }))] }), latestActivityText && (_jsx("div", { className: cardStyles.taskLatestCommentText, title: latestActivityText, children: renderHighlighted(latestActivityText, searchQuery) }))] })), !isReadOnly && visibleTaxonomies.length > 0 && !compressed && (_jsx("div", { className: `${cardStyles.taskSpecialists} ${cardStyles.taxonomiesList}`, children: visibleTaxonomies.map(tax => {
                             const val = task.taxonomies?.[tax.id];
                             if (!val)
                                 return null;
@@ -364,7 +419,7 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
                                                     const iconName = priorityConfig.icon || 'AlertCircle';
                                                     const IconComp = Icons[iconName] || Icons.AlertCircle;
                                                     return _jsx(IconComp, { size: 14 });
-                                                })() })), checklistTotal > 0 && (_jsxs("span", { className: styles.metaBadge, title: `${checklistCompleted}/${checklistTotal} checklist items complete`, style: {
+                                                })() })), showChecklistProgress && checklistTotal > 0 && (_jsxs("span", { className: styles.metaBadge, title: `${checklistCompleted}/${checklistTotal} checklist items complete`, style: {
                                                     color: 'var(--text-muted)',
                                                     backgroundColor: 'var(--bg-tertiary)',
                                                     borderColor: 'var(--border-primary)',