@taskforcehq/taskforce 0.3.300 → 0.3.302

package/dist/components/views/panels/FilterToolbar.d.ts

@@ -45,12 +45,14 @@ export interface FilterToolbarProps {
     initiativeFilterOptions?: Array<{
         value: string;
         label: string;
+        selectedLabel?: string;
     }>;
     selectedInitiativeId?: string;
     setSelectedInitiativeId?: (value: string) => void;
     workstreamFilterOptions?: Array<{
         value: string;
         label: string;
+        selectedLabel?: string;
     }>;
     selectedWorkstreamId?: string;
     setSelectedWorkstreamId?: (value: string) => void;

package/dist/components/views/panels/FilterToolbarControls.d.ts

@@ -18,6 +18,7 @@ type FilterToolbarSingleSelectProps = {
     options: {
         value: string;
         label: string;
+        selectedLabel?: string;
     }[];
     selected: string;
     onChange: (value: string) => void;

package/dist/components/views/panels/FilterToolbarControls.js

@@ -27,7 +27,7 @@ export function FilterToolbarSingleSelect({ label, options, selected, onChange,
     const [isOpen, setIsOpen] = React.useState(false);
     const containerRef = React.useRef(null);
     const selectedOption = options.find((option) => option.value === selected);
-    const displayText = selectedOption?.label || allLabel;
+    const displayText = selectedOption?.selectedLabel || selectedOption?.label || allLabel;
     React.useEffect(() => {
         const handleClickOutside = (event) => {
             if (containerRef.current && !containerRef.current.contains(event.target)) {

package/dist/components/views/panels/PlanningDrawer.js

@@ -6,6 +6,7 @@ import { ChevronLeft, ChevronRight, ChevronsDown, ChevronsRight, Filter, Plus, }
 import styles from '../../../Taskforce.module.css';
 import panelStyles from './PlanningDrawer.module.css';
 import { ReferenceBadgeButton } from '../../ui/ReferenceBadgeButton';
+import { IconMap, getStatusDefinition, resolveColor } from '../../../utils/constants';
 import { formatInitiativeReference, formatWorkstreamReference, } from '../../../utils/planningReferences.js';
 export const PLANNING_DRAWER_TREE_WIDTH_PX = 332;
 export const PLANNING_DRAWER_DETAIL_WIDTH_PX = 392;
@@ -64,7 +65,7 @@ function PlanningRow({ rowId, rowType, referenceLabel, title, meta, active, deta
         ? { transform: CSS.Translate.toString(transform) }
         : undefined;
     const showDropReady = canDropTask || canDropWorkstream;
-    return (_jsxs("div", { ref: setDropRef, style: dragStyle, className: `${panelStyles.treeRow} ${detailOpen ? panelStyles.treeRowDetailOpen : ''} ${showDropReady ? panelStyles.treeRowDropReady : ''} ${isOver ? panelStyles.treeRowDropActive : ''} ${isDragging ? panelStyles.treeRowDragging : ''} ${showDropReady ? panelStyles.treeRowDropMode : ''}`, children: [canExpand ? (_jsx("button", { type: "button", className: panelStyles.treeChevron, onClick: onToggleExpand, title: expanded ? 'Collapse workstreams' : 'Expand workstreams', children: expanded ? _jsx(ChevronsDown, { size: 15 }) : _jsx(ChevronsRight, { size: 15 }) })) : (_jsx("span", { className: panelStyles.treeChevron, "aria-hidden": "true", children: _jsx(ChevronRight, { size: 14 }) })), _jsxs("div", { className: panelStyles.rowContent, children: [referenceLabel ? (_jsx(PlanningReferenceBadge, { label: referenceLabel, entityType: rowType })) : null, _jsxs("button", { type: "button", ref: draggable ? setDragRef : undefined, className: panelStyles.rowButton, onClick: onToggleDetails, ...(draggable ? attributes : {}), ...(draggable ? listeners : {}), children: [_jsx("span", { className: panelStyles.rowTitle, children: title }), _jsx("span", { className: panelStyles.rowMeta, children: meta })] })] }), _jsx("button", { type: "button", className: `${panelStyles.detailsButton} ${active ? panelStyles.detailsButtonActive : ''}`, onClick: onToggleScope, title: active ? 'Clear board scope' : 'Scope board to this item', children: _jsx(Filter, { size: 14 }) })] }));
+    return (_jsxs("div", { ref: setDropRef, style: dragStyle, className: `${panelStyles.treeRow} ${detailOpen ? panelStyles.treeRowDetailOpen : ''} ${showDropReady ? panelStyles.treeRowDropReady : ''} ${isOver ? panelStyles.treeRowDropActive : ''} ${isDragging ? panelStyles.treeRowDragging : ''} ${showDropReady ? panelStyles.treeRowDropMode : ''}`, children: [canExpand ? (_jsx("button", { type: "button", className: panelStyles.treeChevron, onClick: onToggleExpand, title: expanded ? 'Collapse workstreams' : 'Expand workstreams', children: expanded ? _jsx(ChevronsDown, { size: 15 }) : _jsx(ChevronsRight, { size: 15 }) })) : (_jsx("span", { className: panelStyles.treeChevron, "aria-hidden": "true", children: _jsx(ChevronRight, { size: 14 }) })), _jsxs("div", { className: panelStyles.rowContent, children: [_jsxs("div", { className: panelStyles.rowTopRow, children: [referenceLabel ? (_jsx(PlanningReferenceBadge, { label: referenceLabel, entityType: rowType })) : _jsx("span", { "aria-hidden": "true" }), _jsx("button", { type: "button", className: `${panelStyles.detailsButton} ${active ? panelStyles.detailsButtonActive : ''}`, onClick: onToggleScope, title: active ? 'Clear board scope' : 'Scope board to this item', children: _jsx(Filter, { size: 14 }) })] }), _jsxs("button", { type: "button", ref: draggable ? setDragRef : undefined, className: panelStyles.rowButton, onClick: onToggleDetails, ...(draggable ? attributes : {}), ...(draggable ? listeners : {}), children: [_jsx("span", { className: panelStyles.rowTitle, children: title }), _jsx("span", { className: panelStyles.rowMeta, children: meta })] })] })] }));
 }
 function CollapsedPane({ label, onExpand, }) {
     return (_jsx("div", { className: `${panelStyles.paneShell} ${panelStyles.collapsedPaneShell}`.trim(), children: _jsxs("div", { className: panelStyles.collapsedPaneHeader, children: [_jsx("button", { type: "button", className: "tf-control-icon", onClick: onExpand, title: `Expand ${label}`, children: _jsx(ChevronRight, { size: 16 }) }), _jsx("span", { className: panelStyles.collapsedPaneLabel, children: label })] }) }));
@@ -157,7 +158,23 @@ function PlanningDrawerDetailView({ detail, onOpenNestedWorkstreamDetails, onEdi
                                         onAttachTaskToWorkstreamByReference?.(detail.item.id, value);
                                     }
                                     setAttachReference('');
-                                }, children: "Attach" })] }), detail.type === 'initiative' ? (childItems.length > 0 ? childItems.map((workstream) => (_jsx("button", { type: "button", className: panelStyles.listItemButton, onClick: () => onOpenNestedWorkstreamDetails?.(workstream.id), children: _jsx("div", { className: panelStyles.listItem, children: _jsxs("div", { className: panelStyles.listItemText, children: [_jsx("span", { className: panelStyles.listItemTitle, children: workstream.title }), _jsxs("span", { className: panelStyles.listItemMeta, children: [workstream.taskCount, " tasks \u2022 ", workstream.progressPercent, "% complete"] })] }) }) }, workstream.id))) : (_jsxs("div", { className: panelStyles.emptyPanel, children: [_jsx("div", { className: panelStyles.emptyPanelTitle, children: "No workstreams yet" }), _jsx("div", { className: panelStyles.emptyPanelText, children: "Add the first workstream to break the initiative into clearer lanes of execution." })] }))) : (detail.item.tasks && detail.item.tasks.length > 0 ? detail.item.tasks.map((task) => (_jsx("button", { type: "button", className: panelStyles.listItemButton, onClick: () => onOpenTaskById?.(task.id), children: _jsx("div", { className: panelStyles.listItem, children: _jsxs("div", { className: panelStyles.listItemText, children: [_jsx("span", { className: panelStyles.listItemTitle, children: task.title }), _jsxs("span", { className: panelStyles.listItemMeta, children: [task.referenceNumber ? `T-${task.referenceNumber} • ` : '', formatTaskStatusLabel(task.status)] })] }) }) }, task.id))) : (_jsxs("div", { className: panelStyles.sectionNote, children: ["No tasks are linked to this workstream yet. Use the ", _jsx("code", { children: "+" }), " action above to add the first one."] })))] }), _jsxs("div", { className: panelStyles.listCard, children: [_jsx("div", { className: panelStyles.sectionTitle, children: "Context" }), _jsx("div", { className: panelStyles.sectionNote, children: "Comments, attachments, and planning notes can live here without pushing that context down into task cards." })] })] }));
+                                }, children: "Attach" })] }), detail.type === 'initiative' ? (childItems.length > 0 ? childItems.map((workstream) => (_jsx("button", { type: "button", className: `${panelStyles.listItemButton} ${panelStyles.detailCardButton}`.trim(), onClick: () => onOpenNestedWorkstreamDetails?.(workstream.id), children: _jsxs("div", { className: `${panelStyles.listItem} ${panelStyles.detailChildCard}`.trim(), children: [_jsx("div", { className: panelStyles.detailChildCardTopRow, children: workstream.referenceNumber ? (_jsx(PlanningReferenceBadge, { label: formatWorkstreamReference(workstream), entityType: "workstream" })) : _jsx("span", { "aria-hidden": "true" }) }), _jsxs("div", { className: panelStyles.listItemText, children: [_jsx("span", { className: panelStyles.listItemTitle, children: workstream.title }), _jsxs("span", { className: panelStyles.listItemMeta, children: [workstream.taskCount, " tasks \u2022 ", workstream.progressPercent, "% complete"] })] })] }) }, workstream.id))) : (_jsxs("div", { className: panelStyles.emptyPanel, children: [_jsx("div", { className: panelStyles.emptyPanelTitle, children: "No workstreams yet" }), _jsx("div", { className: panelStyles.emptyPanelText, children: "Add the first workstream to break the initiative into clearer lanes of execution." })] }))) : (detail.item.tasks && detail.item.tasks.length > 0 ? [...detail.item.tasks]
+                        .sort((left, right) => {
+                        const leftDone = getStatusDefinition(left.status).value === 'done';
+                        const rightDone = getStatusDefinition(right.status).value === 'done';
+                        if (leftDone === rightDone)
+                            return 0;
+                        return leftDone ? 1 : -1;
+                    })
+                        .map((task) => {
+                        const referenceLabel = task.referenceNumber ? `T-${task.referenceNumber}` : '';
+                        const statusDefinition = getStatusDefinition(task.status);
+                        const StatusIcon = IconMap[statusDefinition.icon || 'Square'];
+                        const statusColor = resolveColor(statusDefinition.color) || 'var(--text-secondary)';
+                        return (_jsx("button", { type: "button", className: `${panelStyles.listItemButton} ${panelStyles.detailCardButton}`.trim(), onClick: () => onOpenTaskById?.(task.id), children: _jsxs("div", { className: `${panelStyles.listItem} ${panelStyles.detailChildCard}`.trim(), children: [_jsxs("div", { className: panelStyles.detailChildCardTopRow, children: [referenceLabel ? (_jsx(PlanningReferenceBadge, { label: referenceLabel, entityType: "task" })) : _jsx("span", { "aria-hidden": "true" }), _jsx("span", { className: panelStyles.taskStatusIcon, style: {
+                                                    color: statusColor,
+                                                }, "aria-label": statusDefinition.shortLabel || formatTaskStatusLabel(task.status), title: statusDefinition.shortLabel || formatTaskStatusLabel(task.status), children: StatusIcon ? _jsx(StatusIcon, { size: 18, strokeWidth: 2.4 }) : null })] }), _jsxs("div", { className: panelStyles.listItemText, children: [_jsx("span", { className: panelStyles.listItemTitle, children: task.title }), _jsx("span", { className: panelStyles.listItemMeta, children: formatTaskStatusLabel(task.status) })] })] }) }, task.id));
+                    }) : (_jsxs("div", { className: panelStyles.sectionNote, children: ["No tasks are linked to this workstream yet. Use the ", _jsx("code", { children: "+" }), " action above to add the first one."] })))] }), _jsxs("div", { className: panelStyles.listCard, children: [_jsx("div", { className: panelStyles.sectionTitle, children: "Context" }), _jsx("div", { className: panelStyles.sectionNote, children: "Comments, attachments, and planning notes can live here without pushing that context down into task cards." })] })] }));
 }
 function PlanningDrawerEditor({ editor, draftTitle, draftDescription, draftOwner, draftInitiativeId, assigneeOptions, draftInitiativeSummary, onChangeDraftTitle, onChangeDraftDescription, onChangeDraftOwner, onChangeDraftInitiativeId, onCancel, onSubmit, onAssignInitiativeToWorkstream, }) {
     const entityLabel = editor.entityType === 'initiative' ? 'Initiative' : 'Workstream';

package/dist/components/views/standalone/modals/AccountHubModal.d.ts

@@ -0,0 +1,43 @@
+import type { ModalRuntimeMode, ModalThemeName } from './types';
+interface BillingStatusLike {
+    planId?: string | null;
+    entitlementState?: string | null;
+    stripeStatus?: string | null;
+    effectiveUntil?: string | null;
+    stripeSubscriptionId?: string | null;
+    stripeCustomerId?: string | null;
+}
+interface AccountHubModalProps {
+    isOpen: boolean;
+    theme: ModalThemeName;
+    runtimeMode: ModalRuntimeMode;
+    authRequiredForApi: boolean;
+    isAuthenticated: boolean;
+    hasAuthIdentity: boolean;
+    authIdentityLabel: string;
+    billingLoading: boolean;
+    billingError: string | null;
+    billingActionError: string | null;
+    billingNotice: string | null;
+    billingActionBusy: boolean;
+    billingIntervalChoice: 'month' | 'year';
+    billingStatus: BillingStatusLike | null;
+    currentWorkspaceId: string;
+    canOpenTeamManagement: boolean;
+    canManageWorkspaceSync: boolean;
+    workspaceCloudSyncEnabled: boolean;
+    syncStatusLabel: string;
+    workspaceSyncError: string | null;
+    syncControlBusy: boolean;
+    onClose: () => void;
+    onOpenWorkspaceAudit: () => void;
+    onBillingIntervalChange: (value: 'month' | 'year') => void;
+    onRefreshBilling: () => void;
+    onUpdateInterval: () => void;
+    onManageBilling: () => void;
+    onStartCheckout: () => void;
+    onToggleWorkspaceSync: (enabled: boolean) => void;
+    onOpenHelp: () => void;
+}
+export declare function AccountHubModal({ isOpen, theme, runtimeMode, authRequiredForApi, isAuthenticated, hasAuthIdentity, authIdentityLabel, billingLoading, billingError, billingActionError, billingNotice, billingActionBusy, billingIntervalChoice, billingStatus, currentWorkspaceId, canOpenTeamManagement, canManageWorkspaceSync, workspaceCloudSyncEnabled, syncStatusLabel, workspaceSyncError, syncControlBusy, onClose, onOpenWorkspaceAudit, onBillingIntervalChange, onRefreshBilling, onUpdateInterval, onManageBilling, onStartCheckout, onToggleWorkspaceSync, onOpenHelp, }: AccountHubModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/views/standalone/modals/AccountHubModal.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from '../../../ui/Modal';
+import modalStyles from '../../../ui/Modal.module.css';
+import accountStyles from '../../StandaloneAccount.module.css';
+import authStyles from '../../AuthShell.module.css';
+import managementStyles from '../../StandaloneManagement.module.css';
+import styles from '../../../../Taskforce.module.css';
+export function AccountHubModal({ isOpen, theme, runtimeMode, authRequiredForApi, isAuthenticated, hasAuthIdentity, authIdentityLabel, billingLoading, billingError, billingActionError, billingNotice, billingActionBusy, billingIntervalChoice, billingStatus, currentWorkspaceId, canOpenTeamManagement, canManageWorkspaceSync, workspaceCloudSyncEnabled, syncStatusLabel, workspaceSyncError, syncControlBusy, onClose, onOpenWorkspaceAudit, onBillingIntervalChange, onRefreshBilling, onUpdateInterval, onManageBilling, onStartCheckout, onToggleWorkspaceSync, onOpenHelp, }) {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Account Hub", size: "md", theme: theme, draggable: true, children: _jsxs("div", { className: `${modalStyles.form} ${managementStyles.modalBody}`, children: [_jsx("p", { className: managementStyles.mutedText, children: "Manage sign in, profile, and workspace controls from one place." }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Authentication" }), _jsx("p", { className: managementStyles.sectionText, children: runtimeMode === 'cloud'
+                                ? (authRequiredForApi
+                                    ? (isAuthenticated ? 'Signed in. API access is enabled.' : 'Cloud mode requires sign in before app usage.')
+                                    : 'Cloud runtime with optional authentication.')
+                                : 'Local runtime allows guest usage without sign in.' }), _jsx("p", { className: managementStyles.sectionTextSpaced, children: isAuthenticated
+                                ? (hasAuthIdentity
+                                    ? _jsxs(_Fragment, { children: ["Signed in as ", _jsx("span", { className: accountStyles.accountIdentityEmail, children: authIdentityLabel })] })
+                                    : 'Signed in')
+                                : 'Signed in as: not signed in' }), runtimeMode === 'cloud' && authRequiredForApi && !isAuthenticated && (_jsx("p", { className: managementStyles.sectionTextTop, children: "Use the `/login` screen to sign in." }))] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Profile & Account" }), _jsx("p", { className: managementStyles.sectionText, children: "Profile editing and account preferences will live here." })] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Billing" }), !isAuthenticated ? (_jsx("p", { className: managementStyles.sectionText, children: "Sign in to manage subscription billing." })) : runtimeMode !== 'cloud' ? (_jsx("p", { className: managementStyles.sectionText, children: "Billing remains cloud-backed in local runtime and uses your connected cloud account." })) : (_jsxs(_Fragment, { children: [billingLoading && (_jsx("p", { className: managementStyles.sectionTextSpaced, children: "Loading billing status..." })), billingError && (_jsx("p", { className: `${authStyles.loginError} ${managementStyles.errorText}`, children: billingError })), billingActionError && (_jsx("p", { className: `${authStyles.loginError} ${managementStyles.errorText}`, children: billingActionError })), billingNotice && (_jsx("p", { className: managementStyles.errorText, children: billingNotice })), _jsxs("p", { className: managementStyles.sectionTextSpaced, children: ["Plan: ", _jsx("code", { children: String(billingStatus?.planId || 'n/a') }), ' · ', "Entitlement: ", _jsx("code", { children: String(billingStatus?.entitlementState || 'n/a') })] }), _jsxs("p", { className: managementStyles.sectionText, children: ["Stripe status: ", _jsx("code", { children: String(billingStatus?.stripeStatus || 'n/a') }), billingStatus?.effectiveUntil ? ` · Effective until ${new Date(billingStatus.effectiveUntil).toLocaleString()}` : ''] }), _jsx("div", { className: managementStyles.wrapRow, children: _jsxs("label", { className: `${accountStyles.accountMenuMeta} ${managementStyles.inlineFieldLabel}`, children: ["Interval", _jsxs("select", { className: styles.input, value: billingIntervalChoice, onChange: (event) => onBillingIntervalChange(event.target.value === 'year' ? 'year' : 'month'), disabled: billingActionBusy, children: [_jsx("option", { value: "month", children: "Monthly" }), _jsx("option", { value: "year", children: "Yearly" })] })] }) }), _jsxs("div", { className: managementStyles.actionRowEnd, children: [_jsx("button", { className: styles.cancelBtn, onClick: onRefreshBilling, disabled: billingActionBusy || billingLoading, children: "Refresh Billing" }), _jsx("button", { className: styles.cancelBtn, onClick: onUpdateInterval, disabled: billingActionBusy || !billingStatus?.stripeSubscriptionId, children: "Update Interval" }), _jsx("button", { className: styles.cancelBtn, onClick: onManageBilling, disabled: billingActionBusy || !billingStatus?.stripeCustomerId, children: "Manage Billing" }), _jsx("button", { className: styles.submitBtn, onClick: onStartCheckout, disabled: billingActionBusy, children: billingActionBusy ? 'Working...' : 'Start Checkout' })] })] }))] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Workspace Audit Log" }), _jsx("p", { className: managementStyles.sectionText, children: "Audit entries are workspace-scoped for the active workspace, not global account history." }), _jsxs("p", { className: managementStyles.sectionText, children: ["Active workspace: ", _jsx("code", { children: currentWorkspaceId })] }), _jsx("div", { className: managementStyles.actionRowEnd, children: _jsx("button", { className: styles.cancelBtn, onClick: onOpenWorkspaceAudit, disabled: !canOpenTeamManagement, children: "Open Workspace Audit" }) })] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Workspace Cloud Sync" }), _jsx("p", { className: managementStyles.sectionText, children: canManageWorkspaceSync
+                                ? (workspaceCloudSyncEnabled
+                                    ? `Enabled · ${syncStatusLabel}`
+                                    : 'Disabled')
+                                : 'Sign in to cloud account to enable workspace sync.' }), workspaceSyncError && (_jsx("p", { className: `${authStyles.loginError} ${managementStyles.errorText}`, children: workspaceSyncError })), _jsx("div", { className: managementStyles.actionRowEnd, children: _jsx("button", { className: styles.cancelBtn, disabled: !canManageWorkspaceSync || syncControlBusy, onClick: () => onToggleWorkspaceSync(!workspaceCloudSyncEnabled), children: workspaceCloudSyncEnabled ? 'Disable Sync' : 'Enable Sync' }) })] }), _jsxs("div", { className: `${modalStyles.formActions} ${managementStyles.modalActionsEnd}`, children: [_jsx("button", { className: styles.cancelBtn, onClick: onOpenHelp, children: "Help & Tutorial" }), _jsx("button", { className: styles.submitBtn, onClick: onClose, children: "Close" })] })] }) }));
+}

