@taskforcehq/taskforce 0.3.327 → 0.3.329

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

@@ -1,6 +1,6 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+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';
@@ -10,6 +10,7 @@ import { TaxonomyDropdown } from '../../ui/TaxonomyDropdown';
 import { PlanningOwnerDropdown, normalizePlanningOwnerOptions, } from './PlanningOwnerDropdown';
 import { buildPlanningNavigatorResults, PLANNING_NAVIGATOR_SORT_OPTIONS, } from './planningNavigator';
 import { PlanningEntitySummary, PlanningReferenceBadge, } from './PlanningEntitySummary';
+import { PlanningVisualIdentity } from './PlanningVisualIdentity';
 import { PlanningTaskCard } from './PlanningTaskCard';
 import { PlanningTaskArrangeControl } from './PlanningTaskArrangeControl';
 import planningDropdownStyles from './PlanningDropdownControl.module.css';
@@ -29,6 +30,8 @@ function PlanningWorkspaceEditor({ entityType, mode, initialTitle = '', initialD
     const [title, setTitle] = React.useState(initialTitle);
     const [description, setDescription] = React.useState(initialDescription);
     const [ownerId, setOwnerId] = React.useState('');
+    const [icon, setIcon] = React.useState(null);
+    const [color, setColor] = React.useState(null);
     const [titleError, setTitleError] = React.useState(null);
     const [saveError, setSaveError] = React.useState(null);
     const [isSaving, setIsSaving] = React.useState(false);
@@ -57,6 +60,7 @@ function PlanningWorkspaceEditor({ entityType, mode, initialTitle = '', initialD
                 ...(entityType === 'workstream' && mode === 'create'
                     ? { initiativeId: fixedInitiativeId || null }
                     : {}),
+                ...(mode === 'create' && (icon || color) ? { icon, color } : {}),
             });
         }
         catch (error) {
@@ -72,7 +76,12 @@ function PlanningWorkspaceEditor({ entityType, mode, initialTitle = '', initialD
                 return;
             event.preventDefault();
             onCancel();
-        }, noValidate: true, children: [_jsxs("div", { className: styles.workspaceEditorField, children: [_jsxs("label", { htmlFor: titleInputId, children: [label, " title"] }), _jsx("input", { ref: titleInputRef, id: titleInputId, value: title, disabled: isSaving, required: true, "aria-invalid": titleError ? 'true' : undefined, "aria-describedby": titleError ? titleErrorId : undefined, onChange: (event) => {
+        }, noValidate: true, children: [mode === 'create' ? (_jsxs("div", { className: styles.workspaceEditorIdentity, children: [_jsx(PlanningVisualIdentity, { entityType: entityType, entityId: "create-preview", icon: icon, color: color || 'blue', size: "detail", onChange: (patch) => {
+                            if (Object.prototype.hasOwnProperty.call(patch, 'icon'))
+                                setIcon(patch.icon ?? null);
+                            if (Object.prototype.hasOwnProperty.call(patch, 'color'))
+                                setColor(patch.color ?? null);
+                        } }), _jsx("span", { children: "Choose an icon and color" })] })) : null, _jsxs("div", { className: styles.workspaceEditorField, children: [_jsxs("label", { htmlFor: titleInputId, children: [label, " title"] }), _jsx("input", { ref: titleInputRef, id: titleInputId, value: title, disabled: isSaving, required: true, "aria-invalid": titleError ? 'true' : undefined, "aria-describedby": titleError ? titleErrorId : undefined, onChange: (event) => {
                             setTitle(event.target.value);
                             if (titleError)
                                 setTitleError(null);
@@ -80,24 +89,24 @@ function PlanningWorkspaceEditor({ entityType, mode, initialTitle = '', initialD
                             ? 'Describe the broader outcome this initiative is meant to achieve.'
                             : 'Describe the lane of work this workstream will coordinate.' })] }), mode === 'create' && ownerOptions ? (_jsxs("div", { className: styles.workspaceEditorField, children: [_jsxs("span", { children: [label, " owner"] }), _jsx(PlanningOwnerDropdown, { value: ownerId, options: ownerOptions, onChange: setOwnerId, disabled: isSaving, ariaLabel: `${label} owner`, className: `${planningDropdownStyles.control} ${styles.selectedEntityOwnerDropdown}` })] })) : null, saveError ? _jsx("p", { className: "tf-text-error", role: "alert", children: saveError }) : null, showActions ? _jsxs("div", { className: styles.workspaceEditorActions, children: [_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: onCancel, disabled: isSaving, children: "Cancel" }), _jsxs("button", { type: "submit", className: "tf-button-primary tf-button-compact", disabled: isSaving, children: [isSaving ? _jsx(Loader2, { size: 14, className: styles.spinner, "aria-hidden": "true" }) : null, mode === 'create' ? `Create ${label}` : 'Save'] })] }) : null] }));
 }
-function InitiativeButton({ initiative, ownerOption, ownerOptions, workstreamCount, selected, onSelect, onChangeOwner, }) {
+function InitiativeButton({ initiative, ownerOption, ownerOptions, workstreamCount, selected, onSelect, onChangeOwner, onChangeIdentity, }) {
     return (_jsxs("div", { className: `${styles.entityCard} ${initiative.isArchived ? styles.entityCardArchived : ''} ${selected ? styles.entityCardSelected : ''}`.trim(), children: [_jsx(PlanningReferenceBadge, { label: formatInitiativeReference(initiative), entityType: "initiative", entityName: initiative.title, interactive: false }), _jsx("div", { className: styles.entityCardBody, children: _jsx("div", { role: "button", tabIndex: 0, className: styles.entityCardContentButton, onClick: onSelect, onKeyDown: (event) => {
                         if (event.key !== 'Enter' && event.key !== ' ')
                             return;
                         event.preventDefault();
                         onSelect();
-                    }, "aria-pressed": selected, children: _jsx(PlanningEntitySummary, { item: initiative, entityType: "initiative", workstreamCount: workstreamCount, ownerOption: ownerOption, ownerOptions: ownerOptions, onChangeOwner: onChangeOwner }) }) })] }));
+                    }, "aria-pressed": selected, children: _jsx(PlanningEntitySummary, { item: initiative, entityType: "initiative", workstreamCount: workstreamCount, ownerOption: ownerOption, ownerOptions: ownerOptions, onChangeOwner: onChangeOwner, onChangeIdentity: onChangeIdentity }) }) })] }));
 }
