@taskforcehq/taskforce 0.3.170 → 0.3.301

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

@@ -0,0 +1,27 @@
+import type { Environment } from '../../types';
+interface WorkflowsModuleProps {
+    availableWorkflows: string[];
+    availableEnvironments: Environment[];
+    exportEnvironment: string;
+    exportWorkflowsPath: string;
+    exportingResource: 'workflows' | null;
+    exportResult: {
+        type: 'success' | 'error';
+        message: string;
+    } | null;
+    onExportEnvironmentChange: (value: string) => void;
+    onExportWorkflows: (environment: string, workflows: string[]) => void;
+    onRefreshWorkflows?: (force?: boolean) => void;
+    onFetchWorkflowTemplate?: (name: string) => Promise<any | null>;
+    onFetchWorkflowOverrideNames?: () => Promise<string[]>;
+    onSaveWorkflowTemplateDraft?: (name: string, draft: any) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onResetWorkflowTemplateDraft?: (name: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+}
+export declare function WorkflowsModule({ availableWorkflows, availableEnvironments, exportEnvironment, exportWorkflowsPath, exportingResource, exportResult, onExportEnvironmentChange, onExportWorkflows, onRefreshWorkflows, onFetchWorkflowTemplate, onFetchWorkflowOverrideNames, onSaveWorkflowTemplateDraft, onResetWorkflowTemplateDraft, }: WorkflowsModuleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/features/WorkflowsModule.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { AlertTriangle, Check, FileText, Loader2 } from 'lucide-react';
+import styles from '../../Taskforce.module.css';
+import { WorkflowEditor } from './settings/WorkflowEditor';
+export function WorkflowsModule({ availableWorkflows, availableEnvironments, exportEnvironment, exportWorkflowsPath, exportingResource, exportResult, onExportEnvironmentChange, onExportWorkflows, onRefreshWorkflows, onFetchWorkflowTemplate, onFetchWorkflowOverrideNames, onSaveWorkflowTemplateDraft, onResetWorkflowTemplateDraft, }) {
+    const [selectedWorkflows, setSelectedWorkflows] = useState([]);
+    useEffect(() => {
+        if (availableWorkflows.length > 0 && selectedWorkflows.length === 0) {
+            setSelectedWorkflows(availableWorkflows);
+            return;
+        }
+        setSelectedWorkflows((current) => current.filter((name) => availableWorkflows.includes(name)));
+    }, [availableWorkflows, selectedWorkflows.length]);
+    const handleToggleWorkflow = (name) => {
+        setSelectedWorkflows((current) => (current.includes(name)
+            ? current.filter((item) => item !== name)
+            : [...current, name]));
+    };
+    return (_jsx("div", { className: `${styles.standalonePage} ${styles.standaloneContent}`, style: { overflow: 'auto' }, children: _jsxs("div", { className: styles.settingsContent, style: { maxWidth: 1080, margin: '0 auto', width: '100%' }, children: [_jsxs("div", { className: styles.settingGroup, children: [_jsx("div", { className: styles.settingTitleRow, children: _jsx("h2", { className: styles.settingTitle, children: "Workflows" }) }), _jsx("p", { className: `${styles.settingsHint} ${styles.marginBottom12}`, children: "Export standard workflows to your project and edit workflow templates in one place." }), _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) => (_jsx("button", { onClick: () => onExportEnvironmentChange(env.id), className: `${styles.themeBtn} ${exportEnvironment === env.id ? styles.activeTheme : ''} ${styles.capitalize}`, children: env.name }, env.id))) })] }), _jsxs("div", { className: styles.exportItem, children: [_jsxs("div", { className: styles.labelGroupFlex, children: [_jsx("label", { className: styles.label, children: "Workflow Export" }), _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: () => setSelectedWorkflows(availableWorkflows), className: styles.textBtn, children: "All" }), _jsx("button", { onClick: () => setSelectedWorkflows([]), className: styles.textBtn, children: "None" })] }), _jsx("div", { className: styles.workflowGrid, children: availableWorkflows.length === 0 ? (_jsxs("div", { className: styles.emptyState, children: [_jsx("p", { className: "tf-empty-copy", children: "No workflow templates found." }), _jsx("button", { onClick: () => onRefreshWorkflows?.(true), className: styles.secondaryBtn, style: { marginTop: '8px' }, children: "Retry Fetch" })] })) : availableWorkflows.map((workflow) => (_jsxs("label", { className: styles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: selectedWorkflows.includes(workflow), onChange: () => handleToggleWorkflow(workflow) }), workflow] }, workflow))) })] }), _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] }))] }), _jsx(WorkflowEditor, { availableWorkflows: availableWorkflows, onFetchWorkflowTemplate: onFetchWorkflowTemplate, onFetchWorkflowOverrideNames: onFetchWorkflowOverrideNames, onSaveWorkflowTemplateDraft: onSaveWorkflowTemplateDraft, onResetWorkflowTemplateDraft: onResetWorkflowTemplateDraft })] }) }));
+}

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

@@ -0,0 +1,10 @@
+export type DocumentAttachmentFilter = 'attached' | 'unattached';
+export type DocumentTypeFilter = 'implementation-plan' | 'review' | 'walkthrough' | 'planning' | 'other';
+export declare const DOCUMENT_TYPE_FILTER_OPTIONS: Array<{
+    value: DocumentTypeFilter;
+    label: string;
+}>;
+export declare const DOCUMENT_ATTACHMENT_FILTER_OPTIONS: Array<{
+    value: DocumentAttachmentFilter;
+    label: string;
+}>;

package/dist/components/features/documentWorkspaceFilters.js

@@ -0,0 +1,11 @@
+export const DOCUMENT_TYPE_FILTER_OPTIONS = [
+    { value: 'implementation-plan', label: 'Plans' },
+    { value: 'review', label: 'Reviews' },
+    { value: 'walkthrough', label: 'Walkthroughs' },
+    { value: 'planning', label: 'Planning' },
+    { value: 'other', label: 'Other' },
+];
+export const DOCUMENT_ATTACHMENT_FILTER_OPTIONS = [
+    { value: 'attached', label: 'Attached' },
+    { value: 'unattached', label: 'Unattached' },
+];