package/dist/components/views/standalone/modals/CreateWorkspaceConfirmModal.d.ts

@@ -0,0 +1,9 @@
+import type { ModalThemeName } from './types';
+interface CreateWorkspaceConfirmModalProps {
+    isOpen: boolean;
+    theme: ModalThemeName;
+    onClose: () => void;
+    onConfirm: () => void;
+}
+export declare function CreateWorkspaceConfirmModal({ isOpen, theme, onClose, onConfirm, }: CreateWorkspaceConfirmModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/views/standalone/modals/CreateWorkspaceConfirmModal.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from '../../../ui/Modal';
+import modalStyles from '../../../ui/Modal.module.css';
+import managementStyles from '../../StandaloneManagement.module.css';
+import styles from '../../../../Taskforce.module.css';
+export function CreateWorkspaceConfirmModal({ isOpen, theme, onClose, onConfirm, }) {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "New Workspace", size: "sm", theme: theme, draggable: true, footer: (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: styles.cancelBtn, onClick: onClose, children: "Cancel" }), _jsx("button", { type: "button", className: styles.submitBtn, onClick: onConfirm, children: "Start Setup" })] })), children: _jsx("div", { className: `${modalStyles.form} ${managementStyles.modalBody}`, children: _jsx("p", { className: managementStyles.sectionText, children: "Create and configure a new workspace." }) }) }));
+}

