@taskforcehq/taskforce 0.3.309 → 0.3.313

package/README.md

@@ -1,182 +1,144 @@
 # Taskforce
 
-Taskforce is a task management system for humans working with AI.
+Taskforce is a shared task and planning workspace for humans collaborating with AI.
 
-It combines structured task tracking, planning layers, document and image review workflows, and built-in MCP access so AI collaborators can participate in the same operational system instead of living in a separate chat transcript.
+It brings tasks, planning, document review, image review, and AI access into one place so people and AI collaborators can work from the same source of truth.
 
 Taskforce is currently in beta and under active development.
 
-## What Taskforce includes today
+## Install Taskforce
 
-### Core task management
-- Tasks with title, description, status, priority, type, category, assignee, due date, scheduled date, and checklist support
-- Custom workspace taxonomy for categories, types, priorities, approaches, and complexity
-- Task comments and task attachments
-- Schedule board for planning work by day
-- Archive and restore flows for completed or cancelled work
+Install Taskforce once, then run it from any folder, workspace, or project:
 
-### Planning model
-- Initiatives, workstreams, tasks, and checklists
-- Workstream and initiative assignment for tasks
-- Initiative templates for reusable planning structures such as launch, migration, or incident work
+```bash
+npm install --global @taskforcehq/taskforce
+```
 
-### AI collaboration
-- Built-in MCP support for local and cloud usage
-- AI profile resolution and task ownership for agent collaborators
-- MCP tools for reading and updating tasks, planning entities, documents, image reviews, schedules, and attachments
-- Local MCP configuration for local clients such as Codex, Claude Code CLI, and Gemini CLI
-- Cloud MCP token flow for remote clients
+Then open Taskforce from the folder, workspace, or project you want to manage:
 
-### Document and image review
-- Canonical document assets with document review sessions and threaded review comments
-- Image Notes for visual review with saved annotation sessions and markers
-- MCP helper flows for document review and image review
-
-### Runtime and deployment model
-- Local runtime and cloud runtime support
-- Separate app, site, and admin surfaces in the repo
-- Auth, billing, and account flows for the hosted product
-- Workspace sync and cloud/local runtime routing infrastructure
-
-## What is intentionally not part of the product right now
-
-These exist in the codebase in some form, but should not be treated as current product surface area.
-
-- **Workflow editor**: currently disabled and should not be presented as an active feature
-- **Embedded widget/in-app overlay version**: not part of the product right now, not tested recently, and likely to be deprecated
-
-## Product surfaces
-
-- `apps/app` - the main Taskforce application
-- `apps/site` - the public website / marketing surface
-- `apps/admin` - the admin surface
-
-## Repository structure
-
-```text
-apps/
-  app/          Main product app
-  site/         Public website
-  admin/        Admin surface
-src/
-  components/   UI components and product modules
-  core/         Core application logic
-  server/       Server routes and runtime logic
-  mcp/          MCP runtime and tool registry
-  sync/         Sync model and transfer logic
-  storage/      Persistence and asset storage
-tests/
-  e2e/          Playwright realtime and interactive browser scenarios
-  soak/         Playwright soak and endurance scenarios
+```bash
+taskforce open
 ```
 
-Most fast regression coverage is colocated beside the code under `src/` and `apps/` as `*.test.ts` and `*.test.tsx` files.
+You can also install with Homebrew:
 
-## Getting started
+```bash
+brew tap taskforcehq/tap
+brew install taskforce
+```
 
-### Prerequisites
-- Node.js 20+
-- npm
+The npm package page may show `npm i @taskforcehq/taskforce`, but most users should include `--global` so the `taskforce` command is available from the terminal.
 
-### Install dependencies
+## Update Taskforce
+
+If you installed with npm:
 
 ```bash
-npm ci
+npm update --global @taskforcehq/taskforce
 ```
 
-### Run the main app locally
+If you installed with Homebrew:
 
 ```bash
-npm run dev
+brew upgrade taskforce
 ```
 
-If you need the runtime-oriented local flow used by the product rather than simple frontend dev mode, use the repo scripts documented in `package.json` and the active docs under `docs/reference/` and `docs/runbooks/`.
+## Get Started
 
-### Build
+Go to the folder you want Taskforce to manage, then run:
 
 ```bash