package/dist/components/features/settings/CategoryManager.d.ts

@@ -1,11 +1,13 @@
 import type { CategoryConfig } from '../../../types';
 interface CategoryManagerProps {
+    displayLabel?: string;
     categories: CategoryConfig[];
     pathValidation: Record<string, {
         exists: boolean;
         isDirectory: boolean;
         isFile: boolean;
     }>;
+    onUpdateDisplayLabel?: (label: string) => void;
     onUpdateCategory: (category: CategoryConfig, oldLabel?: string) => void;
     onRemoveCategory: (value: string) => void;
     onSaveCategory: (newCategory: string) => void;

package/dist/components/features/settings/CategoryManager.js

@@ -2,15 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Plus, X, FolderOpen, AlertTriangle, Loader2, FileText, Folder, Trash2 } from 'lucide-react';
 import styles from '../../../Taskforce.module.css';
+import helperStyles from './SettingsEditorHelpers.module.css';
 import { IconMap, AVAILABLE_ICONS, PALETTE_ORDER, resolveColor } from '../../../utils/constants';
 import { TaxonomyDropdown } from '../../ui/TaxonomyDropdown';
+import { DEFAULT_CATEGORY_LABEL, DEFAULT_CATEGORY_VALUE } from '../../../shared/taxonomyDefaults.js';
 export function CategoryManager(props) {
-    const { categories, pathValidation, onUpdateCategory, onRemoveCategory, onSaveCategory, onAddPath, onRemovePath, onUpdateCategoryIcon, onUpdateCategoryColor, onBrowseFolders } = props;
+    const { displayLabel, categories, pathValidation, onUpdateDisplayLabel, onUpdateCategory, onRemoveCategory, onSaveCategory, onAddPath, onRemovePath, onUpdateCategoryIcon, onUpdateCategoryColor, onBrowseFolders } = props;
     const [selectedCategoryValue, setSelectedCategoryValue] = useState('');
     const [isCreating, setIsCreating] = useState(false);
     const [newCategoryName, setNewCategoryName] = useState('');
     const [editingLabel, setEditingLabel] = useState('');
+    const [editingDisplayLabel, setEditingDisplayLabel] = useState(displayLabel || '');
     const [newPathInput, setNewPathInput] = useState('');
+    useEffect(() => {
+        setEditingDisplayLabel(displayLabel || '');
+    }, [displayLabel]);
     // Sync editing label when selection changes
     useEffect(() => {
         const cat = categories.find(c => c.value === selectedCategoryValue);
@@ -51,11 +57,12 @@ export function CategoryManager(props) {
         return paths;
     };
     const selectedCategory = categories.find(c => c.value === selectedCategoryValue);
+    const isProtectedCategory = selectedCategory?.value === DEFAULT_CATEGORY_VALUE;
     return (_jsxs("div", { className: `${styles.configPanel} ${styles.flex1}`, children: [_jsxs("div", { className: `${styles.headerFlex}`, style: { marginBottom: (selectedCategory && !isCreating) || isCreating ? '20px' : '0' }, children: [_jsxs("div", { style: { flex: 1 }, children: [_jsx("label", { id: "category-config-label", className: styles.label, style: { display: 'none' }, children: "Select Category" }), _jsx(TaxonomyDropdown, { value: selectedCategoryValue, options: [
                                     { value: "", label: "Select a category to configure...", icon: "HelpCircle", color: "var(--text-secondary)" },
                                     ...categories.map(c => ({
                                         value: c.value,
-                                        label: `${c.label}${c.disabled ? ' (Disabled)' : ''}`,
+                                        label: `${c.label}${c.disabled ? ' (Legacy)' : ''}`,
                                         icon: c.icon,
                                         color: c.color
                                     }))
@@ -65,22 +72,22 @@ export function CategoryManager(props) {
                                 }, disabled: isCreating, ariaLabelledBy: "category-config-label" })] }), !isCreating ? (_jsx("button", { type: "button", className: styles.browseBtn, onClick: () => setIsCreating(true), title: "Create new category", children: _jsx(Plus, { size: 18 }) })) : (_jsx("button", { type: "button", className: `${styles.browseBtn} ${styles.cancelBtnRed}`, onClick: () => setIsCreating(false), title: "Cancel creation", children: _jsx(X, { size: 18 }) }))] }), isCreating && (_jsxs("div", { className: `${styles.configItem} ${styles.marginBottom16}`, children: [_jsx("div", { className: `${styles.labelRow} ${styles.marginBottom8}`, children: _jsx("label", { className: styles.settingsLabel, children: "New Category Name" }) }), _jsxs("div", { style: { display: 'flex', gap: '8px' }, children: [_jsx("input", { type: "text", className: styles.input, placeholder: "e.g. Backend, Frontend, API...", value: newCategoryName, onChange: (e) => setNewCategoryName(e.target.value), onKeyDown: (e) => {
                                     if (e.key === 'Enter')
                                         handleSaveNewCategory();
-                                }, autoFocus: true }), _jsx("button", { type: "button", className: styles.saveSettingsBtn, onClick: handleSaveNewCategory, disabled: !newCategoryName.trim(), children: "Create" })] })] })), selectedCategory && !isCreating && (_jsxs("div", { className: styles.flex1, style: { overflowY: 'auto', marginRight: '-8px', paddingRight: '8px' }, children: [_jsx("div", { className: `${styles.configDivider} ${styles.marginBottom20}` }), _jsxs("div", { className: `${styles.configSection} ${styles.marginBottom20}`, children: [_jsxs("div", { className: styles.flexBetween, children: [_jsx("label", { className: `${styles.subLabel} ${styles.subLabelBlock}`, children: "General" }), _jsxs("button", { type: "button", onClick: () => {
-                                            if (confirm(`Delete category "${selectedCategory.label}"?`)) {
+                                }, autoFocus: true }), _jsx("button", { type: "button", className: styles.saveSettingsBtn, onClick: handleSaveNewCategory, disabled: !newCategoryName.trim(), children: "Create" })] })] })), selectedCategory && !isCreating && (_jsxs("div", { className: styles.flex1, style: { overflowY: 'auto', marginRight: '-8px', paddingRight: '8px' }, children: [_jsx("div", { className: `${styles.configDivider} ${styles.marginBottom20}` }), _jsxs("div", { className: `${styles.configSection} ${styles.marginBottom20}`, children: [_jsxs("div", { className: styles.flexBetween, children: [_jsx("label", { className: `${styles.subLabel} ${styles.subLabelBlock}`, children: "General" }), !isProtectedCategory && (_jsxs("button", { type: "button", onClick: () => {
+                                            if (confirm(`Retire category "${selectedCategory.label}"? Existing tasks will be reassigned to ${DEFAULT_CATEGORY_LABEL}.`)) {
                                                 onRemoveCategory(selectedCategory.value);
                                                 setSelectedCategoryValue('');
                                             }
-                                        }, title: "Delete Category", className: `${styles.destructiveBtn} ${styles.deleteBtnSmall}`, children: [_jsx(Trash2, { size: 14, className: styles.trashIcon }), " Delete"] })] }), _jsxs("div", { className: styles.gridConfig, children: [_jsxs("div", { className: styles.flexColGap4, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Label" }), _jsx("input", { className: styles.input, value: editingLabel, onChange: (e) => setEditingLabel(e.target.value), onBlur: () => handleRename(selectedCategory), onKeyDown: (e) => {
+                                        }, title: "Retire Category", className: `${styles.destructiveBtn} ${styles.deleteBtnSmall}`, children: [_jsx(Trash2, { size: 14, className: styles.trashIcon }), " Retire"] }))] }), isProtectedCategory && (_jsxs("p", { className: styles.settingsHint, style: { marginBottom: '12px' }, children: [DEFAULT_CATEGORY_LABEL, " is the protected fallback category and cannot be retired."] })), _jsxs("div", { className: styles.gridConfig, children: [_jsxs("div", { className: styles.flexColGap4, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Display Label" }), _jsx("input", { className: styles.input, value: editingDisplayLabel, onChange: (e) => setEditingDisplayLabel(e.target.value), onBlur: () => onUpdateDisplayLabel?.(editingDisplayLabel.trim()) })] }), _jsxs("div", { className: styles.flexColGap4, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Label" }), _jsx("input", { className: styles.input, value: editingLabel, onChange: (e) => setEditingLabel(e.target.value), onBlur: () => handleRename(selectedCategory), onKeyDown: (e) => {
                                                     if (e.key === 'Enter') {
                                                         handleRename(selectedCategory);
                                                         e.target.blur();
                                                     }
-                                                } })] }), _jsxs("div", { className: styles.flexColGap4Center, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Visible" }), _jsx("input", { type: "checkbox", checked: !selectedCategory.disabled, onChange: () => onUpdateCategory({ ...selectedCategory, disabled: !selectedCategory.disabled }), className: styles.checkboxInput })] })] })] }), _jsx("div", { className: `${styles.configDivider} ${styles.configDividerMargin}` }), _jsxs("div", { className: `${styles.configSection} ${styles.marginBottom20}`, children: [_jsx("label", { className: styles.subLabel, style: { fontSize: '14px', fontWeight: 600, display: 'block', marginBottom: '8px' }, children: "Context Paths" }), _jsx("p", { className: styles.settingsHint, style: { marginBottom: '12px' }, children: "Files in these paths will be included as context for tasks in this category." }), getCategoryPaths(selectedCategory).length > 0 && (_jsx("div", { className: `${styles.pathList} ${styles.pathListMargin}`, children: getCategoryPaths(selectedCategory).map((p, idx) => {
+                                                } })] }), _jsxs("div", { className: styles.flexColGap4Center, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Available for New Tasks" }), _jsx("input", { type: "checkbox", checked: !selectedCategory.disabled, onChange: () => onUpdateCategory({ ...selectedCategory, disabled: !selectedCategory.disabled }), className: styles.checkboxInput })] })] }), _jsx("p", { className: styles.settingsHint, style: { marginTop: '12px' }, children: "Turn this off to keep the category on existing tasks while removing it from new task selection by default." })] }), _jsx("div", { className: `${styles.configDivider} ${styles.configDividerMargin}` }), _jsxs("div", { className: `${styles.configSection} ${styles.marginBottom20}`, children: [_jsx("label", { className: styles.subLabel, style: { fontSize: '14px', fontWeight: 600, display: 'block', marginBottom: '8px' }, children: "Context Paths" }), _jsx("p", { className: styles.settingsHint, style: { marginBottom: '12px' }, children: "Files in these paths will be included as context for tasks in this category." }), getCategoryPaths(selectedCategory).length > 0 && (_jsx("div", { className: `${styles.pathList} ${styles.pathListMargin}`, children: getCategoryPaths(selectedCategory).map((p, idx) => {
                                     const validation = pathValidation[p];
                                     const isValid = validation?.exists;
                                     const isFile = validation?.isFile;
                                     return (_jsxs("div", { className: `${styles.pathChip} ${isValid === false ? styles.pathInvalid : isValid ? styles.pathValid : ''}`, children: [isValid === undefined ? (_jsx(Loader2, { size: 12, className: styles.spinner })) : isValid ? (isFile ? _jsx(FileText, { size: 12, className: styles.pathValidIcon }) : _jsx(FolderOpen, { size: 12, className: styles.pathValidIcon })) : (_jsx(AlertTriangle, { size: 12, className: styles.pathInvalidIcon })), _jsx("span", { className: styles.pathText, title: p, children: p }), _jsx("button", { type: "button", className: styles.removePathBtn, onClick: () => onRemovePath(selectedCategory.value, p), title: "Remove path", children: _jsx(X, { size: 10 }) })] }, idx));
-                                }) })), _jsxs("div", { className: `${styles.pathInputGroup} ${styles.pathInputGroupStretch}`, children: [_jsx("input", { type: "text", className: styles.input, value: newPathInput, onChange: (e) => setNewPathInput(e.target.value), onKeyDown: (e) => {
+                                }) })), _jsxs("div", { className: `${styles.pathInputGroup} ${helperStyles.pathInputGroupStretch}`, children: [_jsx("input", { type: "text", className: styles.input, value: newPathInput, onChange: (e) => setNewPathInput(e.target.value), onKeyDown: (e) => {
                                             if (e.key === 'Enter') {
                                                 e.preventDefault();
                                                 if (newPathInput.trim()) {
@@ -109,5 +116,5 @@ export function CategoryManager(props) {
                                                     color: resolveColor(selectedCategory.color),
                                                     background: `${resolveColor(selectedCategory.color)}15`
                                                 } : {}, onClick: () => onUpdateCategoryIcon(selectedCategory.value, iconName), title: iconName, children: _jsx(IconComp, { size: 16 }) }, iconName));
-                                        }) })] })] })] })), !selectedCategory && !isCreating && (_jsx("div", { className: styles.emptyStateItalic, style: { border: 'none', background: 'transparent' }, children: "Select a category above to configure settings" }))] }));
+                                        }) })] })] })] })), !selectedCategory && !isCreating && (_jsx("div", { className: `${helperStyles.emptyStateItalic} ${helperStyles.emptyStateBare}`, children: "Select a category above to configure settings" }))] }));
 }