package/dist/components/views/standalone/modals/EditProfileModal.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ModalThemeName } from './types';
+interface EditProfileModalProps {
+    isOpen: boolean;
+    theme: ModalThemeName;
+    onClose: () => void;
+    onSave: () => void;
+    displayName: string;
+    email: string;
+    avatarDisplayUrl: string;
+    accountBadgeInitial: string;
+    avatarInputRef: React.RefObject<HTMLInputElement | null>;
+    avatarAccept: string;
+    avatarDraftId: string | null;
+    saveBusy: boolean;
+    avatarBusy: boolean;
+    saveError: string | null;
+    saveNotice: string | null;
+    onDisplayNameChange: (value: string) => void;
+    onAvatarInputChange: (file: File | null) => void;
+    onStartAvatarUpload: () => void;
+    onDiscardUpload: () => void;
+    onRemovePhoto: () => void;
+}
+export declare function EditProfileModal({ isOpen, theme, onClose, onSave, displayName, email, avatarDisplayUrl, accountBadgeInitial, avatarInputRef, avatarAccept, avatarDraftId, saveBusy, avatarBusy, saveError, saveNotice, onDisplayNameChange, onAvatarInputChange, onStartAvatarUpload, onDiscardUpload, onRemovePhoto, }: EditProfileModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/views/standalone/modals/EditProfileModal.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Modal } from '../../../ui/Modal';
+import modalStyles from '../../../ui/Modal.module.css';
+import accountStyles from '../../StandaloneAccount.module.css';
+import authStyles from '../../AuthShell.module.css';
+import managementStyles from '../../StandaloneManagement.module.css';
+import styles from '../../../../Taskforce.module.css';
+export function EditProfileModal({ isOpen, theme, onClose, onSave, displayName, email, avatarDisplayUrl, accountBadgeInitial, avatarInputRef, avatarAccept, avatarDraftId, saveBusy, avatarBusy, saveError, saveNotice, onDisplayNameChange, onAvatarInputChange, onStartAvatarUpload, onDiscardUpload, onRemovePhoto, }) {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Edit Profile", size: "sm", theme: theme, draggable: true, footer: (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: styles.secondaryButton, onClick: onClose, disabled: saveBusy || avatarBusy, children: "Cancel" }), _jsx("button", { type: "button", className: styles.primaryUpdateBtn, onClick: onSave, disabled: saveBusy || avatarBusy || !displayName.trim(), children: saveBusy ? 'Saving...' : 'Save Profile' })] })), children: _jsxs("div", { className: `${modalStyles.form} ${managementStyles.modalBody}`, children: [_jsx("p", { className: managementStyles.sectionText, children: "Update the name shown around your account and shared workspace surfaces." }), _jsxs("div", { className: accountStyles.profileAvatarEditor, children: [_jsx("div", { className: accountStyles.profileAvatarPreview, "aria-label": "Profile photo preview", children: avatarDisplayUrl ? (_jsx("img", { src: avatarDisplayUrl, alt: "", className: accountStyles.profileAvatarImage })) : (_jsx("span", { children: accountBadgeInitial })) }), _jsxs("div", { className: accountStyles.profileAvatarActions, children: [_jsx("input", { ref: avatarInputRef, type: "file", "aria-label": "Upload profile photo", accept: avatarAccept, className: accountStyles.profileAvatarInput, onChange: (event) => onAvatarInputChange(event.target.files?.[0] || null), disabled: saveBusy || avatarBusy }), _jsx("button", { type: "button", className: styles.secondaryButton, onClick: onStartAvatarUpload, disabled: saveBusy || avatarBusy, children: avatarBusy ? 'Uploading...' : 'Upload Photo' }), avatarDraftId && (_jsx("button", { type: "button", className: styles.secondaryButton, onClick: onDiscardUpload, disabled: saveBusy || avatarBusy, children: "Discard Upload" })), avatarDisplayUrl && (_jsx("button", { type: "button", className: styles.secondaryButton, onClick: onRemovePhoto, disabled: saveBusy || avatarBusy, children: "Remove Photo" }))] })] }), _jsxs("label", { className: managementStyles.inlineFieldLabel, children: ["Display name", _jsx("input", { className: styles.input, type: "text", value: displayName, onChange: (event) => onDisplayNameChange(event.target.value), placeholder: "Display name", disabled: saveBusy })] }), _jsxs("label", { className: managementStyles.inlineFieldLabel, children: ["Email", _jsx("input", { className: styles.input, type: "email", value: email, readOnly: true, disabled: true })] }), saveError && (_jsx("p", { className: `${authStyles.loginError} ${managementStyles.errorText}`, children: saveError })), saveNotice && !saveError && (_jsx("p", { className: managementStyles.errorText, children: saveNotice }))] }) }));
+}