-function WorkstreamButton({ workstream, ownerOption, ownerOptions, selected, onSelect, onChangeOwner, referenceAction, feedback, }) {
+function WorkstreamButton({ workstream, ownerOption, ownerOptions, selected, onSelect, onChangeOwner, onChangeIdentity, referenceAction, feedback, }) {
     const referenceLabel = formatWorkstreamReference(workstream);
     return (_jsxs("div", { className: `${styles.entityCard} ${workstream.isArchived ? styles.entityCardArchived : ''} ${selected ? styles.entityCardSelected : ''}`.trim(), children: [_jsxs("div", { className: styles.entityCardTopRow, children: [referenceAction, _jsx(PlanningReferenceBadge, { label: referenceLabel || 'Reference pending', entityType: "workstream", entityName: workstream.title, interactive: false, pending: !referenceLabel })] }), feedback, _jsx("div", { className: styles.entityCardBody, children: _jsx("div", { role: "button", tabIndex: 0, className: styles.entityCardContentButton, onClick: onSelect, onKeyDown: (event) => {
                         if (event.key !== 'Enter' && event.key !== ' ')
                             return;
                         event.preventDefault();
                         onSelect();
-                    }, "aria-pressed": selected, children: _jsx(PlanningEntitySummary, { item: workstream, entityType: "workstream", ownerOption: ownerOption, ownerOptions: ownerOptions, onChangeOwner: onChangeOwner }) }) })] }));
+                    }, "aria-pressed": selected, children: _jsx(PlanningEntitySummary, { item: workstream, entityType: "workstream", ownerOption: ownerOption, ownerOptions: ownerOptions, onChangeOwner: onChangeOwner, onChangeIdentity: onChangeIdentity }) }) })] }));
 }