package/dist/components/features/settings/PriorityManager.d.ts

@@ -0,0 +1,18 @@
+interface PriorityManagerProps {
+    displayLabel?: string;
+    onUpdateDisplayLabel?: (label: string) => void;
+    priorities: Array<{
+        value: number;
+        label: string;
+        color?: string;
+        icon?: string;
+    }>;
+    onUpdatePriorities: (priorities: Array<{
+        value: number;
+        label: string;
+        color?: string;
+        icon?: string;
+    }>) => void;
+}
+export declare function PriorityManager({ priorities, onUpdatePriorities, displayLabel, onUpdateDisplayLabel }: PriorityManagerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/features/settings/PriorityManager.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Gauge } from 'lucide-react';
+import styles from '../../../Taskforce.module.css';
+import helperStyles from './SettingsEditorHelpers.module.css';
+import { AVAILABLE_ICONS, IconMap, PALETTE_ORDER, resolveColor } from '../../../utils/constants';
+import { TaxonomyDropdown } from '../../ui/TaxonomyDropdown';
+export function PriorityManager({ priorities, onUpdatePriorities, displayLabel, onUpdateDisplayLabel }) {
+    const [selectedValue, setSelectedValue] = useState('');
+    const [editingPriority, setEditingPriority] = useState(null);
+    const [editingDisplayLabel, setEditingDisplayLabel] = useState(displayLabel || '');
+    useEffect(() => {
+        const nextPriority = priorities.find((priority) => String(priority.value) === String(selectedValue)) || null;
+        setEditingPriority(nextPriority);
+    }, [priorities, selectedValue]);
+    useEffect(() => {
+        setEditingDisplayLabel(displayLabel || '');
+    }, [displayLabel]);
+    const handleUpdatePriority = (value, updates) => {
+        onUpdatePriorities(priorities.map((priority) => (String(priority.value) === String(value)
+            ? { ...priority, ...updates }
+            : priority)));
+    };
+    return (_jsxs("div", { className: `${styles.configPanel} ${styles.flex1}`, children: [_jsxs("div", { className: styles.marginBottom20, children: [_jsx("label", { id: "priority-config-label", className: styles.label, style: { display: 'none' }, children: "Select Priority" }), _jsx(TaxonomyDropdown, { value: selectedValue, options: [
+                            { value: '', label: 'Select a priority level to configure...', icon: 'HelpCircle', color: 'var(--text-secondary)' },
+                            ...priorities.map((priority) => ({
+                                value: priority.value,
+                                label: priority.label,
+                                icon: priority.icon || 'Gauge',
+                                color: priority.color || 'blue-500'
+                            }))
+                        ], onChange: (value) => setSelectedValue(value), ariaLabelledBy: "priority-config-label" })] }), editingPriority ? (_jsxs("div", { className: styles.flex1, style: { overflowY: 'auto', marginRight: '-8px', paddingRight: '8px' }, children: [_jsx("div", { className: `${styles.configDivider} ${styles.marginBottom20}` }), _jsxs("div", { className: `${styles.configSection} ${styles.marginBottom20}`, children: [_jsx("label", { className: `${styles.subLabel} ${styles.subLabelBlock}`, children: "General" }), _jsx("p", { className: styles.settingsHint, style: { marginBottom: '12px' }, children: "Priority uses a fixed ordered scale. You can rename and restyle levels, but not add, remove, or reorder them here." }), _jsxs("div", { className: styles.gridConfig, children: [_jsxs("div", { className: styles.flexColGap4, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Display Label" }), _jsx("input", { className: styles.input, value: editingDisplayLabel, onChange: (e) => setEditingDisplayLabel(e.target.value), onBlur: () => onUpdateDisplayLabel?.(editingDisplayLabel.trim()) })] }), _jsxs("div", { className: styles.flexColGap4, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Label" }), _jsx("input", { className: styles.input, value: editingPriority.label, onChange: (e) => handleUpdatePriority(editingPriority.value, { label: e.target.value }) })] })] })] }), _jsx("div", { className: `${styles.configDivider} ${styles.configDividerMargin}` }), _jsxs("div", { className: styles.configSection, children: [_jsx("label", { className: `${styles.subLabel} ${styles.subLabelBlock} ${styles.subLabelBlock12}`, children: "Visual Style" }), _jsxs("div", { className: styles.categorySubConfig, children: [_jsx("div", { className: styles.colorPickerGrid, children: PALETTE_ORDER.map(colorToken => {
+                                            const resolvedColor = resolveColor(colorToken) || '#000000';
+                                            const isActive = editingPriority.color === colorToken;
+                                            const IconComp = editingPriority.icon && IconMap[editingPriority.icon]
+                                                ? IconMap[editingPriority.icon]
+                                                : Gauge;
+                                            return (_jsx("button", { type: "button", className: `${styles.colorSwatch} ${isActive ? styles.colorSwatchActive : ''}`, style: {
+                                                    borderColor: isActive ? resolvedColor : undefined,
+                                                    '--swatch-color': resolvedColor,
+                                                    '--swatch-border-color': `${resolvedColor}80`
+                                                }, onClick: () => handleUpdatePriority(editingPriority.value, { color: colorToken }), title: colorToken, children: _jsx(IconComp, { size: 14, style: { color: resolvedColor } }) }, colorToken));
+                                        }) }), _jsx("div", { className: styles.iconGrid, children: AVAILABLE_ICONS.map(iconName => {
+                                            const IconComp = IconMap[iconName] || Gauge;
+                                            return (_jsx("button", { type: "button", className: `${styles.iconPickerBtn} ${editingPriority.icon === iconName ? styles.iconPickerBtnActive : ''}`, style: editingPriority.icon === iconName ? {
+                                                    borderColor: resolveColor(editingPriority.color),
+                                                    color: resolveColor(editingPriority.color),
+                                                    background: `${resolveColor(editingPriority.color)}15`
+                                                } : {}, onClick: () => handleUpdatePriority(editingPriority.value, { icon: iconName }), title: iconName, children: _jsx(IconComp, { size: 16 }) }, iconName));
+                                        }) })] })] })] })) : (_jsx("div", { className: `${helperStyles.emptyStateItalic} ${helperStyles.emptyStateBare}`, children: "Select a priority above to manage" }))] }));
+}