package/dist/components/views/standalone/modals/HelpModal.d.ts

@@ -0,0 +1,9 @@
+import type { ModalThemeName } from './types';
+interface HelpModalProps {
+    isOpen: boolean;
+    theme: ModalThemeName;
+    onClose: () => void;
+    onOpenSettings: () => void;
+}
+export declare function HelpModal({ isOpen, theme, onClose, onOpenSettings, }: HelpModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/views/standalone/modals/HelpModal.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from '../../../ui/Modal';
+import modalStyles from '../../../ui/Modal.module.css';
+import managementStyles from '../../StandaloneManagement.module.css';
+import styles from '../../../../Taskforce.module.css';
+export function HelpModal({ isOpen, theme, onClose, onOpenSettings, }) {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Quick Start", size: "md", theme: theme, draggable: true, children: _jsxs("div", { className: `${modalStyles.form} ${managementStyles.modalBody}`, children: [_jsx("p", { className: managementStyles.mutedText, children: "Use this quick guide to get productive in Taskforce dashboard mode." }), _jsxs("div", { children: [_jsx("strong", { children: "1. Capture work" }), _jsxs("p", { className: managementStyles.sectionText, children: ["Click ", _jsx("code", { children: "Add Task" }), ", write a short title, and save."] })] }), _jsxs("div", { children: [_jsx("strong", { children: "2. Plan the board" }), _jsxs("p", { className: managementStyles.sectionText, children: ["Use ", _jsx("code", { children: "Sort" }), ", ", _jsx("code", { children: "Group" }), ", and ", _jsx("code", { children: "Filters" }), " in the header."] })] }), _jsxs("div", { children: [_jsx("strong", { children: "3. Execute and stage" }), _jsxs("p", { className: managementStyles.sectionText, children: ["Move tasks through ", _jsx("code", { children: "Task" }), ", ", _jsx("code", { children: "In Progress" }), ", ", _jsx("code", { children: "Review" }), ", and ", _jsx("code", { children: "Done" }), "."] })] }), _jsxs("div", { children: [_jsx("strong", { children: "4. Archive finished work" }), _jsx("p", { className: managementStyles.sectionText, children: "Archive completed/cancelled tasks to keep active board signal high." })] }), _jsxs("div", { className: `${modalStyles.formActions} ${managementStyles.modalActionsEnd}`, children: [_jsx("button", { className: styles.cancelBtn, onClick: onOpenSettings, children: "Open Settings" }), _jsx("button", { className: styles.submitBtn, onClick: onClose, children: "Close Tutorial" })] })] }) }));
+}

package/dist/components/views/standalone/modals/ScheduleWarningModal.d.ts

@@ -0,0 +1,13 @@
+import type { ModalThemeName } from './types';
+interface ScheduleWarningPrompt {
+    dueDate: string;
+    scheduledDate: string;
+}
+interface ScheduleWarningModalProps {
+    prompt: ScheduleWarningPrompt | null;
+    theme: ModalThemeName;
+    onClose: () => void;
+    onConfirm: () => void;
+}
+export declare function ScheduleWarningModal({ prompt, theme, onClose, onConfirm, }: ScheduleWarningModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/views/standalone/modals/ScheduleWarningModal.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from '../../../ui/Modal';
+import styles from '../../../../Taskforce.module.css';
+export function ScheduleWarningModal({ prompt, theme, onClose, onConfirm, }) {
+    return (_jsx(Modal, { isOpen: !!prompt, onClose: onClose, title: "Date Warning", size: "sm", theme: theme, draggable: false, closeOnOverlayClick: false, children: _jsxs("div", { className: `${styles.form} tf-inline-stack-sm`, style: { padding: '16px', gap: '12px' }, children: [_jsx("p", { className: "tf-text-body", children: "Due date is before scheduled date." }), prompt && (_jsxs("p", { className: "tf-text-helper", children: ["Due: ", prompt.dueDate, " \u00B7 Scheduled: ", prompt.scheduledDate] })), _jsxs("div", { className: styles.formActions, children: [_jsx("button", { className: styles.cancelBtn, onClick: onClose, children: "Go Back" }), _jsx("button", { className: styles.submitBtn, onClick: onConfirm, children: "Save Anyway" })] })] }) }));
+}

package/dist/components/views/standalone/modals/SyncStatusModal.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import type { ModalRuntimeMode, ModalThemeName } from './types';
+interface SyncStatusMeta {
+    label: string;
+    color: string;
+    border: string;
+    background: string;
+}
+interface ReferenceMismatchSummary {
+    key: string;
+    pathLabel: string;
+    refsLabel?: string | null;
+}
+interface SyncSummaryItem {
+    label: string;
+    value: string;
+}
+interface SyncEventRow {
+    key: string;
+    text: string;
+    tone?: 'error' | 'muted' | 'default';
+}
+interface WorkspaceSyncDiagnostics {
+    lastErrorAt?: string | null;
+}
+interface SyncStatusModalProps {
+    isOpen: boolean;
+    theme: ModalThemeName;
+    currentWorkspaceLabel: string;
+    syncStatusMeta: SyncStatusMeta;
+    workspaceCloudSyncEnabled: boolean;
+    syncControlBusy: boolean;
+    canManageWorkspaceSync: boolean;
+    workspaceSyncSummary: string;
+    workspaceSyncRepairBusy: boolean;
+    referenceMismatchCount: number;
+    syncStageLabel: string;
+    workspaceSyncPendingChanges: string | number;
+    formattedLastSyncTime: string;
+    formattedLastPullTime: string;
+    formattedLastPushTime: string;
+    syncLastError: string;
+    workspaceSyncDiagnostics: WorkspaceSyncDiagnostics;
+    activeReferenceMismatchSummaries: ReferenceMismatchSummary[];
+    syncDiagnosticsSummary: SyncSummaryItem[];
+    syncEventRows: SyncEventRow[];
+    syncEventsListRef: React.RefObject<HTMLDivElement | null>;
+    workspaceSyncRepairQueued: boolean;
+    workspaceSyncBusy: boolean;
+    workspaceSyncCopied: boolean;
+    runtimeMode: ModalRuntimeMode;
+    isAuthenticated: boolean;
+    onClose: () => void;
+    onToggleWorkspaceSync: (enabled: boolean) => void;
+    onRepairSync: () => void;
+    onCopyReport: () => void;
+    onOpenLogin: () => void;
+    onRetrySync: () => void;
+}
+export declare function SyncStatusModal({ isOpen, theme, currentWorkspaceLabel, syncStatusMeta, workspaceCloudSyncEnabled, syncControlBusy, canManageWorkspaceSync, workspaceSyncSummary, workspaceSyncRepairBusy, referenceMismatchCount, syncStageLabel, workspaceSyncPendingChanges, formattedLastSyncTime, formattedLastPullTime, formattedLastPushTime, syncLastError, workspaceSyncDiagnostics, activeReferenceMismatchSummaries, syncDiagnosticsSummary, syncEventRows, syncEventsListRef, workspaceSyncRepairQueued, workspaceSyncBusy, workspaceSyncCopied, runtimeMode, isAuthenticated, onClose, onToggleWorkspaceSync, onRepairSync, onCopyReport, onOpenLogin, onRetrySync, }: SyncStatusModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/views/standalone/modals/SyncStatusModal.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertTriangle, Copy, Loader2, RefreshCw } from 'lucide-react';
+import { Modal } from '../../../ui/Modal';
+import modalStyles from '../../../ui/Modal.module.css';
+import syncStatusStyles from '../../SyncStatusModal.module.css';
+import styles from '../../../../Taskforce.module.css';
+export function SyncStatusModal({ isOpen, theme, currentWorkspaceLabel, syncStatusMeta, workspaceCloudSyncEnabled, syncControlBusy, canManageWorkspaceSync, workspaceSyncSummary, workspaceSyncRepairBusy, referenceMismatchCount, syncStageLabel, workspaceSyncPendingChanges, formattedLastSyncTime, formattedLastPullTime, formattedLastPushTime, syncLastError, workspaceSyncDiagnostics, activeReferenceMismatchSummaries, syncDiagnosticsSummary, syncEventRows, syncEventsListRef, workspaceSyncRepairQueued, workspaceSyncBusy, workspaceSyncCopied, runtimeMode, isAuthenticated, onClose, onToggleWorkspaceSync, onRepairSync, onCopyReport, onOpenLogin, onRetrySync, }) {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Sync Manager", size: "md", theme: theme, draggable: true, children: _jsxs("div", { className: `${modalStyles.form} ${syncStatusStyles.syncStatusModal}`, style: { gap: '10px' }, children: [_jsxs("div", { className: syncStatusStyles.syncStatusTop, children: [_jsx("div", { className: syncStatusStyles.syncStatusHeaderInfo, children: _jsxs("div", { className: syncStatusStyles.syncStatusMetaHeader, children: [_jsx("div", { className: syncStatusStyles.syncStatusBadge, style: {
+                                            borderColor: syncStatusMeta.border,
+                                            background: syncStatusMeta.background,
+                                            color: syncStatusMeta.color
+                                        }, children: syncStatusMeta.label }), _jsxs("span", { className: syncStatusStyles.syncStatusLabel, children: ["Workspace: ", _jsx("code", { children: currentWorkspaceLabel })] })] }) }), _jsx("label", { className: syncStatusStyles.syncToggle, children: _jsxs("span", { className: [
+                                    syncStatusStyles.syncToggleControl,
+                                    workspaceCloudSyncEnabled ? syncStatusStyles.syncToggleControlEnabled : syncStatusStyles.syncToggleControlDisabled,
+                                    syncControlBusy ? syncStatusStyles.syncToggleControlBusy : '',
+                                    !canManageWorkspaceSync ? syncStatusStyles.syncToggleControlBlocked : ''
+                                ].filter(Boolean).join(' '), children: [_jsx("input", { className: syncStatusStyles.syncToggleInput, type: "checkbox", role: "switch", "aria-label": "Enable Sync", checked: workspaceCloudSyncEnabled, disabled: !canManageWorkspaceSync || syncControlBusy, onChange: (event) => onToggleWorkspaceSync(event.target.checked) }), _jsx("span", { className: `${syncStatusStyles.syncToggleState} ${syncStatusStyles.syncToggleStateOn}`, children: "On" }), _jsx("span", { className: `${syncStatusStyles.syncToggleState} ${syncStatusStyles.syncToggleStateOff}`, children: "Off" }), _jsx("span", { className: syncStatusStyles.syncToggleThumb })] }) })] }), _jsxs("div", { className: syncStatusStyles.syncStatusSummaryCompact, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Health" }), _jsx("span", { className: syncStatusStyles.syncStatusSummaryValue, children: workspaceSyncSummary })] }), workspaceSyncRepairBusy && (_jsxs("div", { className: syncStatusStyles.syncStatusRepairBanner, children: [_jsxs("div", { className: syncStatusStyles.syncStatusRepairHeader, children: [_jsxs("div", { className: syncStatusStyles.syncStatusRepairBadge, children: [_jsx(Loader2, { size: 13, className: styles.spinner }), _jsx("span", { children: "Repair In Progress" })] }), _jsx("span", { className: syncStatusStyles.syncStatusRepairMeta, children: "Advanced recovery mode" })] }), _jsx("span", { className: syncStatusStyles.syncStatusRepairText, children: referenceMismatchCount > 0
+                                ? `Taskforce is clearing the saved sync cursor and reconciling workspace state from the cloud again, including ${referenceMismatchCount} detected reference mismatch${referenceMismatchCount === 1 ? '' : 'es'}. The panel may stay busy for a while during large repairs.`
+                                : 'Taskforce is clearing the saved sync cursor and reconciling workspace state from the cloud again. The panel may stay busy for a while during large repairs.' })] })), _jsx("div", { className: syncStatusStyles.syncStatusSectionHeader, children: _jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Current Session" }) }), _jsxs("div", { className: syncStatusStyles.syncStatusCompactGrid, children: [_jsxs("div", { className: syncStatusStyles.syncStatusCompactItem, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Stage" }), _jsx("span", { className: syncStatusStyles.syncStatusValue, children: syncStageLabel })] }), _jsxs("div", { className: syncStatusStyles.syncStatusCompactItem, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Local Changes" }), _jsx("span", { className: syncStatusStyles.syncStatusValue, children: workspaceSyncPendingChanges })] }), _jsxs("div", { className: syncStatusStyles.syncStatusCompactItem, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Last Successful" }), _jsx("span", { className: syncStatusStyles.syncStatusValue, children: formattedLastSyncTime })] })] }), _jsx("div", { className: syncStatusStyles.syncStatusSectionHeader, children: _jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Activity" }) }), _jsxs("div", { className: syncStatusStyles.syncStatusCompactGrid, children: [_jsxs("div", { className: syncStatusStyles.syncStatusCompactItem, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Last Pull" }), _jsx("span", { className: syncStatusStyles.syncStatusValue, children: formattedLastPullTime })] }), _jsxs("div", { className: syncStatusStyles.syncStatusCompactItem, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Last Push" }), _jsx("span", { className: syncStatusStyles.syncStatusValue, children: formattedLastPushTime })] })] }), syncLastError !== 'None' && (_jsxs("div", { className: syncStatusStyles.syncStatusPanel, style: { background: 'rgba(239, 68, 68, 0.05)', borderColor: 'rgba(239, 68, 68, 0.2)' }, children: [_jsxs("div", { className: syncStatusStyles.syncStatusSectionHeader, style: { marginTop: 0 }, children: [_jsx(AlertTriangle, { size: 12, color: "#fda4af" }), _jsxs("span", { className: syncStatusStyles.syncStatusLabel, style: { color: '#fda4af' }, children: ["Last Error (", workspaceSyncDiagnostics.lastErrorAt ? new Date(workspaceSyncDiagnostics.lastErrorAt).toLocaleTimeString() : 'Recent', ")"] })] }), _jsx("span", { className: `${syncStatusStyles.syncStatusValue} ${syncStatusStyles.syncStatusValueError}`, children: syncLastError })] })), referenceMismatchCount > 0 && (_jsxs("div", { className: syncStatusStyles.syncStatusPanel, style: { background: 'rgba(250, 204, 21, 0.08)', borderColor: 'rgba(250, 204, 21, 0.22)' }, children: [_jsxs("div", { className: syncStatusStyles.syncStatusPanelHeader, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, style: { color: '#fde68a' }, children: "Identifier Integrity" }), _jsxs("span", { className: syncStatusStyles.syncStatusPanelMeta, children: [referenceMismatchCount, " mismatch", referenceMismatchCount === 1 ? '' : 'es', " detected"] })] }), _jsx("span", { className: syncStatusStyles.syncStatusValue, children: "Task, document, or image reference numbers disagreed during normal sync. Cloud-backed sync preserves the incoming cloud reference and renumbers the displaced local item to the next available reference." }), activeReferenceMismatchSummaries.length > 0 && (_jsx("div", { style: { marginTop: '10px', display: 'flex', flexDirection: 'column', gap: '8px' }, children: activeReferenceMismatchSummaries.map((item) => (_jsxs("div", { style: {
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    gap: '2px',
+                                    padding: '8px 10px',
+                                    borderRadius: '8px',
+                                    background: 'rgba(15, 23, 42, 0.18)',
+                                    border: '1px solid rgba(250, 204, 21, 0.16)'
+                                }, children: [_jsx("span", { className: syncStatusStyles.syncStatusValue, style: { fontSize: '12px', wordBreak: 'break-all' }, children: item.pathLabel }), item.refsLabel ? (_jsx("span", { className: syncStatusStyles.syncStatusPanelMeta, children: item.refsLabel })) : null] }, item.key))) }))] })), _jsxs("div", { className: syncStatusStyles.syncStatusPanel, children: [_jsxs("div", { className: syncStatusStyles.syncStatusPanelHeader, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Local Sync Diagnostics" }), _jsx("span", { className: syncStatusStyles.syncStatusPanelMeta, style: { fontSize: '10px' }, children: "AI profiles & metadata" })] }), _jsx("div", { className: syncStatusStyles.syncStatusCompactGrid, style: { gridTemplateColumns: 'repeat(2, 1fr)' }, children: syncDiagnosticsSummary.map((item) => (_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'baseline', gap: '8px' }, children: [_jsx("span", { className: syncStatusStyles.syncStatusLabel, style: { fontSize: '9px', textTransform: 'capitalize' }, children: item.label }), _jsx("span", { className: syncStatusStyles.syncStatusValue, style: { fontSize: '11px', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }, children: item.value })] }, item.label))) })] }), _jsxs("div", { className: syncStatusStyles.syncStatusPanel, children: [_jsx("div", { className: syncStatusStyles.syncStatusPanelHeader, children: _jsx("span", { className: syncStatusStyles.syncStatusLabel, children: "Recent Events" }) }), _jsx("div", { ref: syncEventsListRef, className: syncStatusStyles.syncStatusEventsList, style: { height: '120px' }, children: syncEventRows.map((row) => (_jsx("div", { className: [
+                                    syncStatusStyles.syncStatusEventItem,
+                                    row.tone === 'error' ? syncStatusStyles.syncStatusEventItemError : '',
+                                    row.tone === 'muted' ? syncStatusStyles.syncStatusEventItemMuted : ''
+                                ].filter(Boolean).join(' '), style: { padding: '6px 8px', borderRadius: '6px' }, children: _jsx("span", { className: syncStatusStyles.syncStatusEventLine, style: { fontSize: '11px' }, children: row.text }) }, row.key))) })] }), _jsxs("div", { className: `${modalStyles.formActions} ${syncStatusStyles.syncStatusActions}`, children: [_jsxs("div", { className: syncStatusStyles.syncStatusSecondaryActions, children: [_jsx("button", { className: styles.cancelBtn, onClick: onRepairSync, disabled: workspaceSyncRepairBusy, title: workspaceSyncRepairBusy
+                                        ? 'Repair is running now.'
+                                        : workspaceSyncRepairQueued
+                                            ? 'Repair is queued and will start when the current sync finishes.'
+                                            : workspaceSyncBusy
+                                                ? 'Queue a repair to start automatically when the current sync finishes.'
+                                                : 'Advanced recovery: clear the saved pull cursor and re-fetch cloud state from the beginning.', children: workspaceSyncRepairBusy ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 14, className: styles.spinner }), _jsx("span", { style: { marginLeft: '6px' }, children: "Repairing..." })] })) : workspaceSyncRepairQueued ? ('Repair Queued') : ('Repair') }), _jsxs("button", { className: styles.cancelBtn, onClick: onCopyReport, title: "Copy the current sync manager report for support or AI troubleshooting.", children: [_jsx(Copy, { size: 14 }), _jsx("span", { style: { marginLeft: '6px' }, children: workspaceSyncCopied ? 'Copied' : 'Copy Report' })] })] }), _jsxs("div", { className: syncStatusStyles.syncStatusPrimaryActions, children: [_jsx("div", { className: syncStatusStyles.syncStatusPrimaryActionSlot, children: runtimeMode === 'local' && !isAuthenticated ? (_jsx("button", { className: styles.submitBtn, onClick: onOpenLogin, children: "Sign In / Register" })) : (_jsx("div", { className: syncStatusStyles.syncStatusActionPlaceholder, "aria-hidden": "true" })) }), _jsx("div", { className: syncStatusStyles.syncStatusPrimaryActionSlot, children: _jsx("button", { className: styles.submitBtn, onClick: onRetrySync, disabled: workspaceSyncBusy, children: workspaceSyncBusy ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 14, className: styles.spinner }), "Syncing..."] })) : (_jsxs(_Fragment, { children: [_jsx(RefreshCw, { size: 14 }), "Sync"] })) }) })] })] })] }) }));
+}