-npm run build
+taskforce open
 ```
 
-## MCP
+Taskforce opens in your browser and stores workspace data in that folder, under `.taskforce/`.
 
-Taskforce includes built-in MCP support so AI clients can operate directly against the workspace.
+Updating or uninstalling Taskforce does not remove your workspace data.
 
-### Local MCP
-Use Local MCP for local stdio-based clients. This is the intended path for tools such as:
-- Codex
-- Claude Code CLI
-- Gemini CLI
+To confirm which workspace Taskforce is using:
 
-Local MCP does not require a cloud token.
+```bash
+taskforce status
+```
 
-### Cloud MCP
-Use Cloud MCP for hosted remote clients. Cloud MCP uses token-based access and the hosted MCP endpoint.
+To connect a local AI client through MCP, start the MCP server from the same workspace:
 
-## Major product capabilities
+```bash
+taskforce mcp
+```
 
-### 1. Shared task system for humans and AI
-Taskforce is designed so people and AI agents can work from the same task graph, rather than forcing humans to maintain one system and agents to operate from another.
+## What Taskforce Includes
 
-### 2. Planning beyond flat tasks
-Taskforce supports a planning hierarchy that can represent real work:
-- Initiative
-- Workstream
-- Task
-- Checklist
+### Task Management
 
-This is meant to support launch work, migrations, larger feature tracks, and other multi-layer efforts.
+- Tasks with title, description, status, priority, type, category, assignee, due date, scheduled date, and checklist support
+- Custom workspace taxonomy for categories, types, priorities, approaches, and complexity
+- Task comments and task attachments
+- Schedule board for planning work by day
+- Archive and restore flows for completed or cancelled work
+
+### Planning
+
+- Initiatives, workstreams, tasks, and checklists
+- Workstream and initiative assignment for tasks
+- Initiative templates for reusable planning structures such as launches, migrations, and incident response
+
+### AI Collaboration
+
+- Built-in MCP access for AI clients
+- AI profiles and task ownership for agent collaborators
+- Tools for agents to read and update tasks, planning entities, documents, image reviews, schedules, and attachments
+- Local MCP support for clients such as Codex, Claude Code CLI, and Gemini CLI
+- Cloud MCP access for hosted remote clients
 
-### 3. Review-native workflows
-Taskforce includes first-class review surfaces for:
-- documents, via document review sessions and comments
-- images, via Image Notes sessions and markers
+### Document And Image Review
 
-These are not decorative attachments. They are structured review workflows.
+- Document review sessions with threaded comments
+- Image Notes for visual review with saved annotation sessions and markers
+- AI-assisted document and image review workflows
+
+### Sync And Hosted Workspaces
 
-### 4. AI-operable product state
-Taskforce exposes product state through MCP so agents can:
-- read tasks and planning structures
-- update status and ownership
-- create and comment on review sessions
-- work with schedules and attachments
+- Local workspace data for private, machine-local use
+- Hosted workspaces for cloud-backed collaboration
+- Workspace sync between local and cloud environments
+- Account, auth, and billing flows for hosted usage
 
-## What to avoid saying about Taskforce right now
+## MCP
 
-Do not describe Taskforce as:
-- a production-ready embedded widget product
-- a workflow editor product
-- a generic developer overlay tool
-- something centered only on AI-developer pairs
+Taskforce includes built-in MCP support so AI clients can work directly with your workspace.
 
-That undersells or misstates where the product is now.
+Local MCP is for AI clients running on the same machine as your workspace. It does not require a cloud token.
 
-A better framing is:
+Cloud MCP is for hosted remote clients and uses token-based access.
 
-> Taskforce is a task and planning system for humans collaborating with AI, with built-in review workflows and MCP access.
+## Uninstall Taskforce
 
-## Development notes
+If you installed with npm:
+
+```bash
+npm uninstall --global @taskforcehq/taskforce
+```
 
-### Validation
-Useful local checks include:
+If you installed with Homebrew:
 
 ```bash