package/dist/components/features/settings/TaxonomyEditor.d.ts

@@ -3,6 +3,7 @@ interface TaxonomyEditorProps {
     taxonomy: TaxonomyDefinition;
     onUpdateTaxonomy: (taxonomy: TaxonomyDefinition) => void;
     onRemoveTaxonomy?: (id: string) => void;
+    onRestoreTaxonomy?: (id: string) => void;
 }
-export declare function TaxonomyEditor({ taxonomy, onUpdateTaxonomy, onRemoveTaxonomy }: TaxonomyEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaxonomyEditor({ taxonomy, onUpdateTaxonomy, onRemoveTaxonomy, onRestoreTaxonomy }: TaxonomyEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/features/settings/TaxonomyEditor.js

@@ -1,21 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import * as Icons from 'lucide-react';
-import { Plus, X, Trash2, Box, Info } from 'lucide-react';
+import { Plus, X, Trash2, Box, Info, ArrowUp, ArrowDown } from 'lucide-react';
 import styles from '../../../Taskforce.module.css';
+import helperStyles from './SettingsEditorHelpers.module.css';
 import { IconMap, AVAILABLE_ICONS, PALETTE_ORDER, resolveColor } from '../../../utils/constants';
 import { TaxonomyDropdown } from '../../ui/TaxonomyDropdown';
-export function TaxonomyEditor({ taxonomy, onUpdateTaxonomy, onRemoveTaxonomy }) {
+export function TaxonomyEditor({ taxonomy, onUpdateTaxonomy, onRemoveTaxonomy, onRestoreTaxonomy }) {
     const [selectedOptionValue, setSelectedOptionValue] = useState('');
     const [isCreatingOption, setIsCreatingOption] = useState(false);
     const [newOptionLabel, setNewOptionLabel] = useState('');
     const [editingLabel, setEditingLabel] = useState(taxonomy.label);
+    const [editingAliasesText, setEditingAliasesText] = useState((taxonomy.aliases || []).join(', '));
+    const [editingOptionAliasesText, setEditingOptionAliasesText] = useState('');
     const [editingOption, setEditingOption] = useState(null);
+    const parseAliases = (value) => {
+        const aliases = value
+            .split(',')
+            .map((entry) => entry.trim())
+            .filter(Boolean);
+        return aliases.length > 0 ? Array.from(new Set(aliases)) : undefined;
+    };
     // Update internal state when taxonomy changes
     useEffect(() => {
         setEditingLabel(taxonomy.label);
+        setEditingAliasesText((taxonomy.aliases || []).join(', '));
         const opt = taxonomy.options.find(o => String(o.value) === String(selectedOptionValue));
         setEditingOption(opt || null);
+        setEditingOptionAliasesText((opt?.aliases || []).join(', '));
     }, [taxonomy, selectedOptionValue]);
     const handleUpdateTaxonomy = (updates) => {
         onUpdateTaxonomy({ ...taxonomy, ...updates });
@@ -31,7 +43,8 @@ export function TaxonomyEditor({ taxonomy, onUpdateTaxonomy, onRemoveTaxonomy })
         const newOption = {
             value,
             label: newOptionLabel.trim(),
-            color: PALETTE_ORDER[taxonomy.options.length % PALETTE_ORDER.length]
+            color: PALETTE_ORDER[taxonomy.options.length % PALETTE_ORDER.length],
+            status: 'active'
         };
         handleUpdateTaxonomy({
             options: [...taxonomy.options, newOption]
@@ -45,40 +58,50 @@ export function TaxonomyEditor({ taxonomy, onUpdateTaxonomy, onRemoveTaxonomy })
             options: taxonomy.options.map(o => String(o.value) === String(optionValue) ? { ...o, ...updates } : o)
         });
     };
-    const handleRemoveOption = (optionValue) => {
-        if (confirm('Are you sure you want to remove this option?')) {
-            handleUpdateTaxonomy({
-                options: taxonomy.options.filter(o => String(o.value) !== String(optionValue))
-            });
-            setSelectedOptionValue('');
-        }
+    const handleRetireOption = (optionValue) => {
+        handleUpdateOption(optionValue, { status: 'retired' });
+    };
+    const handleRestoreOption = (optionValue) => {
+        handleUpdateOption(optionValue, { status: 'active' });
+    };
+    const moveOption = (optionValue, direction) => {
+        const currentIndex = taxonomy.options.findIndex((option) => String(option.value) === String(optionValue));
+        if (currentIndex < 0)
+            return;
+        const nextIndex = currentIndex + direction;
+        if (nextIndex < 0 || nextIndex >= taxonomy.options.length)
+            return;
+        const reordered = [...taxonomy.options];
+        const [moved] = reordered.splice(currentIndex, 1);
+        reordered.splice(nextIndex, 0, moved);
+        handleUpdateTaxonomy({ options: reordered });
     };
-    return (_jsxs("div", { className: styles.categoryManagerContainer, children: [_jsxs("div", { className: `${styles.categoryConfigPanel} ${styles.configPanel} ${styles.marginBottom24}`, children: [_jsxs("div", { className: `${styles.flexBetween} ${styles.marginBottom16}`, children: [_jsx("div", { className: styles.flex1, children: _jsx("label", { className: `${styles.subLabel} ${styles.subLabelBlock} ${styles.marginBottom8}`, children: "Taxonomy Settings" }) }), !taxonomy.isSystem && onRemoveTaxonomy && (_jsxs("button", { type: "button", className: `${styles.destructiveBtn} ${styles.deleteBtnSmall}`, onClick: () => {
-                                    if (confirm(`Delete taxonomy "${taxonomy.label}"? All associated data will be hidden.`)) {
+    return (_jsxs("div", { className: helperStyles.categoryManagerContainer, children: [_jsxs("div", { className: `${styles.categoryConfigPanel} ${styles.configPanel} ${styles.marginBottom24}`, children: [_jsxs("div", { className: `${styles.flexBetween} ${styles.marginBottom16}`, children: [_jsx("div", { className: styles.flex1, children: _jsx("label", { className: `${styles.subLabel} ${styles.subLabelBlock} ${styles.marginBottom8}`, children: "Taxonomy Settings" }) }), !taxonomy.isSystem && (taxonomy.status === 'retired' ? (_jsx("button", { type: "button", className: styles.saveSettingsBtn, onClick: () => onRestoreTaxonomy?.(taxonomy.id), children: "Restore Taxonomy" })) : onRemoveTaxonomy && (_jsxs("button", { type: "button", className: `${styles.destructiveBtn} ${styles.deleteBtnSmall}`, onClick: () => {
+                                    if (confirm(`Retire taxonomy "${taxonomy.label}"? Existing task data will be preserved as legacy values.`)) {
                                         onRemoveTaxonomy(taxonomy.id);
                                     }
-                                }, children: [_jsx(Trash2, { size: 14, className: styles.trashIcon }), " Delete Taxonomy"] }))] }), _jsxs("div", { className: styles.taxonomyGrid, children: [_jsxs("div", { className: styles.settingGroup, style: { margin: 0 }, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Display Label" }), _jsx("input", { className: styles.input, value: editingLabel, onChange: (e) => setEditingLabel(e.target.value), onBlur: () => handleUpdateTaxonomy({ label: editingLabel }), disabled: taxonomy.isSystem, placeholder: "e.g. Sprint, Phase..." })] }), _jsxs("div", { className: styles.settingGroup, style: { margin: 0 }, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Widget Type" }), _jsxs("select", { className: styles.select, value: taxonomy.widgetType, onChange: (e) => {
+                                }, children: [_jsx(Trash2, { size: 14, className: styles.trashIcon }), " Retire Taxonomy"] })))] }), taxonomy.status === 'retired' && (_jsx("p", { className: styles.settingsHint, style: { marginTop: '-4px', marginBottom: '16px' }, children: "This taxonomy is retired. Existing tasks keep their values, but it is hidden from normal new-task entry unless a task already uses it." })), _jsxs("div", { className: helperStyles.taxonomyGrid, children: [_jsxs("div", { className: styles.settingGroup, style: { margin: 0 }, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Display Label" }), _jsx("input", { className: styles.input, value: editingLabel, onChange: (e) => setEditingLabel(e.target.value), onBlur: () => handleUpdateTaxonomy({ label: editingLabel }), disabled: taxonomy.isSystem, placeholder: "e.g. Sprint, Phase..." })] }), _jsxs("div", { className: styles.settingGroup, style: { margin: 0 }, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Description" }), _jsx("textarea", { className: styles.textarea, value: taxonomy.description || '', onChange: (e) => handleUpdateTaxonomy({ description: e.target.value }), placeholder: "Optional guidance for when and how to use this taxonomy...", rows: 3, style: { minHeight: '88px' } })] }), _jsxs("div", { className: styles.settingGroup, style: { margin: 0 }, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Aliases" }), _jsx("input", { className: styles.input, value: editingAliasesText, onChange: (e) => setEditingAliasesText(e.target.value), onBlur: () => handleUpdateTaxonomy({ aliases: parseAliases(editingAliasesText) }), placeholder: "Optional aliases, comma-separated" })] }), _jsxs("div", { className: styles.settingGroup, style: { margin: 0 }, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Widget Type" }), _jsxs("select", { className: styles.select, value: taxonomy.widgetType, onChange: (e) => {
                                             const newType = e.target.value;
                                             handleUpdateTaxonomy({
                                                 widgetType: newType,
                                                 // Levels are typically single select
                                                 multiSelect: newType === 'level' ? false : taxonomy.multiSelect
                                             });
-                                        }, children: [_jsx("option", { value: "select", children: "Dropdown (Select Box)" }), _jsx("option", { value: "level", children: "Level Selector (Segmented)" })] })] })] }), _jsxs("div", { className: styles.checkboxRow, children: [_jsxs("label", { className: styles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: taxonomy.isRequired, onChange: (e) => handleUpdateTaxonomy({ isRequired: e.target.checked }), className: styles.checkboxSmall }), "Mark as Required"] }), _jsxs("label", { className: `${styles.checkboxLabel} ${taxonomy.widgetType === 'level' ? styles.opacity50 : ''}`, children: [_jsx("input", { type: "checkbox", checked: taxonomy.multiSelect, onChange: (e) => handleUpdateTaxonomy({ multiSelect: e.target.checked }), disabled: taxonomy.widgetType === 'level', className: styles.checkboxSmall }), "Allow Multi-select"] })] })] }), _jsx("div", { className: `${styles.configDivider} ${styles.configDividerMargin24}` }), _jsxs("div", { className: `${styles.configPanel} ${styles.flex1} ${styles.flexCol}`, children: [_jsxs("div", { className: `${styles.headerFlex}`, style: { marginBottom: (editingOption && !isCreatingOption) || isCreatingOption ? '16px' : '0' }, children: [_jsx("div", { style: { flex: 1 }, children: _jsx(TaxonomyDropdown, { value: selectedOptionValue, options: [
+                                        }, children: [_jsx("option", { value: "select", children: "Dropdown (Select Box)" }), _jsx("option", { value: "level", children: "Level Selector (Segmented)" })] })] })] }), _jsxs("div", { className: helperStyles.checkboxRow, children: [_jsxs("label", { className: helperStyles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: taxonomy.isRequired, onChange: (e) => handleUpdateTaxonomy({ isRequired: e.target.checked }), className: helperStyles.checkboxSmall }), "Mark as Required"] }), _jsxs("label", { className: `${helperStyles.checkboxLabel} ${taxonomy.widgetType === 'level' ? styles.opacity50 : ''}`, children: [_jsx("input", { type: "checkbox", checked: taxonomy.multiSelect, onChange: (e) => handleUpdateTaxonomy({ multiSelect: e.target.checked }), disabled: taxonomy.widgetType === 'level', className: helperStyles.checkboxSmall }), "Allow Multi-select"] })] }), _jsxs("div", { className: helperStyles.checkboxRow, children: [_jsxs("label", { className: helperStyles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: taxonomy.formEnabled !== false, onChange: (e) => handleUpdateTaxonomy({ formEnabled: e.target.checked }), className: helperStyles.checkboxSmall }), "Show in Task Form"] }), _jsxs("label", { className: helperStyles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: taxonomy.filterEnabled !== false, onChange: (e) => handleUpdateTaxonomy({ filterEnabled: e.target.checked }), className: helperStyles.checkboxSmall }), "Show in Filters"] }), _jsxs("label", { className: helperStyles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: taxonomy.sortEnabled === true, onChange: (e) => handleUpdateTaxonomy({ sortEnabled: e.target.checked }), className: helperStyles.checkboxSmall }), "Show in Sorts"] })] })] }), _jsx("div", { className: `${styles.configDivider} ${styles.configDividerMargin24}` }), _jsxs("div", { className: `${styles.configPanel} ${styles.flex1} ${styles.flexCol}`, children: [_jsxs("div", { className: `${styles.headerFlex}`, style: { marginBottom: (editingOption && !isCreatingOption) || isCreatingOption ? '16px' : '0' }, children: [_jsx("div", { style: { flex: 1 }, children: _jsx(TaxonomyDropdown, { value: selectedOptionValue, options: [
                                         { value: "", label: "Select an option to configure...", icon: "HelpCircle", color: "var(--text-secondary)" },
                                         ...taxonomy.options.map(o => ({
                                             value: o.value,
-                                            label: o.label,
+                                            label: o.status === 'retired' ? `${o.label} (Retired)` : o.label,
                                             icon: o.icon,
                                             color: o.color
                                         }))
                                     ], onChange: (value) => {
                                         setSelectedOptionValue(value);
                                         setIsCreatingOption(false);
-                                    }, disabled: isCreatingOption }) }), !isCreatingOption ? (_jsx("button", { type: "button", className: styles.browseBtn, onClick: () => setIsCreatingOption(true), title: "Add Option", children: _jsx(Plus, { size: 18 }) })) : (_jsx("button", { type: "button", onClick: () => setIsCreatingOption(false), title: "Cancel", className: `${styles.browseBtn} ${styles.cancelBtnRed}`, children: _jsx(X, { size: 18 }) }))] }), isCreatingOption && (_jsx("div", { className: `${styles.configItem} ${styles.marginBottom16}`, children: _jsxs("div", { className: styles.flexGap8, children: [_jsx("input", { type: "text", className: styles.input, placeholder: "New option label...", value: newOptionLabel, onChange: (e) => setNewOptionLabel(e.target.value), onKeyDown: (e) => {
+                                    }, disabled: isCreatingOption }) }), !isCreatingOption ? (_jsx("button", { type: "button", className: styles.browseBtn, onClick: () => setIsCreatingOption(true), title: "Add Option", children: _jsx(Plus, { size: 18 }) })) : (_jsx("button", { type: "button", onClick: () => setIsCreatingOption(false), title: "Cancel", className: `${styles.browseBtn} ${styles.cancelBtnRed}`, children: _jsx(X, { size: 18 }) }))] }), isCreatingOption && (_jsx("div", { className: `${styles.configItem} ${styles.marginBottom16}`, children: _jsxs("div", { className: helperStyles.flexGap8, children: [_jsx("input", { type: "text", className: styles.input, placeholder: "New option label...", value: newOptionLabel, onChange: (e) => setNewOptionLabel(e.target.value), onKeyDown: (e) => {
                                         if (e.key === 'Enter')
                                             handleAddOption();
-                                    }, autoFocus: true }), _jsx("button", { type: "button", className: styles.saveSettingsBtn, onClick: handleAddOption, disabled: !newOptionLabel.trim(), children: "Add Option" })] }) })), editingOption && !isCreatingOption && (_jsxs("div", { className: styles.flex1, children: [_jsx("div", { className: `${styles.configDivider} ${styles.marginBottom20}` }), _jsx("div", { className: `${styles.flexBetweenCenter} ${styles.marginBottom20}`, children: _jsxs("div", { className: `${styles.flexColGap4} ${styles.flex1}`, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Option Label" }), _jsxs("div", { className: styles.gridConfig, children: [_jsx("input", { className: styles.input, value: editingOption.label, onChange: (e) => handleUpdateOption(editingOption.value, { label: e.target.value }), placeholder: "Option Label" }), _jsxs("button", { type: "button", className: `${styles.destructiveBtn} ${styles.deleteBtnMedium}`, onClick: () => handleRemoveOption(editingOption.value), title: "Delete Option", children: [_jsx(Trash2, { size: 14, className: styles.trashIcon }), " Delete"] })] })] }) }), _jsx("div", { className: `${styles.configDivider} ${styles.configDividerMargin}` }), _jsxs("div", { className: styles.configSection, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabelBlock}`, children: "Visual Style" }), _jsxs("div", { className: styles.categorySubConfig, children: [_jsx("div", { className: styles.colorPickerGrid, children: PALETTE_ORDER.map(colorToken => {
+                                    }, autoFocus: true }), _jsx("button", { type: "button", className: styles.saveSettingsBtn, onClick: handleAddOption, disabled: !newOptionLabel.trim(), children: "Add Option" })] }) })), editingOption && !isCreatingOption && (_jsxs("div", { className: styles.flex1, children: [_jsx("div", { className: `${styles.configDivider} ${styles.marginBottom20}` }), _jsxs("div", { className: `${styles.flexBetweenCenter} ${styles.marginBottom20}`, children: [_jsxs("div", { className: `${styles.flexColGap4} ${styles.flex1}`, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Option Label" }), _jsxs("div", { className: styles.gridConfig, children: [_jsx("input", { className: styles.input, value: editingOption.label, onChange: (e) => handleUpdateOption(editingOption.value, { label: e.target.value }), placeholder: "Option Label" }), editingOption.status === 'retired' ? (_jsx("button", { type: "button", className: styles.saveSettingsBtn, onClick: () => handleRestoreOption(editingOption.value), title: "Restore Option", children: "Restore" })) : (_jsxs("button", { type: "button", className: `${styles.destructiveBtn} ${styles.deleteBtnMedium}`, onClick: () => handleRetireOption(editingOption.value), title: "Retire Option", children: [_jsx(Trash2, { size: 14, className: styles.trashIcon }), " Retire"] }))] })] }), _jsxs("div", { className: helperStyles.optionOrderButtons, children: [_jsx("button", { type: "button", className: styles.browseBtn, title: "Move option up", onClick: () => moveOption(editingOption.value, -1), disabled: taxonomy.options[0]?.value === editingOption.value, children: _jsx(ArrowUp, { size: 16 }) }), _jsx("button", { type: "button", className: styles.browseBtn, title: "Move option down", onClick: () => moveOption(editingOption.value, 1), disabled: taxonomy.options[taxonomy.options.length - 1]?.value === editingOption.value, children: _jsx(ArrowDown, { size: 16 }) })] })] }), _jsx("p", { className: styles.settingsHint, style: { marginBottom: '20px' }, children: "Retired options stay visible for existing tasks and filters, but they should not be used for new work." }), _jsxs("div", { className: styles.settingGroup, style: { marginBottom: '20px' }, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabel}`, children: "Aliases" }), _jsx("input", { className: styles.input, value: editingOptionAliasesText, onChange: (e) => setEditingOptionAliasesText(e.target.value), onBlur: () => handleUpdateOption(editingOption.value, { aliases: parseAliases(editingOptionAliasesText) }), placeholder: "Optional aliases, comma-separated" })] }), _jsx("div", { className: `${styles.configDivider} ${styles.configDividerMargin}` }), _jsxs("div", { className: styles.configSection, children: [_jsx("label", { className: `${styles.label} ${styles.inputLabelBlock}`, children: "Visual Style" }), _jsxs("div", { className: styles.categorySubConfig, children: [_jsx("div", { className: styles.colorPickerGrid, children: PALETTE_ORDER.map(colorToken => {
                                                     const resolvedColor = resolveColor(colorToken) || '#000000';
                                                     const isActive = editingOption.color === colorToken;
                                                     const IconComp = editingOption.icon && Icons[editingOption.icon] ? Icons[editingOption.icon] : Box;
@@ -94,5 +117,5 @@ export function TaxonomyEditor({ taxonomy, onUpdateTaxonomy, onRemoveTaxonomy })
                                                             color: resolveColor(editingOption.color),
                                                             background: `${resolveColor(editingOption.color)}15`
                                                         } : {}, onClick: () => handleUpdateOption(editingOption.value, { icon: iconName }), title: iconName, children: _jsx(IconComp, { size: 16 }) }, iconName));
-                                                }) })] })] })] })), !editingOption && !isCreatingOption && (_jsxs("div", { className: styles.emptyStateBox, style: { border: 'none', background: 'transparent' }, children: [_jsx(Info, { size: 24, className: styles.emptyStateIcon }), "Select an option above to configure its appearance"] }))] })] }));
+                                                }) })] })] })] })), !editingOption && !isCreatingOption && (_jsxs("div", { className: `${helperStyles.emptyStateBox} ${helperStyles.emptyStateBare}`, children: [_jsx(Info, { size: 24, className: helperStyles.emptyStateIcon }), "Select an option above to configure its appearance"] }))] })] }));
 }

package/dist/components/features/settings/TaxonomyLibraryManager.d.ts

@@ -0,0 +1,26 @@
+import type { TaxonomyDefinition } from '../../../types';
+import { type TaxonomyLibraryPack } from '../../../shared/taxonomyLibrary.js';
+interface TaxonomyLibraryManagerProps {
+    mode?: 'system' | 'custom';
+    taxonomies?: TaxonomyDefinition[];
+    onUpdateCustomTaxonomies?: (taxonomies: TaxonomyDefinition[]) => void;
+    onAnalyzeSystemTaxonomyPack?: (pack: TaxonomyLibraryPack) => {
+        unmatchedCategoryValues: string[];
+        unmatchedTypeValues: string[];
+        incompatiblePriorityValues: number[];
+    };
+    onApplySystemTaxonomyPack?: (input: {
+        pack: TaxonomyLibraryPack;
+        sections: {
+            categories: boolean;
+            types: boolean;
+            priorities: boolean;
+        };
+        remapExistingValuesToDefault: boolean;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+}
+export declare function TaxonomyLibraryManager(props: TaxonomyLibraryManagerProps): import("react/jsx-runtime").JSX.Element;
+export {};