package/dist/components/views/standalone/modals/TeamManagementModal.d.ts

@@ -0,0 +1,64 @@
+import type { ModalThemeName } from './types';
+type TeamManagementTab = 'members' | 'invites' | 'audit';
+type TeamPlanMode = 'unknown' | 'personal' | 'team';
+type PermissionMode = 'read-only' | 'read-write';
+interface TeamWorkspaceUser {
+    userId: string;
+    email: string;
+    displayName?: string | null;
+    role: string;
+    permissionMode: PermissionMode;
+    status: string;
+    disabled: boolean;
+}
+interface TeamAuditEvent {
+    id: string;
+    action: string;
+    actorUserId: string;
+    actorRole: string;
+    createdAt: string;
+}
+interface TeamInviteSummary {
+    userId: string;
+    email: string;
+    displayName?: string | null;
+    role: string;
+}
+interface TeamManagementModalProps {
+    isOpen: boolean;
+    theme: ModalThemeName;
+    teamPlanMode: TeamPlanMode;
+    teamMgmtError: string | null;
+    teamManagementTab: TeamManagementTab;
+    teamUsersLoading: boolean;
+    teamUsers: TeamWorkspaceUser[];
+    teamActionBusyUserId: string | null;
+    teamInviteFeedback: string | null;
+    teamInviteEmail: string;
+    teamInviteRole: 'admin' | 'member';
+    teamInvitePermissionMode: PermissionMode;
+    teamInviteBusy: boolean;
+    pendingInvites: TeamInviteSummary[];
+    teamAuditLoading: boolean;
+    teamAuditEvents: TeamAuditEvent[];
+    teamAuditPage: number;
+    teamAuditPages: number;
+    teamAuditHasMore: boolean;
+    onClose: () => void;
+    onOpenMembersTab: () => void;
+    onOpenInvitesTab: () => void;
+    onOpenAuditTab: () => void;
+    onMemberRoleChange: (userId: string, role: string) => void;
+    onMemberPermissionChange: (userId: string, mode: string) => void;
+    onToggleMemberDisabled: (userId: string, disabled: boolean) => void;
+    onRevokeInvite: (userId: string) => void;
+    onRemoveMember: (userId: string) => void;
+    onInviteEmailChange: (value: string) => void;
+    onInviteRoleChange: (value: 'admin' | 'member') => void;
+    onInvitePermissionModeChange: (value: PermissionMode) => void;
+    onSubmitInvite: () => void;
+    onLoadAuditPrevious: () => void;
+    onLoadAuditNext: () => void;
+}
+export declare function TeamManagementModal({ isOpen, theme, teamPlanMode, teamMgmtError, teamManagementTab, teamUsersLoading, teamUsers, teamActionBusyUserId, teamInviteFeedback, teamInviteEmail, teamInviteRole, teamInvitePermissionMode, teamInviteBusy, pendingInvites, teamAuditLoading, teamAuditEvents, teamAuditPage, teamAuditPages, teamAuditHasMore, onClose, onOpenMembersTab, onOpenInvitesTab, onOpenAuditTab, onMemberRoleChange, onMemberPermissionChange, onToggleMemberDisabled, onRevokeInvite, onRemoveMember, onInviteEmailChange, onInviteRoleChange, onInvitePermissionModeChange, onSubmitInvite, onLoadAuditPrevious, onLoadAuditNext, }: TeamManagementModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/views/standalone/modals/TeamManagementModal.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from '../../../ui/Modal';
+import modalStyles from '../../../ui/Modal.module.css';
+import accountStyles from '../../StandaloneAccount.module.css';
+import authStyles from '../../AuthShell.module.css';
+import managementStyles from '../../StandaloneManagement.module.css';
+import styles from '../../../../Taskforce.module.css';
+export function TeamManagementModal({ isOpen, theme, teamPlanMode, teamMgmtError, teamManagementTab, teamUsersLoading, teamUsers, teamActionBusyUserId, teamInviteFeedback, teamInviteEmail, teamInviteRole, teamInvitePermissionMode, teamInviteBusy, pendingInvites, teamAuditLoading, teamAuditEvents, teamAuditPage, teamAuditPages, teamAuditHasMore, onClose, onOpenMembersTab, onOpenInvitesTab, onOpenAuditTab, onMemberRoleChange, onMemberPermissionChange, onToggleMemberDisabled, onRevokeInvite, onRemoveMember, onInviteEmailChange, onInviteRoleChange, onInvitePermissionModeChange, onSubmitInvite, onLoadAuditPrevious, onLoadAuditNext, }) {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Team Management", size: "md", theme: theme, draggable: true, children: _jsxs("div", { className: `${modalStyles.form} ${managementStyles.modalBody}`, children: [teamPlanMode === 'personal' && (_jsx("p", { className: authStyles.loginError, children: "Team management is only available in TEAM accounts." })), teamMgmtError && (_jsx("p", { className: authStyles.loginError, children: teamMgmtError })), _jsxs("div", { className: `${styles.settingsTabs} tf-scrollbar tf-scrollbar--track-transparent tf-scrollbar--compact`, children: [_jsx("button", { className: `${styles.settingsTabBtn} ${teamManagementTab === 'members' ? styles.settingsTabBtnActive : ''}`, onClick: onOpenMembersTab, children: "Members" }), _jsx("button", { className: `${styles.settingsTabBtn} ${teamManagementTab === 'invites' ? styles.settingsTabBtnActive : ''}`, onClick: onOpenInvitesTab, children: "Invites" }), _jsx("button", { className: `${styles.settingsTabBtn} ${teamManagementTab === 'audit' ? styles.settingsTabBtnActive : ''}`, onClick: onOpenAuditTab, children: "Audit Log" })] }), teamManagementTab === 'members' && (_jsxs("div", { className: accountStyles.accountHubCard, children: [teamUsersLoading && _jsx("p", { className: managementStyles.mutedText, children: "Loading members..." }), !teamUsersLoading && teamUsers.length === 0 && (_jsx("p", { className: managementStyles.mutedText, children: "No users found." })), !teamUsersLoading && teamUsers.map((member) => (_jsxs("div", { className: managementStyles.memberRow, children: [_jsx("div", { className: managementStyles.memberTitle, children: member.displayName || member.email }), _jsxs("div", { className: accountStyles.accountMenuMeta, children: [member.email, " \u00B7 ", member.status, member.disabled ? ' · deactivated' : ''] }), _jsxs("div", { className: managementStyles.memberActions, children: [_jsxs("select", { className: `${styles.input} ${managementStyles.selectRole}`, value: member.role, onChange: (event) => onMemberRoleChange(member.userId, event.target.value), disabled: teamActionBusyUserId === member.userId, children: [_jsx("option", { value: "owner", children: "Owner" }), _jsx("option", { value: "admin", children: "Admin" }), _jsx("option", { value: "member", children: "Member" })] }), member.role === 'member' && (_jsxs("select", { className: `${styles.input} ${managementStyles.selectPermission}`, value: member.permissionMode, onChange: (event) => onMemberPermissionChange(member.userId, event.target.value), disabled: teamActionBusyUserId === member.userId, children: [_jsx("option", { value: "read-write", children: "Read / Write" }), _jsx("option", { value: "read-only", children: "Read Only" })] })), _jsx("button", { className: styles.cancelBtn, disabled: teamActionBusyUserId === member.userId, onClick: () => onToggleMemberDisabled(member.userId, !member.disabled), children: member.disabled ? 'Reactivate' : 'Deactivate' }), member.status === 'invited' && (_jsx("button", { className: styles.cancelBtn, disabled: teamActionBusyUserId === member.userId, onClick: () => onRevokeInvite(member.userId), children: "Revoke Invite" })), _jsx("button", { className: styles.cancelBtn, disabled: teamActionBusyUserId === member.userId, onClick: () => onRemoveMember(member.userId), children: "Remove" })] })] }, member.userId)))] })), teamManagementTab === 'invites' && (_jsxs("div", { className: accountStyles.accountHubCard, children: [teamInviteFeedback && (_jsx("p", { className: managementStyles.sectionText, children: teamInviteFeedback })), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("label", { className: `${styles.label} ${managementStyles.labelFixed}`, children: "Email" }), _jsx("input", { className: styles.input, value: teamInviteEmail, onChange: (event) => onInviteEmailChange(event.target.value), placeholder: "name@company.com" })] }), _jsxs("div", { className: styles.pathInputGroup, children: [_jsx("label", { className: `${styles.label} ${managementStyles.labelFixed}`, children: "Role" }), _jsxs("select", { className: `${styles.input} ${managementStyles.selectRole}`, value: teamInviteRole, onChange: (event) => onInviteRoleChange(event.target.value === 'admin' ? 'admin' : 'member'), children: [_jsx("option", { value: "member", children: "Member" }), _jsx("option", { value: "admin", children: "Admin" })] }), teamInviteRole === 'member' && (_jsxs("select", { className: `${styles.input} ${managementStyles.selectPermission}`, value: teamInvitePermissionMode, onChange: (event) => onInvitePermissionModeChange(event.target.value === 'read-only' ? 'read-only' : 'read-write'), children: [_jsx("option", { value: "read-write", children: "Read / Write" }), _jsx("option", { value: "read-only", children: "Read Only" })] })), _jsx("button", { className: styles.submitBtn, disabled: teamInviteBusy || !teamInviteEmail.trim() || teamPlanMode !== 'team', onClick: onSubmitInvite, children: teamInviteBusy ? 'Sending...' : 'Send Invite' })] }), _jsxs("div", { className: managementStyles.inviteRow, children: [_jsx("div", { className: managementStyles.listHeading, children: "Pending Invites" }), pendingInvites.length === 0 && (_jsx("p", { className: managementStyles.mutedText, children: "No pending invites." })), pendingInvites.map((invite) => (_jsxs("div", { className: managementStyles.memberRow, children: [_jsx("div", { className: managementStyles.memberTitle, children: invite.displayName || invite.email }), _jsxs("div", { className: accountStyles.accountMenuMeta, children: [invite.email, " \u00B7 ", invite.role] })] }, invite.userId)))] })] })), teamManagementTab === 'audit' && (_jsxs("div", { className: accountStyles.accountHubCard, children: [teamAuditLoading && _jsx("p", { className: managementStyles.mutedText, children: "Loading audit entries..." }), !teamAuditLoading && teamAuditEvents.length === 0 && (_jsx("p", { className: managementStyles.mutedText, children: "No audit events for this workspace." })), !teamAuditLoading && (_jsx("div", { className: managementStyles.auditList, children: teamAuditEvents.map((event) => (_jsxs("div", { className: managementStyles.memberRow, children: [_jsx("div", { className: accountStyles.accountMenuMeta, children: new Date(event.createdAt).toLocaleString() }), _jsx("div", { className: managementStyles.memberTitle, children: event.action }), _jsxs("div", { className: accountStyles.accountMenuMeta, children: [event.actorUserId, " (", event.actorRole, ")"] })] }, event.id))) })), _jsxs("div", { className: managementStyles.auditPager, children: [_jsx("button", { className: styles.cancelBtn, disabled: teamAuditLoading || teamAuditPage === 0, onClick: onLoadAuditPrevious, children: "Previous" }), _jsxs("span", { className: accountStyles.accountMenuMeta, children: ["Page ", teamAuditPage + 1, " of ", teamAuditPages] }), _jsx("button", { className: styles.cancelBtn, disabled: teamAuditLoading || !teamAuditHasMore || teamAuditPage + 1 >= teamAuditPages, onClick: onLoadAuditNext, children: "Next" })] })] })), _jsx("div", { className: `${modalStyles.formActions} ${managementStyles.modalActionsEnd}`, children: _jsx("button", { className: styles.cancelBtn, onClick: onClose, children: "Close" }) })] }) }));
+}

package/dist/components/views/standalone/modals/types.d.ts

@@ -0,0 +1,2 @@
+export type ModalThemeName = 'light' | 'dawn' | 'dark' | 'midnight';
+export type ModalRuntimeMode = 'cloud' | 'local';

package/dist/components/views/standalone/modals/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/views/teamManagementAccess.d.ts

@@ -3,4 +3,4 @@ export type TeamWorkspaceRole = 'owner' | 'admin' | 'member' | 'read-only';
 export declare function normalizeTeamWorkspaceRole(value: unknown): TeamWorkspaceRole | null;
 export declare function canManageTeamWorkspace(canManageCloudWorkspaces: boolean, currentWorkspaceRole: TeamWorkspaceRole | null): boolean;
 export declare function resolveTeamPlanModeFromEntitlements(payload: unknown): Exclude<TeamPlanMode, 'unknown'>;
-export declare function canOpenTeamManagement(canManageCloudWorkspaces: boolean, currentWorkspaceRole: TeamWorkspaceRole | null, _teamPlanMode: TeamPlanMode): boolean;
+export declare function canOpenTeamManagement(canManageCloudWorkspaces: boolean, currentWorkspaceRole: TeamWorkspaceRole | null, teamPlanMode: TeamPlanMode): boolean;

package/dist/components/views/teamManagementAccess.js

@@ -13,6 +13,6 @@ export function resolveTeamPlanModeFromEntitlements(payload) {
     const stateAllows = state === 'active' || state === 'trialing' || state === 'grace';
     return teamAllowed && stateAllows ? 'team' : 'personal';
 }
-export function canOpenTeamManagement(canManageCloudWorkspaces, currentWorkspaceRole, _teamPlanMode) {
-    return canManageTeamWorkspace(canManageCloudWorkspaces, currentWorkspaceRole);
+export function canOpenTeamManagement(canManageCloudWorkspaces, currentWorkspaceRole, teamPlanMode) {
+    return canManageTeamWorkspace(canManageCloudWorkspaces, currentWorkspaceRole) && teamPlanMode === 'team';
 }

package/dist/components/views/teamManagementAccess.test.js

@@ -33,11 +33,11 @@ describe('teamManagementAccess', () => {
             }
         })).toBe('personal');
     });