-function SelectedEntityContext({ item, entityType, ownerOptions, onChangeOwner, workspaceId, currentActorId, taskReferences, hydrationState, onRetryHydration, onAddContextFile, onRemoveContextFile, onUpdateContextCaption, onUpdate, onArchive, onUnarchive, referenceAction, relationshipActions, relationshipContent, }) {
+function SelectedEntityContext({ item, entityType, ownerOptions, onChangeOwner, onChangeIdentity, workspaceId, currentActorId, taskReferences, hydrationState, onRetryHydration, onAddContextFile, onRemoveContextFile, onUpdateContextCaption, onUpdate, onArchive, onUnarchive, referenceAction, relationshipActions, relationshipContent, }) {
     const label = entityType === 'initiative' ? 'Initiative' : 'Workstream';
     const referenceLabel = entityType === 'initiative'
         ? formatInitiativeReference(item)
@@ -181,7 +190,9 @@ function SelectedEntityContext({ item, entityType, ownerOptions, onChangeOwner,
             setArchiveBusy(false);
         }
     };
-    return (_jsxs("section", { className: `${styles.selectedEntityContext} ${item.isArchived ? styles.selectedEntityContextArchived : ''}`.trim(), "aria-label": `Selected ${label.toLowerCase()}`, "aria-busy": hydrationState?.status === 'loading', children: [_jsxs("div", { className: styles.selectedEntityReferenceRow, children: [_jsxs("div", { className: styles.selectedEntityReferenceIdentity, children: [referenceAction, _jsx(PlanningReferenceBadge, { label: referenceLabel || 'Reference pending', entityType: entityType, entityName: item.title, interactive: false, pending: !referenceLabel })] }), _jsxs("div", { className: styles.selectedEntityReferenceActions, children: [_jsx("span", { children: label }), relationshipActions, !isEditing && (onArchive || onUnarchive) ? (_jsx("button", { type: "button", className: "tf-control-icon", disabled: archiveBusy
+    return (_jsxs("section", { className: `${styles.selectedEntityContext} ${item.isArchived ? styles.selectedEntityContextArchived : ''}`.trim(), "aria-label": `Selected ${label.toLowerCase()}`, "aria-busy": hydrationState?.status === 'loading', children: [_jsxs("div", { className: styles.selectedEntityReferenceRow, children: [_jsxs("div", { className: styles.selectedEntityReferenceIdentity, children: [_jsx(PlanningVisualIdentity, { entityType: entityType, entityId: item.id, icon: item.icon, color: item.color, size: "detail", disabled: Boolean(item.isArchived), onChange: onChangeIdentity
+                                    ? (patch) => onChangeIdentity(entityType, item.id, patch)
+                                    : undefined }), referenceAction, _jsx(PlanningReferenceBadge, { label: referenceLabel || 'Reference pending', entityType: entityType, entityName: item.title, interactive: false, pending: !referenceLabel })] }), _jsxs("div", { className: styles.selectedEntityReferenceActions, children: [_jsx("span", { children: label }), relationshipActions, !isEditing && (onArchive || onUnarchive) ? (_jsx("button", { type: "button", className: "tf-control-icon", disabled: archiveBusy
                                     || archiveState.mode === 'blocked'
                                     || archiveState.mode === 'checking'
                                     || (archiveState.mode === 'archived' ? !onUnarchive : !onArchive), onClick: () => void handleArchiveAction(), "aria-label": archiveActionLabel, title: archiveActionLabel, "aria-expanded": archiveState.mode === 'ready'
@@ -212,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);
@@ -338,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);
@@ -423,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 {
@@ -500,12 +508,16 @@ export function PlanningModule({ model }) {
     return (_jsxs("main", { className: styles.module, "aria-label": "Planning workspace", "aria-busy": model.loadState.isRefreshing, children: [model.loadState.isRefreshing ? (_jsx("span", { className: styles.visuallyHidden, role: "status", "aria-live": "polite", children: "Refreshing planning" })) : null, (model.loadState.status === 'partial' || model.loadState.status === 'error') && (_jsxs("div", { className: styles.inlineError, role: "alert", children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: model.loadState.error || 'Some planning information could not be loaded.' }), _jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: model.retry, children: "Retry" })] })), _jsxs("div", { className: styles.columns, "data-active-pane": activePane, children: [_jsxs("section", { className: `${styles.column} ${styles.columnPortfolio} ${activePane === 'portfolio' ? styles.columnActive : ''}`.trim(), "aria-labelledby": "planning-portfolio-heading", children: [_jsxs("div", { className: styles.columnHeader, children: [_jsx("h2", { ref: portfolioHeadingRef, id: "planning-portfolio-heading", className: `tf-heading-section ${styles.paneHeading}`, tabIndex: -1, children: "Portfolio" }), _jsxs("div", { className: styles.headerActions, children: [_jsx("span", { children: visibleInitiatives.length + visibleStandaloneWorkstreams.length }), _jsx("button", { type: "button", className: `tf-control-icon ${showArchivedPlanning ? styles.controlActive : ''}`.trim(), onClick: () => setShowArchivedPlanning((current) => !current), disabled: !hasArchivedPlanning, "aria-label": showArchivedPlanning ? 'Hide archived planning items' : 'Show archived planning items', "aria-pressed": showArchivedPlanning, title: hasArchivedPlanning ? (showArchivedPlanning ? 'Hide archived planning items' : 'Show archived planning items') : 'No archived planning items', children: showArchivedPlanning ? _jsx(EyeOff, { size: 15, "aria-hidden": "true" }) : _jsx(Eye, { size: 15, "aria-hidden": "true" }) })] })] }), _jsxs("div", { className: styles.portfolioControls, children: [_jsxs("div", { className: styles.searchRow, children: [_jsxs("div", { className: styles.searchShell, children: [_jsx(Search, { size: 14, "aria-hidden": "true" }), _jsx("input", { type: "search", value: searchQuery, onChange: (event) => setSearchQuery(event.target.value), placeholder: "Search initiatives and workstreams", "aria-label": "Search planning" }), searchQuery ? (_jsx("button", { type: "button", className: styles.clearSearch, onClick: () => setSearchQuery(''), "aria-label": "Clear planning search", title: "Clear search", children: _jsx(X, { size: 13, "aria-hidden": "true" }) })) : null] }), _jsx("button", { type: "button", className: `tf-control-icon ${filtersExpanded || ownerFilter !== 'all' || sort !== 'default' ? styles.controlActive : ''}`.trim(), "aria-label": "Filter and sort planning", title: "Filter and sort planning", "aria-expanded": filtersExpanded, "aria-controls": "planning-workspace-navigator-options", onClick: () => setFiltersExpanded((current) => !current), children: _jsx(Filter, { size: 15, "aria-hidden": "true" }) })] }), filtersExpanded ? (_jsxs("div", { id: "planning-workspace-navigator-options", className: styles.filterPanel, children: [_jsxs("div", { className: styles.filterField, children: [_jsx("span", { className: styles.filterLabel, children: "Owner" }), _jsx(PlanningOwnerDropdown, { value: ownerFilter, options: model.assigneeOptions, leadingOptions: ownerFilterLeadingOptions, includeUnassigned: false, onChange: setOwnerFilter, disabled: false, ariaLabel: "Filter planning by owner", className: styles.filterDropdown })] }), _jsxs("div", { className: styles.filterField, children: [_jsx("span", { className: styles.filterLabel, children: "Sort" }), _jsx(TaxonomyDropdown, { value: sort, options: PLANNING_NAVIGATOR_SORT_OPTIONS, onChange: (value) => setSort(String(value)), ariaLabel: "Sort planning", className: styles.filterDropdown, portalPanel: true, panelAlign: "start", triggerContent: (_jsxs("span", { className: styles.sortTrigger, children: [_jsx(ArrowUpDown, { size: 14, "aria-hidden": "true" }), _jsx("span", { children: PLANNING_NAVIGATOR_SORT_OPTIONS.find((option) => option.value === sort)?.label })] })), renderOptionContent: (option) => option.label })] }), _jsx("button", { type: "button", className: "tf-control-icon", onClick: clearNavigator, disabled: !hasAdjustedNavigator, "aria-label": "Reset planning filters and sort", title: "Reset planning filters and sort", children: _jsx(RotateCcw, { size: 14, "aria-hidden": "true" }) })] })) : null] }), _jsxs("div", { className: styles.scrollRegion, children: [_jsxs("div", { className: styles.sectionHeadingRow, children: [_jsx("h3", { className: `tf-heading-section ${styles.sectionLabel}`, children: "Initiatives" }), model.createEntity ? (_jsx("button", { type: "button", className: "tf-control-icon", onClick: () => setCreateState({ entityType: 'initiative' }), "aria-label": "Create initiative", title: "Create initiative", children: _jsx(Plus, { size: 15, "aria-hidden": "true" }) })) : null] }), createState?.entityType === 'initiative' ? (_jsx(PlanningWorkspaceEditor, { entityType: "initiative", mode: "create", ownerOptions: model.assigneeOptions, onCancel: () => setCreateState(null), onSave: createPlanningEntity })) : null, navigatorResults.initiatives.map(({ initiative, workstreams: resultWorkstreams }) => {
                                         return (_jsx(InitiativeButton, { initiative: initiative, workstreamCount: resultWorkstreams.length, ownerOption: initiative.ownerId ? assigneeOptionByValue.get(initiative.ownerId) : undefined, ownerOptions: model.assigneeOptions, selected: selectedInitiativeId === initiative.id, onSelect: () => selectInitiative(initiative.id), onChangeOwner: model.changeOwner
                                                 ? (ownerId) => model.changeOwner?.('initiative', initiative.id, ownerId === 'unassigned' ? '' : ownerId)
+                                                : undefined, onChangeIdentity: model.changeIdentity
+                                                ? (patch) => model.changeIdentity?.('initiative', initiative.id, patch)
                                                 : undefined }, initiative.id));
                                     }), _jsxs("div", { className: styles.sectionHeadingRow, children: [_jsx("h3", { className: `tf-heading-section ${styles.sectionLabel}`, children: "Standalone workstreams" }), model.createEntity ? (_jsx("button", { type: "button", className: "tf-control-icon", onClick: () => setCreateState({ entityType: 'workstream', initiativeId: null }), "aria-label": "Create standalone workstream", title: "Create standalone workstream", children: _jsx(Plus, { size: 15, "aria-hidden": "true" }) })) : null] }), createState?.entityType === 'workstream' && !createState.initiativeId ? (_jsx(PlanningWorkspaceEditor, { entityType: "workstream", mode: "create", ownerOptions: model.assigneeOptions, fixedInitiativeId: null, onCancel: () => setCreateState(null), onSave: createPlanningEntity })) : null, visibleStandaloneWorkstreams.map((workstream) => (_jsx(WorkstreamButton, { workstream: workstream, ownerOption: workstream.ownerId ? assigneeOptionByValue.get(workstream.ownerId) : undefined, ownerOptions: model.assigneeOptions, selected: selectedWorkstreamId === workstream.id, onSelect: () => selectWorkstream(workstream), onChangeOwner: model.changeOwner
                                             ? (ownerId) => model.changeOwner?.('workstream', workstream.id, ownerId === 'unassigned' ? '' : ownerId)
+                                            : undefined, onChangeIdentity: model.changeIdentity
+                                            ? (patch) => model.changeIdentity?.('workstream', workstream.id, patch)
                                             : undefined }, workstream.id))), visibleInitiatives.length === 0 && visibleStandaloneWorkstreams.length === 0 && (_jsx("p", { className: `tf-text-helper ${styles.empty}`, children: navigatorResults.hasCriteria ? 'No planning matches.' : 'No planning items yet.' }))] })] }), _jsxs("section", { className: `${styles.column} ${styles.columnWorkstreams} ${activePane === 'workstreams' ? styles.columnActive : ''}`.trim(), "aria-labelledby": "planning-workstreams-heading", children: [_jsxs("div", { className: styles.columnHeader, children: [_jsxs("div", { className: styles.columnHeadingGroup, children: [_jsx("button", { type: "button", className: `tf-control-icon ${styles.responsiveBack}`.trim(), onClick: () => navigateToPane('portfolio'), "aria-label": "Back to Portfolio", title: "Back to Portfolio", children: _jsx(ChevronLeft, { size: 15, "aria-hidden": "true" }) }), _jsxs("h2", { ref: workstreamsHeadingRef, id: "planning-workstreams-heading", className: `tf-heading-section ${styles.paneHeading}`, tabIndex: -1, children: ["Workstreams (", workstreams.length, ")"] })] }), _jsx("div", { className: styles.headerActions, children: selectedInitiative && model.createEntity ? (_jsx("button", { type: "button", className: "tf-control-icon", onClick: () => setCreateState({ entityType: 'workstream', initiativeId: selectedInitiative.id }), "aria-label": `Create workstream in ${selectedInitiative.title}`, title: "Create workstream", children: _jsx(Plus, { size: 15, "aria-hidden": "true" }) })) : null })] }), _jsxs("div", { className: styles.scrollRegion, children: [selectedInitiative ? (_jsxs(_Fragment, { children: [_jsx(SelectedEntityContext, { item: selectedInitiative, entityType: "initiative", ownerOptions: model.assigneeOptions, onChangeOwner: model.changeOwner
                                                     ? (ownerId) => model.changeOwner?.('initiative', selectedInitiative.id, ownerId)
-                                                    : undefined, workspaceId: model.currentWorkspaceId, currentActorId: model.currentOwnerId, taskReferences: model.taskReferences, hydrationState: selectedWorkstream ? undefined : selectedEntityHydrationState, onRetryHydration: model.hydrateEntity
+                                                    : undefined, onChangeIdentity: model.changeIdentity, workspaceId: model.currentWorkspaceId, currentActorId: model.currentOwnerId, taskReferences: model.taskReferences, hydrationState: selectedWorkstream ? undefined : selectedEntityHydrationState, onRetryHydration: model.hydrateEntity
                                                     ? () => { void model.hydrateEntity?.('initiative', selectedInitiative.id); }
                                                     : undefined, onAddContextFile: model.addContextFile, onRemoveContextFile: model.removeContextFile, onUpdateContextCaption: model.updateContextCaption, onUpdate: model.updateEntity
                                                     ? (input) => model.updateEntity('initiative', selectedInitiative.id, input)
@@ -515,6 +527,8 @@ export function PlanningModule({ model }) {
                                                     ? () => model.unarchiveEntity('initiative', selectedInitiative.id)
                                                     : undefined }), _jsx(PlanningLinkPicker, { options: availableWorkstreamLinks, entityLabel: "workstream", onSelect: (option) => attachRelationship('workstream', option), disabled: !model.attachWorkstreamToInitiative || isChangingRelationship })] })) : null, createState?.entityType === 'workstream' && createState.initiativeId === selectedInitiative?.id ? (_jsx(PlanningWorkspaceEditor, { entityType: "workstream", mode: "create", ownerOptions: model.assigneeOptions, fixedInitiativeId: selectedInitiative.id, onCancel: () => setCreateState(null), onSave: createPlanningEntity })) : null, workstreams.map((workstream) => (_jsx(WorkstreamButton, { workstream: workstream, ownerOption: workstream.ownerId ? assigneeOptionByValue.get(workstream.ownerId) : undefined, ownerOptions: model.assigneeOptions, selected: selectedWorkstreamId === workstream.id, onSelect: () => selectWorkstream(workstream), onChangeOwner: model.changeOwner
                                             ? (ownerId) => model.changeOwner?.('workstream', workstream.id, ownerId === 'unassigned' ? '' : ownerId)
+                                            : undefined, onChangeIdentity: model.changeIdentity
+                                            ? (patch) => model.changeIdentity?.('workstream', workstream.id, patch)
                                             : undefined, referenceAction: selectedInitiative ? (_jsx(HierarchyActionBadge, { disabled: !model.assignWorkstreamToInitiative || isChangingRelationship, onClick: () => setPendingUnlink({
                                                 entityType: 'workstream',
                                                 id: workstream.id,
@@ -545,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/PlanningVisualIdentity.d.ts

@@ -0,0 +1,14 @@
+import { type PlanningIdentityColor, type PlanningIdentityEntityType, type PlanningIdentityIcon } from '../../../shared/planningIdentity';
+export type PlanningIdentityPatch = {
+    icon?: PlanningIdentityIcon | null;
+    color?: PlanningIdentityColor | null;
+};
+export declare function PlanningVisualIdentity({ entityType, entityId, icon, color, disabled, size, onChange, }: {
+    entityType: PlanningIdentityEntityType;
+    entityId: string;
+    icon?: PlanningIdentityIcon | null;
+    color?: PlanningIdentityColor | null;
+    disabled?: boolean;
+    size?: 'card' | 'inline' | 'detail';
+    onChange?: (patch: PlanningIdentityPatch) => void | Promise<void>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { BookOpen, Briefcase, Bug, Camera, Code, Compass, Flag, FlaskConical, Folder, Globe, Heart, Landmark, Layers, Lightbulb, Map, Music, Palette, Rocket, Route, Shield, Sparkles, Target, Users, Wrench, } from 'lucide-react';
+import { PLANNING_IDENTITY_COLORS, PLANNING_IDENTITY_ICONS, planningIdentityColorToken, resolvePlanningIdentity, } from '../../../shared/planningIdentity';
+import styles from './PlanningVisualIdentity.module.css';
+const ICONS = {
+    Target, Route, Flag, Rocket, Briefcase, Folder, Layers, Map, Compass, Landmark,
+    BookOpen, Lightbulb, Wrench, Shield, Bug, Palette, Camera, Music, Heart, Globe,
+    Users, Sparkles, FlaskConical, Code,
+};
+export function PlanningVisualIdentity({ entityType, entityId, icon, color, disabled = false, size = 'card', onChange, }) {
+    const [open, setOpen] = React.useState(false);
+    const [pending, setPending] = React.useState(false);
+    const [optimisticPatch, setOptimisticPatch] = React.useState(null);
+    const [portalTheme, setPortalTheme] = React.useState();
+    const [popoverPosition, setPopoverPosition] = React.useState({ top: 0, left: 0 });
+    const rootRef = React.useRef(null);
+    const triggerRef = React.useRef(null);
+    const popoverRef = React.useRef(null);
+    const optimisticIcon = optimisticPatch && Object.prototype.hasOwnProperty.call(optimisticPatch, 'icon')
+        ? optimisticPatch.icon
+        : icon;
+    const optimisticColor = optimisticPatch && Object.prototype.hasOwnProperty.call(optimisticPatch, 'color')
+        ? optimisticPatch.color
+        : color;
+    const resolved = resolvePlanningIdentity({
+        entityType,
+        entityId,
+        icon: optimisticIcon,
+        color: optimisticColor,
+    });
+    const Icon = ICONS[resolved.icon];
+    const editable = !disabled && Boolean(onChange);
+    React.useEffect(() => {
+        if (!open)
+            return undefined;
+        const close = (event) => {
+            const target = event.target;
+            if (!rootRef.current?.contains(target) && !popoverRef.current?.contains(target))
+                setOpen(false);
+        };
+        document.addEventListener('pointerdown', close);
+        return () => document.removeEventListener('pointerdown', close);
+    }, [open]);
+    React.useLayoutEffect(() => {
+        if (!open)
+            return undefined;
+        const positionPopover = () => {
+            const triggerRect = triggerRef.current?.getBoundingClientRect();
+            if (!triggerRect)
+                return;
+            setPortalTheme(triggerRef.current?.closest('[data-theme]')?.dataset.theme);
+            const popoverRect = popoverRef.current?.getBoundingClientRect();
+            const width = popoverRect?.width || 248;
+            const height = popoverRect?.height || 320;
+            const gap = 8;
+            const viewportPadding = 8;
+            const left = Math.max(viewportPadding, Math.min(triggerRect.left, window.innerWidth - width - viewportPadding));
+            const preferredTop = triggerRect.bottom + gap;
+            const top = preferredTop + height <= window.innerHeight - viewportPadding
+                ? preferredTop
+                : Math.max(viewportPadding, triggerRect.top - height - gap);
+            setPopoverPosition({ top, left });
+        };
+        positionPopover();
+        window.addEventListener('resize', positionPopover);
+        window.addEventListener('scroll', positionPopover, true);
+        return () => {
+            window.removeEventListener('resize', positionPopover);
+            window.removeEventListener('scroll', positionPopover, true);
+        };
+    }, [open]);
+    React.useEffect(() => {
+        if (!optimisticPatch)
+            return;
+        const iconSettled = !Object.prototype.hasOwnProperty.call(optimisticPatch, 'icon')
+            || (optimisticPatch.icon ?? null) === (icon ?? null);
+        const colorSettled = !Object.prototype.hasOwnProperty.call(optimisticPatch, 'color')
+            || (optimisticPatch.color ?? null) === (color ?? null);
+        if (iconSettled && colorSettled)
+            setOptimisticPatch(null);
+    }, [color, icon, optimisticPatch]);
+    const commit = async (patch) => {
+        if (!onChange || pending)
+            return;
+        setOptimisticPatch((current) => ({ ...current, ...patch }));
+        setPending(true);
+        try {
+            await onChange(patch);
+        }
+        catch {
+            setOptimisticPatch(null);
+        }
+        finally {
+            setPending(false);
+        }
+    };
+    const marker = (_jsx("span", { className: `${styles.marker} ${styles[size]} ${disabled ? styles.disabled : ''}`.trim(), style: { color: planningIdentityColorToken(resolved.color) }, "aria-hidden": "true", children: _jsx(Icon, { size: size === 'detail' ? 26 : size === 'inline' ? 18 : 24, strokeWidth: 1.9 }) }));
+    if (!editable)
+        return marker;
+    return (_jsxs("div", { ref: rootRef, className: styles.root, onClick: (event) => event.stopPropagation(), children: [_jsx("button", { ref: triggerRef, type: "button", className: styles.trigger, onClick: () => setOpen((current) => !current), onKeyDown: (event) => event.stopPropagation(), "aria-label": `Change ${entityType} icon and color`, "aria-expanded": open, disabled: pending, children: marker }), open ? createPortal((_jsxs("div", { ref: popoverRef, className: styles.popover, role: "dialog", "aria-label": `${entityType} icon and color`, "aria-busy": pending, "data-theme": portalTheme, style: popoverPosition, onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation(), children: [_jsx("div", { className: styles.colorGrid, "aria-label": "Colors", children: PLANNING_IDENTITY_COLORS.map((option) => (_jsx("button", { type: "button", className: `${styles.colorOption} ${resolved.color === option ? styles.selected : ''}`.trim(), style: { backgroundColor: planningIdentityColorToken(option) }, onClick: () => void commit({ color: option }), "aria-label": `${option} color`, "aria-pressed": resolved.color === option, disabled: pending }, option))) }), _jsx("div", { className: styles.divider }), _jsx("div", { className: styles.iconGrid, "aria-label": "Icons", children: PLANNING_IDENTITY_ICONS.map((option) => {
+                            const OptionIcon = ICONS[option];
+                            return (_jsx("button", { type: "button", className: `${styles.iconOption} ${resolved.icon === option ? styles.selected : ''}`.trim(), onClick: () => void commit({ icon: option }), "aria-label": option, "aria-pressed": resolved.icon === option, disabled: pending, children: _jsx(OptionIcon, { size: 18, strokeWidth: 1.8 }) }, option));
+                        }) }), _jsx("div", { className: styles.divider }), _jsx("button", { type: "button", className: styles.reset, onClick: () => void commit({ icon: null, color: null }), disabled: !resolved.customized || pending, children: "Reset to default" })] })), document.body) : null] }));
+}

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/planning/planningWorkspaceModel.d.ts

@@ -3,6 +3,7 @@ import type { TaskAssigneeOption } from '../../../utils/assignees';
 import type { TaskReferenceContract } from '../../../utils/taskReferences';
 import type { TaskforceTheme } from '../../../utils/theme';
 import type { PlanningTaskArrangeMode } from './planningTaskArrangement';
+import type { PlanningIdentityColor, PlanningIdentityIcon } from '../../../shared/planningIdentity';
 export type PlanningStatusCounts = Record<TaskStatus, number>;
 export declare function shouldUsePlanningBootstrapTaskSummaries(input: {
     taskScope: 'open' | 'archived' | 'deleted';
@@ -34,6 +35,8 @@ export type PlanningNodeSummary = {
     description?: string;
     ownerId?: string | null;
     ownerLabel?: string | null;
+    icon?: PlanningIdentityIcon | null;
+    color?: PlanningIdentityColor | null;
     progressPercent: number;
     taskCount: number;
     completedTaskCount: number;
@@ -67,12 +70,16 @@ export type PlanningEntitySaveInput = {
     description: string | null;
     ownerId?: string | null;
     initiativeId?: string | null;
+    icon?: PlanningIdentityIcon | null;
+    color?: PlanningIdentityColor | null;
 };
 export type PlanningLinkOption = {
     id: string;
     referenceLabel: string;
     title: string;
     meta?: string;
+    icon?: PlanningIdentityIcon | null;
+    color?: PlanningIdentityColor | null;
 };
 export type PlanningLinkOptions = {
     initiatives: PlanningLinkOption[];
@@ -107,6 +114,10 @@ export type PlanningWorkspaceModel = {
     archiveEntity?: (entityType: 'initiative' | 'workstream', entityId: string) => boolean | Promise<boolean>;
     unarchiveEntity?: (entityType: 'initiative' | 'workstream', entityId: string) => boolean | Promise<boolean>;
     changeOwner?: (entityType: 'initiative' | 'workstream', entityId: string, ownerId: string) => void | Promise<void>;
+    changeIdentity?: (entityType: 'initiative' | 'workstream', entityId: string, patch: {
+        icon?: PlanningIdentityIcon | null;
+        color?: PlanningIdentityColor | null;
+    }) => void | Promise<void>;
     createEntity?: (entityType: 'initiative' | 'workstream', input: PlanningEntitySaveInput) => Promise<{
         id: string;
     }>;

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,9 @@ 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: 'local_dev' } : {}),
         },
         behavior: {
             ...(personality ? { personality } : {}),

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

@@ -4,6 +4,7 @@ import type { TaskAutoSaveState } from '../../hooks/tasks/useTaskFormActions';
 interface TaskActionHeaderProps {
     editingTaskId: string | null;
     loading: boolean;
+    submitDisabled?: boolean;
     autoSaveState?: TaskAutoSaveState;
     title: string;
     status?: TaskStatus;
@@ -30,5 +31,5 @@ interface TaskActionHeaderProps {
     handlePermanentlyDeleteDeletedTask?: (deletedRecordId: string) => void;
     onAskAgent?: (task: TaskItem) => void;
 }
-export declare function TaskActionHeader({ editingTaskId, loading, autoSaveState, title, status, onStatusChange, showCreateSubmit, handleSubmit, handleCopyId, copiedId, tasks, currentTask: currentTaskProp, currentTaskWorkstream, currentTaskInitiative, workstreams, onWorkstreamInputChange, onSetWorkstreamForCurrentTask, handleToggleInProgress, handleToggleReview, handleToggleComplete, handleToggleCancel, handleSetStatus, handleArchiveTask, handleUnarchiveTask, handleRestoreDeletedTask, handlePermanentlyDeleteDeletedTask, onAskAgent }: TaskActionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskActionHeader({ editingTaskId, loading, submitDisabled, autoSaveState, title, status, onStatusChange, showCreateSubmit, handleSubmit, handleCopyId, copiedId, tasks, currentTask: currentTaskProp, currentTaskWorkstream, currentTaskInitiative, workstreams, onWorkstreamInputChange, onSetWorkstreamForCurrentTask, handleToggleInProgress, handleToggleReview, handleToggleComplete, handleToggleCancel, handleSetStatus, handleArchiveTask, handleUnarchiveTask, handleRestoreDeletedTask, handlePermanentlyDeleteDeletedTask, onAskAgent }: TaskActionHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/task/TaskActionHeader.js

@@ -9,7 +9,7 @@ import { TaskReferenceBadge } from './TaskReferenceBadge';
 import { HierarchyActionBadge } from '../ui/HierarchyActionBadge';
 import { formatInitiativeReference, getWorkstreamReferenceLabel } from '../../utils/planningReferences';
 import { TaskWorkstreamPicker } from './TaskWorkstreamPicker';
-export function TaskActionHeader({ editingTaskId, loading, autoSaveState = 'idle', title, status = 'task', onStatusChange, showCreateSubmit = true, handleSubmit, handleCopyId, copiedId, tasks, currentTask: currentTaskProp, currentTaskWorkstream, currentTaskInitiative, workstreams = [], onWorkstreamInputChange, onSetWorkstreamForCurrentTask, handleToggleInProgress, handleToggleReview, handleToggleComplete, handleToggleCancel, handleSetStatus, handleArchiveTask, handleUnarchiveTask, handleRestoreDeletedTask, handlePermanentlyDeleteDeletedTask, onAskAgent }) {
+export function TaskActionHeader({ editingTaskId, loading, submitDisabled = false, autoSaveState = 'idle', title, status = 'task', onStatusChange, showCreateSubmit = true, handleSubmit, handleCopyId, copiedId, tasks, currentTask: currentTaskProp, currentTaskWorkstream, currentTaskInitiative, workstreams = [], onWorkstreamInputChange, onSetWorkstreamForCurrentTask, handleToggleInProgress, handleToggleReview, handleToggleComplete, handleToggleCancel, handleSetStatus, handleArchiveTask, handleUnarchiveTask, handleRestoreDeletedTask, handlePermanentlyDeleteDeletedTask, onAskAgent }) {
     const currentTask = currentTaskProp ?? (editingTaskId ? tasks.find(t => t.id === editingTaskId) || null : null);
     const isArchivedReadOnly = Boolean(currentTask?.isArchived);
     const isDeletedReadOnly = Boolean(currentTask?.isDeleted);
@@ -67,5 +67,5 @@ export function TaskActionHeader({ editingTaskId, loading, autoSaveState = 'idle
                                     if (status === 'cancelled') {
                                         handleToggleCancel(task);
                                     }
-                                }, onArchiveTask: handleArchiveTask, onUnarchiveTask: (task) => handleUnarchiveTask?.(task.id) }))] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.taskSaveStatusCenter }), _jsxs("div", { className: styles.editActionsGroup, children: [_jsx(TaskStatusActions, { status: status, disabled: loading, archiveActionMode: "none", onStatusChange: onStatusChange }), showCreateSubmit ? (_jsxs("button", { type: "button", onClick: (e) => handleSubmit(e), disabled: loading || !title.trim(), className: styles.primaryUpdateBtn, title: t('actionHeader.addTaskTitle'), children: [loading ? _jsx(Loader2, { size: 16, className: styles.spinner }) : _jsx(Plus, { size: 16 }), t('actionHeader.addTask')] })) : null] })] }))] }));
+                                }, onArchiveTask: handleArchiveTask, onUnarchiveTask: (task) => handleUnarchiveTask?.(task.id) }))] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.taskSaveStatusCenter }), _jsxs("div", { className: styles.editActionsGroup, children: [_jsx(TaskStatusActions, { status: status, disabled: loading, archiveActionMode: "none", onStatusChange: onStatusChange }), showCreateSubmit ? (_jsxs("button", { type: "button", onClick: (e) => handleSubmit(e), disabled: loading || submitDisabled || !title.trim(), className: styles.primaryUpdateBtn, title: t('actionHeader.addTaskTitle'), children: [loading ? _jsx(Loader2, { size: 16, className: styles.spinner }) : _jsx(Plus, { size: 16 }), t('actionHeader.addTask')] })) : null] })] }))] }));
 }

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 {};