-npm run build
-npm run test
+brew uninstall taskforce
 ```
 
-Testing guidance lives in:
+Your workspace data remains in each workspace's `.taskforce/` directory.
+
+## Requirements
+
+- Node.js 20+
+- npm, or Homebrew on macOS
+
+## Support
 
-- `docs/reference/engineering/test-infrastructure.md`
-- `docs/runbooks/sync-soak-runbook.md`
-- `docs/reference/operations/external-qa-workflow.md`
+Taskforce is in beta. For issues and feedback, use GitHub Issues:
 
-### Important docs
-- `docs/reference/engineering/test-infrastructure.md`
-- `docs/reference/platform/runtime-modes-contract.md`
-- `docs/reference/operations/external-qa-workflow.md`
-- `docs/runbooks/sync-soak-runbook.md`
+https://github.com/taskforcehq/taskforce/issues
 
 ## Status
 
-Taskforce is in active beta development. The product surface is moving, so this README is intentionally conservative and only describes capabilities that are complete enough to stand behind today.
+Taskforce is in active beta development. This README describes the user-facing capabilities that are ready to try today.

package/dist/TaskforceCore.js

@@ -1367,7 +1367,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     if (shellRenderState === 'coming-soon') {
         return (_jsx("div", { className: shellStyles.standaloneWrapper, "data-theme": currentTheme, children: _jsx("div", { className: authStyles.loginView, style: {
                     backgroundImage: `linear-gradient(rgba(15, 15, 26, 0.88), rgba(15, 15, 26, 0.9)), url(${taskforceBg})`
-                }, children: _jsxs("div", { className: authStyles.loginCard, children: [_jsxs("div", { className: authStyles.authBrandRow, children: [_jsx("img", { src: authBrandLogo, alt: "Taskforce", className: authStyles.loginLogo }), _jsx("h1", { className: authStyles.loginTitle, children: "Private Beta" })] }), _jsx("p", { className: authStyles.loginSubtitle, children: "You are signed in, but your account is not in the beta allowlist yet." }), _jsx("p", { className: authStyles.loginSubtitle, children: "You will see the full app as soon as beta access is enabled." }), _jsx("button", { className: styles.cancelBtn, onClick: async () => { await taskforceState.logout(); navigate('/login', { replace: true }); }, children: "Sign Out" })] }) }) }));
+                }, children: _jsxs("div", { className: authStyles.loginCard, children: [_jsxs("div", { className: authStyles.authBrandRow, children: [_jsx("img", { src: authBrandLogo, alt: "Taskforce", className: authStyles.loginLogo }), _jsx("h1", { className: authStyles.loginTitle, children: "Beta Access" })] }), _jsx("p", { className: authStyles.loginSubtitle, children: "You are signed in, but your account does not have beta access yet." }), _jsx("p", { className: authStyles.loginSubtitle, children: "You will see the full app as soon as beta access is enabled." }), _jsx("button", { className: styles.cancelBtn, onClick: async () => { await taskforceState.logout(); navigate('/login', { replace: true }); }, children: "Sign Out" })] }) }) }));
     }
     if (shellRenderState === 'guided-setup') {
         const isError = !isCreateWorkspaceIntent && (hasSetupReadError || setupStep === 'error');

package/dist/components/context/ContextAttachmentManager.js

@@ -1,7 +1,8 @@
-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 { useEffect, useMemo, useRef, useState } from 'react';
-import { AlertTriangle, Copy, Download, File, FileUp, Loader2, PencilLine, Trash2, ChevronDown, ChevronRight } from 'lucide-react';
+import { AlertTriangle, Copy, Download, File, FileUp, Loader2, PencilLine, Trash2 } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
+import { DisclosureSectionHeader } from '../ui/DisclosureSectionHeader';
 import { dispatchOpenMarkdownDocument } from '../../utils/contextFiles';
 import { canOpenAnnotatedAttachment, dispatchOpenAnnotatedAttachment } from '../../utils/annotatedAttachments';
 import { dispatchTaskforceContextAssetsMutated } from '../../utils/contextAssetEvents';
@@ -460,7 +461,7 @@ export function ContextAttachmentManager(props) {
         const path = typeof item === 'string' ? item : item.path;
         return !isImagePath(path);
     });
-    return (_jsxs("div", { className: styles.specialistSection, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowContextUpload(!showContextUpload), title: showContextUpload ? 'Hide context documents' : 'Show context documents', children: [_jsxs("label", { className: styles.label, children: ["Context Documents ", attachments.length > 0 && `(${attachments.length})`] }), showContextUpload ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }), showContextUpload && (_jsxs(_Fragment, { children: [_jsxs("p", { className: styles.settingsHint, children: ["Upload files into ", ownerTypeLabel, " context storage, or add an external http(s) URL."] }), _jsxs("div", { className: styles.contextUploadPanel, children: [_jsxs("div", { className: styles.contextUploadActions, children: [_jsxs("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => inputRef.current?.click(), disabled: uploading, children: [uploading ? _jsx(Loader2, { size: 12, className: styles.spinner }) : _jsx(FileUp, { size: 12 }), uploading ? 'Uploading...' : 'Upload File'] }), _jsxs("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => {
+    return (_jsxs("div", { className: styles.specialistSection, children: [_jsx(DisclosureSectionHeader, { label: "Context Documents", count: attachments.length, expanded: showContextUpload, expandedTitle: "Hide context documents", collapsedTitle: "Show context documents", onToggle: () => setShowContextUpload(!showContextUpload) }), showContextUpload && (_jsxs(_Fragment, { children: [_jsxs("p", { className: styles.settingsHint, children: ["Upload files into ", ownerTypeLabel, " context storage, or add an external http(s) URL."] }), _jsxs("div", { className: styles.contextUploadPanel, children: [_jsxs("div", { className: styles.contextUploadActions, children: [_jsxs("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => inputRef.current?.click(), disabled: uploading, children: [uploading ? _jsx(Loader2, { size: 12, className: styles.spinner }) : _jsx(FileUp, { size: 12 }), uploading ? 'Uploading...' : 'Upload File'] }), _jsxs("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => {
                                             void handlePasteImage();
                                         }, disabled: uploading, children: [_jsx(Copy, { size: 12 }), "Paste Image from Clipboard"] })] }), _jsx("input", { ref: inputRef, type: "file", accept: ACCEPTED_CONTEXT_FILE_TYPES, multiple: true, className: styles.hiddenInput, onChange: (e) => {
                                     void handleFilesSelected(e.target.files);

package/dist/components/features/InitiativesModule.js

@@ -16,7 +16,7 @@ export function InitiativesModule({ initiativeTemplates, onRefreshInitiativeTemp
     return (_jsx("div", { className: `${styles.standalonePage} ${styles.standaloneContent}`, style: { overflow: 'auto' }, children: _jsx("div", { className: styles.settingsContent, style: { maxWidth: 900, margin: '0 auto', width: '100%' }, children: _jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h2", { className: styles.settingTitle, children: "Initiatives" }), _jsx("button", { className: styles.copyBtn, onClick: () => { void onRefreshInitiativeTemplates?.(); }, children: "Refresh" })] }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Create initiative-ready planning structures from reusable templates." }), _jsxs("div", { className: styles.exportItem, children: [_jsx("label", { className: styles.label, children: "Template" }), _jsx("select", { className: styles.input, value: selectedInitiativeTemplateId, onChange: (event) => {
                                     const nextId = event.target.value;
                                     setSelectedInitiativeTemplateId(nextId);
-                                }, children: initiativeTemplates.map((template) => (_jsx("option", { value: template.id, children: template.name }, template.id))) })] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Initiative Title" }), _jsx("input", { className: styles.input, placeholder: "e.g. Taskforce Private Beta Launch", value: initiativeTitle, onChange: (event) => setInitiativeTitle(event.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCreatingInitiative || !selectedInitiativeTemplateId || !initiativeTitle.trim() || !onCreateInitiativeFromTemplate, onClick: async () => {
+                                }, children: initiativeTemplates.map((template) => (_jsx("option", { value: template.id, children: template.name }, template.id))) })] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Initiative Title" }), _jsx("input", { className: styles.input, placeholder: "e.g. Taskforce Public Beta Launch", value: initiativeTitle, onChange: (event) => setInitiativeTitle(event.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCreatingInitiative || !selectedInitiativeTemplateId || !initiativeTitle.trim() || !onCreateInitiativeFromTemplate, onClick: async () => {
                             if (!onCreateInitiativeFromTemplate)
                                 return;
                             setIsCreatingInitiative(true);

package/dist/components/features/TaskSettings.js

@@ -875,7 +875,7 @@ export function TaskSettings(props) {
                                             }, disabled: !onShowTaskCardStatusLabelChange }), _jsx("span", { children: "Show status label" })] })] })), activeTab === 'appearanceTaskForms' && renderTaskFormsControls(), activeTab === 'commands' && (_jsx(_Fragment, { children: _jsxs("div", { className: styles.settingGroup, children: [_jsx("div", { className: styles.settingTitleRow, children: _jsx("h3", { className: styles.settingTitle, children: "Command Workflows" }) }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Export standard workflows to your project to verify and commit them." }), _jsxs("div", { className: `${styles.exportRow} ${styles.exportRowGrid}`, children: [_jsxs("div", { className: styles.settingGroup, children: [_jsx("h4", { className: `${styles.settingSubtitle} ${styles.settingSubtitleCustom}`, children: "Target Environment" }), _jsx("div", { className: styles.buttonGrid, children: availableEnvironments.map(env => (_jsxs("button", { onClick: () => onExportEnvironmentChange(env.id), className: `${styles.themeBtn} ${exportEnvironment === env.id ? styles.activeTheme : ''} ${styles.capitalize}`, children: [getIconComponent(env.icon), env.name] }, env.id))) })] }), _jsxs("div", { className: styles.exportItem, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.label, children: "Workflows" }), _jsxs("span", { className: styles.settingDescription, children: ["Destination: ", _jsx("code", { className: styles.code, children: exportWorkflowsPath })] })] }), _jsxs("div", { className: styles.workflowList, children: [_jsxs("div", { className: styles.workflowActions, children: [_jsx("button", { onClick: handleSelectAllWorkflows, className: styles.textBtn, children: "All" }), _jsx("button", { onClick: handleDeselectAllWorkflows, className: styles.textBtn, children: "None" })] }), _jsx("div", { className: styles.workflowGrid, children: availableWorkflows.length === 0 ? (_jsxs("div", { className: styles.emptyState, children: ["No workflow templates found.", _jsx("button", { onClick: () => onRefreshWorkflows?.(true), className: styles.secondaryBtn, style: { marginTop: '8px' }, children: "Retry Fetch" })] })) : availableWorkflows.map(wf => (_jsxs("label", { className: styles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: selectedWorkflows.includes(wf), onChange: () => handleToggleWorkflow(wf) }), wf] }, wf))) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, onClick: () => onExportWorkflows?.(exportEnvironment, selectedWorkflows), disabled: exportingResource === 'workflows' || selectedWorkflows.length === 0, children: [exportingResource === 'workflows' ? _jsx(Loader2, { size: 14, className: styles.spinner }) : _jsx(FileText, { size: 14 }), "Export Selected (", selectedWorkflows.length, ")"] })] })] }), exportResult && (_jsxs("div", { className: `${exportResult.type === 'success' ? styles.successMessage : styles.errorMessage} ${styles.marginTop12}`, children: [exportResult.type === 'success' ? _jsx(Check, { size: 14 }) : _jsx(AlertTriangle, { size: 14 }), exportResult.message] }))] }) })), activeTab === 'initiatives' && (_jsxs("div", { className: styles.settingGroup, children: [_jsxs("div", { className: styles.settingTitleRow, children: [_jsx("h3", { className: styles.settingTitle, children: "Initiative Templates" }), _jsx("button", { className: styles.copyBtn, onClick: () => { void onRefreshInitiativeTemplates?.(); }, children: "Refresh" })] }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Create launch, migration, or incident initiatives from reusable templates." }), _jsxs("div", { className: styles.exportItem, children: [_jsx("label", { className: styles.label, children: "Template" }), _jsx("select", { className: styles.input, value: selectedInitiativeTemplateId, onChange: (e) => {
                                                 const nextId = e.target.value;
                                                 setSelectedInitiativeTemplateId(nextId);
-                                            }, children: initiativeTemplates.map(template => (_jsx("option", { value: template.id, children: template.name }, template.id))) })] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Initiative Title" }), _jsx("input", { className: styles.input, placeholder: "e.g. Taskforce Private Beta Launch", value: initiativeTitle, onChange: (e) => setInitiativeTitle(e.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCreatingInitiative || !selectedInitiativeTemplateId || !initiativeTitle.trim() || !onCreateInitiativeFromTemplate, onClick: async () => {
+                                            }, children: initiativeTemplates.map(template => (_jsx("option", { value: template.id, children: template.name }, template.id))) })] }), _jsxs("div", { className: `${styles.exportItem} ${styles.marginTop12}`, children: [_jsx("label", { className: styles.label, children: "Initiative Title" }), _jsx("input", { className: styles.input, placeholder: "e.g. Taskforce Public Beta Launch", value: initiativeTitle, onChange: (e) => setInitiativeTitle(e.target.value) })] }), _jsxs("button", { className: `${styles.secondaryHeaderBtn} ${styles.marginTop12}`, disabled: isCreatingInitiative || !selectedInitiativeTemplateId || !initiativeTitle.trim() || !onCreateInitiativeFromTemplate, onClick: async () => {
                                         if (!onCreateInitiativeFromTemplate)
                                             return;
                                         setIsCreatingInitiative(true);

package/dist/components/ui/DisclosureSectionHeader.d.ts

@@ -0,0 +1,12 @@
+interface DisclosureSectionHeaderProps {
+    label: string;
+    count?: number;
+    showZeroCount?: boolean;
+    expanded: boolean;
+    expandedTitle: string;
+    collapsedTitle: string;
+    onToggle: () => void;
+    className?: string;
+}
+export declare function DisclosureSectionHeader({ label, count, showZeroCount, expanded, expandedTitle, collapsedTitle, onToggle, className, }: DisclosureSectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/DisclosureSectionHeader.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight } from 'lucide-react';
+import styles from './DisclosureSectionHeader.module.css';
+export function DisclosureSectionHeader({ label, count, showZeroCount = false, expanded, expandedTitle, collapsedTitle, onToggle, className = '', }) {
+    const shouldShowCount = typeof count === 'number' && (showZeroCount || count > 0);
+    const Icon = expanded ? ChevronDown : ChevronRight;
+    return (_jsxs("button", { type: "button", className: `${styles.header} ${className}`.trim(), onClick: onToggle, "aria-expanded": expanded, title: expanded ? expandedTitle : collapsedTitle, children: [_jsxs("span", { className: styles.title, children: [label, shouldShowCount ? ` (${count})` : ''] }), _jsx(Icon, { className: styles.icon, size: 14, "aria-hidden": "true" })] }));
+}

package/dist/components/views/PlanComparisonPage.js

@@ -386,5 +386,5 @@ export function PlanComparisonPage({ heading, subtitle, variant = 'app', theme =
                                                                 isCurrentPlan: false
                                                             });
                                                         }, disabled: !planVersionId || !planSelectionEnabled, children: hasMultipleBillingOptions ? 'Start Yearly' : 'Get Started' })) : null] }))] }, plan.planId));
-                                }) }), _jsxs("div", { className: styles.pricingNotes, children: [_jsx("p", { children: "Prices are listed in USD. Taxes may apply." }), _jsx("p", { children: "Local install is free on every plan. Cloud limits apply only to hosted workspaces." })] }), _jsxs("section", { className: `${styles.foundingBeta} ${styles.cloudCapacityNote}`, "aria-labelledby": "cloud-capacity-heading", children: [_jsx("h2", { id: "cloud-capacity-heading", children: "Need more cloud capacity?" }), _jsx("p", { children: "Pro users can request expanded limits for cloud workspaces, AI agents, and storage." })] }), _jsxs("div", { className: `${styles.planCard} ${styles.planNoticeCard} ${styles.teamComingSoonCard}`, children: [_jsx("h2", { className: styles.planName, children: "Team workspaces are coming soon." }), _jsx("p", { className: styles.planDescription, children: "Shared workspaces, collaborators, team agent rosters, admin controls, and larger cloud limits are in development." })] })] }))] }) }) }));
+                                }) }), _jsxs("div", { className: styles.pricingNotes, children: [_jsx("p", { children: "Prices are listed in USD. Taxes may apply." }), _jsx("p", { children: "Local install is free on every plan. Cloud limits apply only to hosted workspaces." })] }), _jsxs("section", { className: `${styles.foundingBeta} ${styles.cloudCapacityNote}`, "aria-labelledby": "cloud-capacity-heading", children: [_jsx("h2", { id: "cloud-capacity-heading", children: "Need more cloud capacity?" }), _jsx("p", { children: "Pro users can request expanded limits for cloud workspaces, AI agents, and storage." }), _jsxs("p", { children: ["Contact ", _jsx("a", { href: "mailto:support@taskforcehq.ai", children: "support@taskforcehq.ai" }), " to discuss capacity needs."] })] }), _jsxs("div", { className: `${styles.planCard} ${styles.planNoticeCard} ${styles.teamComingSoonCard}`, children: [_jsx("h2", { className: styles.planName, children: "Team workspaces are coming soon." }), _jsx("p", { className: styles.planDescription, children: "Shared workspaces, collaborators, team agent rosters, admin controls, and larger cloud limits are in development." })] })] }))] }) }) }));
 }

package/dist/components/views/StandaloneLayout.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useMemo, useCallback, useState, useEffect, useRef, Suspense } from 'react';
 import { createPortal } from 'react-dom';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { Settings, Plus, Filter, Layers, User, Maximize2, Minimize2, Check, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, AlertTriangle, Save, Loader2, Folder, FileText, LogOut, NotebookTabs, ClipboardCheck, Cloud, CloudOff, Users, ClockAlert, ChevronsUp, ChevronsDown, EyeOff, Zap, HelpCircle, Bot, Image, Workflow, Plug } from 'lucide-react';
+import { Settings, Plus, Filter, Layers, User, Maximize2, Minimize2, Check, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, AlertTriangle, Save, Loader2, Folder, FileText, LogOut, NotebookTabs, ClipboardCheck, Cloud, CloudOff, Users, ClockAlert, Mail, ChevronsUp, ChevronsDown, EyeOff, Zap, HelpCircle, Bot, Image, Workflow, Plug } from 'lucide-react';
 import { STATUS_OPTIONS, getStatusDefinition } from '../../utils/constants';
 import styles from '../../Taskforce.module.css';
 import shellStyles from './WorkspaceShell.module.css';
@@ -41,6 +41,7 @@ import { resolveAnnotatedAttachmentDetail } from '../../utils/annotatedAttachmen
 import { ACCOUNT_PROFILE_SUMMARY_PATH, invalidateAccountProfileSummaryCache, loadAccountProfileSummaryCached } from '../../utils/accountProfileSummaryCache';
 import { prepareAvatarUploadFile } from '../../utils/avatarUpload';
 import { resolveCommercialLifecyclePresentation } from '../../utils/commercialLifecyclePresentation';
+import { buildSupportMailtoHref } from '../../utils/supportContact';
 import { AppShellHeader } from './AppShellHeader';
 import { getTaskforceCloudEnvironmentConfig, parseTaskforceCloudEnvironment, resolveTaskforceCloudEnvironmentFromBaseUrl } from '../../config/cloudEnvironment';
 import { logBootstrapDebug, persistRemoteUiState } from '../../hooks/workspace/workspaceLocalState';
@@ -1382,6 +1383,12 @@ export function StandaloneLayout(props) {
     const authIdentityLabel = authDisplayName || authEmailLabel;
     const hasAuthIdentity = authIdentityLabel.length > 0;
     const hasAuthEmail = authEmailLabel.length > 0;
+    const supportMailtoHref = useMemo(() => buildSupportMailtoHref({
+        workspaceName: currentWorkspaceLabel,
+        workspaceId: currentWorkspaceId,
+        accountLabel: authIdentityLabel || authEmailLabel,
+        runtimeMode
+    }), [authEmailLabel, authIdentityLabel, currentWorkspaceId, currentWorkspaceLabel, runtimeMode]);
     const accountBadgeLabel = (authIdentityLabel || authEmailLabel || '').trim();
     const shouldShowResolvedAccountInitial = isAuthenticated && authSessionResolved && accountBadgeLabel.length > 0;
     const accountBadgeInitial = shouldShowResolvedAccountInitial ? accountBadgeLabel.charAt(0).toUpperCase() : '';
@@ -2428,7 +2435,10 @@ export function StandaloneLayout(props) {
                         }, role: "menuitem", children: [_jsx(User, { size: 15 }), "Account Hub"] }), _jsxs("button", { className: accountStyles.accountMenuItem, onClick: () => {
                             setShowAccountMenu(false);
                             setShowHelpModal(true);
-                        }, role: "menuitem", children: [_jsx(HelpCircle, { size: 15 }), "Help & Tutorial"] }), runtimeMode === 'local' && !isAuthenticated && !isAuthBootstrapPending && (_jsxs("button", { className: accountStyles.accountMenuItem, onClick: () => {
+                        }, role: "menuitem", children: [_jsx(HelpCircle, { size: 15 }), "Help & Support"] }), _jsxs("button", { className: accountStyles.accountMenuItem, onClick: () => {
+                            setShowAccountMenu(false);
+                            setShowHelpModal(true);
+                        }, role: "menuitem", children: [_jsx(Mail, { size: 15 }), "Contact Support"] }), runtimeMode === 'local' && !isAuthenticated && !isAuthBootstrapPending && (_jsxs("button", { className: accountStyles.accountMenuItem, onClick: () => {
                             openSharedLoginRoute('login');
                         }, role: "menuitem", children: [_jsx(User, { size: 15 }), "Sign In / Register"] })), isAuthenticated && (_jsxs("button", { className: accountStyles.accountMenuItem, onClick: async () => {
                             setShowAccountMenu(false);
@@ -2944,12 +2954,12 @@ export function StandaloneLayout(props) {
         ...buildCustomTaxonomySortOptions(taxonomies, [...props.searchAgnosticTasks, ...archivedScopeAllTasks])
     ], [archivedScopeAllTasks, props.searchAgnosticTasks, taxonomies]);
     const groupingOptions = useMemo(() => [
+        { value: 'status', label: t('standalone.groupStatus') },
         { value: 'category', label: t('standalone.groupCategory') },
         { value: 'type', label: t('standalone.groupType') },
         { value: 'priority', label: t('standalone.groupPriority') },
         { value: 'complexity', label: t('standalone.groupComplexity') },
         { value: 'assignee', label: t('standalone.groupAssignee') },
-        { value: 'status', label: t('standalone.groupStatus') },
         { value: 'schedule', label: t('standalone.groupSchedule') },
     ], []);
     const workspaceToolModules = useMemo(() => workspaceModules.filter((module) => module.enabled), [workspaceModules]);
@@ -3315,10 +3325,14 @@ export function StandaloneLayout(props) {
                         }, currentTask: currentTask })] }), _jsx(Modal, { isOpen: activeTab === 'settings', onClose: handleCloseModal, title: "Settings", size: "xl", theme: currentTheme, draggable: true, isSettings: true, closeOnOverlayClick: false, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '2rem' }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(TaskSettings, { settingsModel: {
                             ...settingsModel,
                             onOpenCloudAuth: openSharedLoginRoute
-                        }, onSectionChange: setSettingsSection }) }) }), _jsx(ScheduleWarningModal, { prompt: scheduleWarningPrompt, theme: currentTheme, onClose: cancelScheduleWarning, onConfirm: confirmScheduleWarning }), _jsx(SyncEnableWarningModal, { isOpen: showSyncEnableWarning, theme: currentTheme, onClose: cancelSyncEnableWarning, onConfirm: confirmSyncEnableWarning }), _jsx(HelpModal, { isOpen: showHelpModal, theme: currentTheme, onClose: () => setShowHelpModal(false), onOpenSettings: () => {
+                        }, onSectionChange: setSettingsSection }) }) }), _jsx(ScheduleWarningModal, { prompt: scheduleWarningPrompt, theme: currentTheme, onClose: cancelScheduleWarning, onConfirm: confirmScheduleWarning }), _jsx(SyncEnableWarningModal, { isOpen: showSyncEnableWarning, theme: currentTheme, onClose: cancelSyncEnableWarning, onConfirm: confirmSyncEnableWarning }), _jsx(HelpModal, { isOpen: showHelpModal, theme: currentTheme, onClose: () => setShowHelpModal(false), supportMailtoHref: supportMailtoHref, onOpenSettings: () => {
                     setShowHelpModal(false);
                     setActiveTab('settings');
                     setSettingsSection('general');
+                }, onOpenAccountHub: () => {
+                    setShowHelpModal(false);
+                    startAccountSurfaceTiming('account_hub');
+                    setShowAccountHub(true);
                 } }), _jsx(EditProfileModal, { isOpen: showEditProfileModal, theme: currentTheme, onClose: closeEditProfileModal, onSave: () => { void handleSaveProfile(); }, displayName: profileDisplayNameDraft, email: authEmailLabel, avatarDisplayUrl: profileAvatarDisplayUrl, accountBadgeInitial: accountBadgeInitial, saveBusy: profileSaveBusy, avatarBusy: profileAvatarBusy, saveError: profileSaveError, saveNotice: profileSaveNotice, onDisplayNameChange: setProfileDisplayNameDraft, onOpenAvatarManager: () => {
                     setProfileSaveError(null);
                     setProfileSaveNotice(null);

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

@@ -7,6 +7,7 @@ import styles from '../../../Taskforce.module.css';
 import panelStyles from './PlanningDrawer.module.css';
 import { ReferenceBadgeButton } from '../../ui/ReferenceBadgeButton';
 import { HierarchyActionBadge } from '../../ui/HierarchyActionBadge';
+import { DisclosureSectionHeader } from '../../ui/DisclosureSectionHeader';
 import { IconMap, getStatusDefinition, resolveColor } from '../../../utils/constants';
 import { formatInitiativeReference, formatWorkstreamReference, } from '../../../utils/planningReferences.js';
 import { getEntityActivityItems } from '../../../utils/taskActivity';
@@ -363,7 +364,7 @@ function PlanningDrawerDetailView({ detail, currentWorkspaceId, onOpenNestedWork
                                             event.preventDefault();
                                             handleOpenTask();
                                         }, children: [_jsx("span", { className: panelStyles.listItemTitle, children: task.title }), _jsx("span", { className: panelStyles.listItemMeta, children: taskMeta })] })] }) }, 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."] })))] }), _jsx("div", { className: panelStyles.listCard, children: _jsx(React.Suspense, { fallback: _jsx(DeferredPlanningPanelFallback, {}), children: _jsx(DeferredContextAttachmentManager, { ownerType: detail.type, ownerId: detail.item.id, ownerReferenceLabel: detailReferenceLabel, workspaceId: currentWorkspaceId, attachments: detail.item.attachments || [], onAddAttachment: (file) => onAddPlanningContextFile?.(detail.type, detail.item.id, file), onRemoveAttachment: (index) => onRemovePlanningContextFile?.(detail.type, detail.item.id, index), onUpdateAttachmentCaption: (index, caption) => (onUpdatePlanningContextCaption?.(detail.type, detail.item.id, index, caption)) }) }) }), _jsxs("div", { className: panelStyles.listCard, children: [_jsxs("button", { type: "button", className: panelStyles.sectionToggleButton, onClick: () => setShowRecentActivity((current) => !current), "aria-expanded": showRecentActivity, title: showRecentActivity ? 'Hide recent activity' : 'Show recent activity', children: [_jsxs("span", { className: panelStyles.sectionTitle, children: ["Recent activity (", activityCount, ")"] }), showRecentActivity ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }), showRecentActivity ? (_jsx(React.Suspense, { fallback: _jsx(DeferredPlanningPanelFallback, {}), children: _jsx(DeferredEntityActivityTimeline, { activity: detail.item.activity, comments: detail.item.comments, formatFieldValue: formatActivityFieldValue, resolveActorPresentation: resolveActivityActorPresentation, onOpenTaskById: onOpenTaskById, emptyMessage: `No ${detail.type} activity yet.`, listClassName: panelStyles.activityTimelineList, emptyClassName: panelStyles.activityTimelineEmpty }) })) : null] })] }));
+                    }) : (_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."] })))] }), _jsx("div", { className: panelStyles.listCard, children: _jsx(React.Suspense, { fallback: _jsx(DeferredPlanningPanelFallback, {}), children: _jsx(DeferredContextAttachmentManager, { ownerType: detail.type, ownerId: detail.item.id, ownerReferenceLabel: detailReferenceLabel, workspaceId: currentWorkspaceId, attachments: detail.item.attachments || [], onAddAttachment: (file) => onAddPlanningContextFile?.(detail.type, detail.item.id, file), onRemoveAttachment: (index) => onRemovePlanningContextFile?.(detail.type, detail.item.id, index), onUpdateAttachmentCaption: (index, caption) => (onUpdatePlanningContextCaption?.(detail.type, detail.item.id, index, caption)) }) }) }), _jsxs("div", { className: panelStyles.listCard, children: [_jsx(DisclosureSectionHeader, { label: "Recent Activity", count: activityCount, showZeroCount: true, expanded: showRecentActivity, expandedTitle: "Hide recent activity", collapsedTitle: "Show recent activity", onToggle: () => setShowRecentActivity((current) => !current) }), showRecentActivity ? (_jsx(React.Suspense, { fallback: _jsx(DeferredPlanningPanelFallback, {}), children: _jsx(DeferredEntityActivityTimeline, { activity: detail.item.activity, comments: detail.item.comments, formatFieldValue: formatActivityFieldValue, resolveActorPresentation: resolveActivityActorPresentation, onOpenTaskById: onOpenTaskById, emptyMessage: `No ${detail.type} activity yet.`, listClassName: panelStyles.activityTimelineList, emptyClassName: panelStyles.activityTimelineEmpty }) })) : null] })] }));
 }
 function PlanningDrawerEditor({ editor, draftTitle, draftDescription, draftOwner, draftInitiativeId, assigneeOptions, draftInitiativeSummary, onChangeDraftTitle, onChangeDraftDescription, onChangeDraftOwner, onChangeDraftInitiativeId, onCancel, onSubmit, isSubmitting, onAssignInitiativeToWorkstream, }) {
     const entityLabel = editor.entityType === 'initiative' ? 'Initiative' : 'Workstream';

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

@@ -104,5 +104,5 @@ export function AccountHubModal({ isOpen, theme, runtimeMode, authRequiredForApi
                                 ? (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" })] })] }) }));
+                                : '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 & Support" }), _jsx("button", { className: styles.submitBtn, onClick: onClose, children: "Close" })] })] }) }));
 }

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

@@ -4,6 +4,8 @@ interface HelpModalProps {
     theme: ModalThemeName;
     onClose: () => void;
     onOpenSettings: () => void;
+    onOpenAccountHub?: () => void;
+    supportMailtoHref: string;
 }
-export declare function HelpModal({ isOpen, theme, onClose, onOpenSettings, }: HelpModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function HelpModal({ isOpen, theme, onClose, onOpenSettings, onOpenAccountHub, supportMailtoHref, }: HelpModalProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Check, Copy, Mail, Settings, UserCircle, Wrench } from 'lucide-react';
 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" })] })] }) }));
+import { TASKFORCE_SUPPORT_EMAIL } from '../../../../utils/supportContact';
+export function HelpModal({ isOpen, theme, onClose, onOpenSettings, onOpenAccountHub, supportMailtoHref, }) {
+    const [copyStatus, setCopyStatus] = useState('idle');
+    const handleCopyEmail = async () => {
+        try {
+            await navigator.clipboard.writeText(TASKFORCE_SUPPORT_EMAIL);
+            setCopyStatus('copied');
+            window.setTimeout(() => setCopyStatus('idle'), 1600);
+        }
+        catch {
+            setCopyStatus('failed');
+            window.setTimeout(() => setCopyStatus('idle'), 2200);
+        }
+    };
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Help & Support", size: "md", theme: theme, draggable: true, children: _jsxs("div", { className: `${modalStyles.form} ${managementStyles.modalBody}`, children: [_jsxs("div", { className: managementStyles.helpIntro, children: [_jsx("p", { className: "tf-text-body", children: "Need a hand with Taskforce? Send us what you were trying to do, what happened, and any workspace context that would help us reproduce it." }), _jsxs("div", { className: managementStyles.supportEmailRow, children: [_jsx("code", { className: managementStyles.supportEmailAddress, children: TASKFORCE_SUPPORT_EMAIL }), _jsxs("button", { className: `${styles.submitBtn} ${managementStyles.supportEmailBtn}`, onClick: () => { void handleCopyEmail(); }, type: "button", children: [copyStatus === 'copied' ? _jsx(Check, { size: 16 }) : _jsx(Copy, { size: 16 }), copyStatus === 'copied' ? 'Copied' : copyStatus === 'failed' ? 'Copy Failed' : 'Copy Email'] })] }), _jsxs("a", { className: `${styles.cancelBtn} ${managementStyles.supportEmailBtn}`, href: supportMailtoHref, children: [_jsx(Mail, { size: 16 }), "Open Email App"] })] }), _jsxs("div", { className: `${managementStyles.supportPanel} tf-surface-panel`, children: [_jsxs("div", { className: managementStyles.supportPanelHeader, children: [_jsx(Wrench, { size: 16 }), _jsxs("div", { children: [_jsx("h3", { className: "tf-heading-card", children: "Before you email" }), _jsx("p", { className: "tf-text-secondary", children: "These are the fastest places to check for common workspace, account, and setup issues." })] })] }), _jsxs("div", { className: managementStyles.supportRouteList, children: [_jsxs("button", { className: `${styles.cancelBtn} ${managementStyles.supportRouteBtn}`, onClick: onOpenSettings, children: [_jsx(Settings, { size: 15 }), "Open Settings"] }), onOpenAccountHub && (_jsxs("button", { className: `${styles.cancelBtn} ${managementStyles.supportRouteBtn}`, onClick: onOpenAccountHub, children: [_jsx(UserCircle, { size: 15 }), "Open Account Hub"] }))] })] }), _jsx("div", { className: `${modalStyles.formActions} ${managementStyles.modalActionsEnd}`, children: _jsx("button", { className: styles.cancelBtn, onClick: onClose, children: "Close" }) })] }) }));
 }

package/dist/core/PlanEntitlementService.d.ts

@@ -36,6 +36,7 @@ export declare class PlanEntitlementService {
     private readPlanVersionTrialDays;
     private applyPlanVersionTrialDaysMetadata;
     private sanitizePlanFeatureConfig;
+    private hydratePlanFeatureConfig;
     private isEntitlementStateAllowed;
     private isIsoTimestampExpired;
     private readAccountEntitlementRow;
@@ -50,6 +51,7 @@ export declare class PlanEntitlementService {
     normalizeLegacyPlanDataIfNeeded(): void;
     private renameLegacyWorkspacesFeatureKey;
     private removeLegacyPlanFeatureRows;
+    private hydrateMissingPlanFeatureTemplateConfigs;
     private migrateLegacySeatLimitFeatureConfigToVersionSeatLimit;
     private normalizeLegacyBillingMirrorRows;
     backfillAccountEntitlements(): void;