-    it('opens Team Management whenever the workspace admin role is present', () => {
+    it('opens Team Management only when the workspace admin role and team entitlement are both present', () => {
         expect(canOpenTeamManagement(true, 'owner', 'team')).toBe(true);
         expect(canOpenTeamManagement(true, 'admin', 'team')).toBe(true);
-        expect(canOpenTeamManagement(true, 'owner', 'personal')).toBe(true);
-        expect(canOpenTeamManagement(true, 'owner', 'unknown')).toBe(true);
+        expect(canOpenTeamManagement(true, 'owner', 'personal')).toBe(false);
+        expect(canOpenTeamManagement(true, 'owner', 'unknown')).toBe(false);
         expect(canOpenTeamManagement(true, 'member', 'team')).toBe(false);
         expect(canOpenTeamManagement(false, 'owner', 'team')).toBe(false);
     });

package/dist/config/deployment.js

@@ -48,7 +48,7 @@ export function resolveDeploymentConfig(env, options = {}) {
     const cloudMcpBaseUrl = firstNonEmpty(explicitCloudMcpBaseUrl, canonicalCloudMcpBaseUrl, cloudBaseUrl);
     const baseUrl = firstNonEmpty(requestBaseUrl, explicitBaseUrl, explicitApiBaseUrl, explicitCloudAuthBaseUrl, cloudBaseUrl);
     const apiBaseUrl = firstNonEmpty(requestBaseUrl, explicitApiBaseUrl, explicitBaseUrl, cloudBaseUrl);
-    const cloudAuthBaseUrl = firstNonEmpty(requestBaseUrl, explicitCloudAuthBaseUrl, explicitBaseUrl, explicitApiBaseUrl, cloudBaseUrl);
+    const cloudAuthBaseUrl = firstNonEmpty(explicitCloudAuthBaseUrl, explicitBaseUrl, explicitApiBaseUrl, cloudBaseUrl);
     const wsBaseUrl = runtimeMode === 'local'
         ? firstNonEmpty(explicitWsBaseUrl, requestBaseUrl, explicitApiBaseUrl, explicitBaseUrl, explicitCloudProxyBaseUrl, explicitCloudAuthBaseUrl, canonicalCloudBaseUrl, cloudBaseUrl)
         : firstNonEmpty(requestBaseUrl, explicitWsBaseUrl, apiBaseUrl, baseUrl, cloudBaseUrl);
@@ -61,7 +61,7 @@ export function resolveDeploymentConfig(env, options = {}) {
         apiBaseUrl,
         cloudAuthBaseUrl,
         wsBaseUrl,
-        cloudAuthViaLocalProxy: Boolean(explicitCloudProxyBaseUrl),
+        cloudAuthViaLocalProxy: runtimeMode === 'local' || Boolean(explicitCloudProxyBaseUrl),
         warnings
     };
 }

package/dist/config/deployment.test.js

@@ -21,7 +21,7 @@ describe('config/deployment', () => {
         expect(deployment.cloudAuthBaseUrl).toBe('https://staging-app.taskforcehq.ai');
         expect(deployment.wsBaseUrl).toBe('https://staging-app.taskforcehq.ai');
     });
-    it('keeps request-origin precedence for base/api urls and local-runtime websockets', () => {
+    it('keeps request-origin precedence for base/api urls and local-runtime websockets while preserving cloud auth origin', () => {
         const deployment = resolveDeploymentConfig({
             TASKFORCE_RUNTIME_MODE: 'local',
             TASKFORCE_CLOUD_ENVIRONMENT: 'production',
@@ -31,9 +31,10 @@ describe('config/deployment', () => {
         });
         expect(deployment.baseUrl).toBe('http://127.0.0.1:5174');
         expect(deployment.apiBaseUrl).toBe('http://127.0.0.1:5174');
-        expect(deployment.cloudAuthBaseUrl).toBe('http://127.0.0.1:5174');
+        expect(deployment.cloudAuthBaseUrl).toBe('https://app.taskforcehq.ai');
         expect(deployment.wsBaseUrl).toBe('http://127.0.0.1:5174');
         expect(deployment.cloudMcpBaseUrl).toBe('https://mcp.taskforcehq.ai');
+        expect(deployment.cloudAuthViaLocalProxy).toBe(true);
     });
     it('keeps local-runtime websockets on the request origin even when cloud proxying is configured', () => {
         const deployment = resolveDeploymentConfig({
@@ -45,8 +46,9 @@ describe('config/deployment', () => {
         });
         expect(deployment.baseUrl).toBe('http://127.0.0.1:5174');
         expect(deployment.apiBaseUrl).toBe('http://127.0.0.1:5174');
-        expect(deployment.cloudAuthBaseUrl).toBe('http://127.0.0.1:5174');
+        expect(deployment.cloudAuthBaseUrl).toBe('https://staging-app.taskforcehq.ai');
         expect(deployment.wsBaseUrl).toBe('http://127.0.0.1:5174');
+        expect(deployment.cloudAuthViaLocalProxy).toBe(true);
     });
     it('still honors an explicit websocket override in local runtime', () => {
         const deployment = resolveDeploymentConfig({