@n-dx/core 0.1.0

package/packages/sourcevision/dist/viewer/components/prd-tree/compute.js

@@ -0,0 +1,116 @@
+/**
+ * Pure computation functions for PRD tree statistics.
+ * No UI dependencies — easily testable.
+ */
+/**
+ * Compute stats for a list of items, counting only tasks and subtasks
+ * (matching Rex's computeStats behavior).
+ */
+export function computeBranchStats(items) {
+    const stats = {
+        total: 0,
+        completed: 0,
+        inProgress: 0,
+        pending: 0,
+        deferred: 0,
+        blocked: 0,
+        deleted: 0,
+    };
+    function walk(nodes) {
+        for (const item of nodes) {
+            if (item.level === "task" || item.level === "subtask") {
+                stats.total++;
+                switch (item.status) {
+                    case "completed":
+                        stats.completed++;
+                        break;
+                    case "in_progress":
+                        stats.inProgress++;
+                        break;
+                    case "pending":
+                        stats.pending++;
+                        break;
+                    case "deferred":
+                        stats.deferred++;
+                        break;
+                    case "blocked":
+                        stats.blocked++;
+                        break;
+                    case "deleted":
+                        stats.deleted++;
+                        break;
+                }
+            }
+            if (item.children && item.children.length > 0) {
+                walk(item.children);
+            }
+        }
+    }
+    walk(items);
+    return stats;
+}
+/** Compute completion ratio (0–1) from branch stats. */
+export function completionRatio(stats) {
+    return stats.total > 0 ? stats.completed / stats.total : 0;
+}
+/** Count direct children by status. */
+export function countChildStatuses(children) {
+    const counts = {
+        pending: 0,
+        in_progress: 0,
+        completed: 0,
+        deferred: 0,
+        blocked: 0,
+        deleted: 0,
+    };
+    for (const child of children) {
+        counts[child.status]++;
+    }
+    return counts;
+}
+/**
+ * Check if an item or any of its descendants match the status filter.
+ * Container items (epics/features) are shown if any descendant matches.
+ */
+export function itemMatchesFilter(item, activeStatuses) {
+    if (activeStatuses.has(item.status))
+        return true;
+    if (item.children) {
+        return item.children.some((child) => itemMatchesFilter(child, activeStatuses));
+    }
+    return false;
+}
+/**
+ * Return a filtered copy of the item tree, keeping only nodes whose status
+ * is in `activeStatuses` or that have at least one visible descendant.
+ * Parent nodes that survive only because of their children retain only the
+ * matching subset in their `children` array.
+ */
+export function filterTree(items, activeStatuses) {
+    const result = [];
+    for (const item of items) {
+        const filteredChildren = item.children
+            ? filterTree(item.children, activeStatuses)
+            : undefined;
+        const hasVisibleChildren = filteredChildren && filteredChildren.length > 0;
+        if (activeStatuses.has(item.status) || hasVisibleChildren) {
+            result.push({
+                ...item,
+                children: filteredChildren,
+            });
+        }
+    }
+    return result;
+}
+/** Format a compact timestamp from ISO string. */
+export function formatTimestamp(iso) {
+    const d = new Date(iso);
+    if (isNaN(d.getTime()))
+        return "";
+    const month = String(d.getMonth() + 1).padStart(2, "0");
+    const day = String(d.getDate()).padStart(2, "0");
+    const hour = String(d.getHours()).padStart(2, "0");
+    const min = String(d.getMinutes()).padStart(2, "0");
+    return `${month}-${day} ${hour}:${min}`;
+}
+//# sourceMappingURL=compute.js.map

package/packages/sourcevision/dist/viewer/components/prd-tree/compute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute.js","sourceRoot":"","sources":["../../../../src/viewer/components/prd-tree/compute.ts"],"names":[],"mappings":"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"}

package/packages/sourcevision/dist/viewer/components/prd-tree/index.d.ts

@@ -0,0 +1,14 @@
+export { PRDTree } from "./prd-tree.js";
+export type { PRDTreeProps } from "./prd-tree.js";
+export { TaskDetail } from "./task-detail.js";
+export type { TaskDetailProps } from "./task-detail.js";
+export { AddItemForm } from "./add-item-form.js";
+export type { AddItemFormProps, AddItemInput } from "./add-item-form.js";
+export { AnalyzePanel } from "./analyze-panel.js";
+export type { AnalyzePanelProps } from "./analyze-panel.js";
+export { BulkActions } from "./bulk-actions.js";
+export type { BulkActionsProps } from "./bulk-actions.js";
+export { StatusFilter, defaultStatusFilter, ALL_STATUSES, FILTER_PRESETS, activePresetKey } from "./status-filter.js";
+export type { StatusFilterProps, FilterPreset } from "./status-filter.js";
+export type { PRDItemData, PRDDocumentData, ItemLevel, ItemStatus, Priority, BranchStats, } from "./types.js";
+export { computeBranchStats, completionRatio, countChildStatuses, formatTimestamp, itemMatchesFilter, filterTree, } from "./compute.js";

package/packages/sourcevision/dist/viewer/components/prd-tree/index.js

@@ -0,0 +1,8 @@
+export { PRDTree } from "./prd-tree.js";
+export { TaskDetail } from "./task-detail.js";
+export { AddItemForm } from "./add-item-form.js";
+export { AnalyzePanel } from "./analyze-panel.js";
+export { BulkActions } from "./bulk-actions.js";
+export { StatusFilter, defaultStatusFilter, ALL_STATUSES, FILTER_PRESETS, activePresetKey } from "./status-filter.js";
+export { computeBranchStats, completionRatio, countChildStatuses, formatTimestamp, itemMatchesFilter, filterTree, } from "./compute.js";
+//# sourceMappingURL=index.js.map

package/packages/sourcevision/dist/viewer/components/prd-tree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/viewer/components/prd-tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAUtH,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,UAAU,GACX,MAAM,cAAc,CAAC"}

package/packages/sourcevision/dist/viewer/components/prd-tree/prd-tree.d.ts

@@ -0,0 +1,21 @@
+/**
+ * PRD hierarchy tree view component.
+ *
+ * Renders a collapsible/expandable tree of epics → features → tasks → subtasks
+ * with status indicators, progress bars, and completion percentages.
+ */
+import { VNode } from "preact";
+import type { PRDItemData, PRDDocumentData } from "./types.js";
+export interface PRDTreeProps {
+    /** PRD document data (items array + title). */
+    document: PRDDocumentData;
+    /** How many levels to expand by default (0 = all collapsed). */
+    defaultExpandDepth?: number;
+    /** Called when an item is clicked for detail view. */
+    onSelectItem?: (item: PRDItemData) => void;
+    /** Currently selected item ID (highlights the row). */
+    selectedItemId?: string | null;
+}
+export declare function PRDTree({ document: doc, defaultExpandDepth, onSelectItem, selectedItemId }: PRDTreeProps): VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;

package/packages/sourcevision/dist/viewer/components/prd-tree/prd-tree.js

@@ -0,0 +1,293 @@
+/**
+ * PRD hierarchy tree view component.
+ *
+ * Renders a collapsible/expandable tree of epics → features → tasks → subtasks
+ * with status indicators, progress bars, and completion percentages.
+ */
+import { h, Fragment } from "preact";
+import { useState, useMemo, useCallback } from "preact/hooks";
+import { computeBranchStats, completionRatio, formatTimestamp, itemMatchesFilter } from "./compute.js";
+import { StatusFilter, defaultStatusFilter } from "./status-filter.js";
+// ── Status rendering ────────────────────────────────────────────────
+const STATUS_CONFIG = {
+    completed: { icon: "●", cssClass: "prd-status-completed", label: "Completed" },
+    in_progress: { icon: "◐", cssClass: "prd-status-in-progress", label: "In Progress" },
+    pending: { icon: "○", cssClass: "prd-status-pending", label: "Pending" },
+    deferred: { icon: "◌", cssClass: "prd-status-deferred", label: "Deferred" },
+    blocked: { icon: "⊘", cssClass: "prd-status-blocked", label: "Blocked" },
+    deleted: { icon: "✕", cssClass: "prd-status-deleted", label: "Deleted" },
+};
+const PRIORITY_CONFIG = {
+    critical: { cssClass: "prd-priority-critical" },
+    high: { cssClass: "prd-priority-high" },
+    medium: { cssClass: "prd-priority-medium" },
+    low: { cssClass: "prd-priority-low" },
+};
+const LEVEL_LABELS = {
+    epic: "Epic",
+    feature: "Feature",
+    task: "Task",
+    subtask: "Subtask",
+};
+// ── Helper: collect all node IDs up to a depth ──────────────────────
+function collectIdsToDepth(items, maxDepth, currentDepth = 0) {
+    const ids = new Set();
+    if (currentDepth >= maxDepth)
+        return ids;
+    for (const item of items) {
+        ids.add(item.id);
+        if (item.children && item.children.length > 0) {
+            for (const id of collectIdsToDepth(item.children, maxDepth, currentDepth + 1)) {
+                ids.add(id);
+            }
+        }
+    }
+    return ids;
+}
+// ── Sub-components ──────────────────────────────────────────────────
+function StatusIndicator({ status }) {
+    const config = STATUS_CONFIG[status];
+    return h("span", {
+        class: `prd-status-icon ${config.cssClass}`,
+        title: config.label,
+        "aria-label": config.label,
+    }, config.icon);
+}
+function PriorityBadge({ priority }) {
+    const config = PRIORITY_CONFIG[priority];
+    return h("span", { class: `prd-priority-badge ${config.cssClass}` }, priority);
+}
+function ProgressBar({ ratio }) {
+    const pct = Math.round(ratio * 100);
+    const barClass = pct >= 100 ? "prd-bar-done" : pct >= 50 ? "prd-bar-mid" : "prd-bar-low";
+    return h("div", {
+        class: "prd-progress-wrapper",
+        title: `${pct}% complete`,
+        role: "progressbar",
+        "aria-valuenow": String(pct),
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-label": `${pct}% complete`,
+    }, h("div", { class: "prd-progress-track", "aria-hidden": "true" }, h("div", {
+        class: `prd-progress-fill ${barClass}`,
+        style: `width: ${pct}%`,
+    })), h("span", { class: "prd-progress-pct", "aria-hidden": "true" }, `${pct}%`));
+}
+function TagList({ tags }) {
+    return h("span", { class: "prd-tag-list" }, tags.map((tag) => h("span", { key: tag, class: "prd-tag" }, tag)));
+}
+function TimestampSuffix({ item }) {
+    if (item.status === "completed" && item.completedAt) {
+        const ts = formatTimestamp(item.completedAt);
+        if (ts)
+            return h("span", { class: "prd-timestamp" }, `done ${ts}`);
+    }
+    if (item.status === "in_progress" && item.startedAt) {
+        const ts = formatTimestamp(item.startedAt);
+        if (ts)
+            return h("span", { class: "prd-timestamp" }, `started ${ts}`);
+    }
+    return null;
+}
+function NodeRow({ item, depth, isExpanded, hasChildren, isSelected, onToggle, onSelect }) {
+    const children = item.children ?? [];
+    const stats = hasChildren ? computeBranchStats(children) : null;
+    const ratio = stats ? completionRatio(stats) : 0;
+    const indent = depth * 24;
+    const handleClick = (e) => {
+        // If clicking the chevron area, toggle expand
+        const target = e.target;
+        if (target.classList.contains("prd-chevron")) {
+            if (hasChildren)
+                onToggle();
+            return;
+        }
+        // Otherwise, select the item (and toggle expand if it has children)
+        if (onSelect) {
+            onSelect(item);
+        }
+        else if (hasChildren) {
+            onToggle();
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (onSelect) {
+                onSelect(item);
+            }
+            else if (hasChildren) {
+                onToggle();
+            }
+        }
+        // Arrow right to expand, left to collapse
+        if (hasChildren && e.key === "ArrowRight" && !isExpanded) {
+            e.preventDefault();
+            onToggle();
+        }
+        if (hasChildren && e.key === "ArrowLeft" && isExpanded) {
+            e.preventDefault();
+            onToggle();
+        }
+        // Arrow up/down to navigate between visible tree items
+        if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+            e.preventDefault();
+            const target = e.currentTarget;
+            const tree = target.closest('[role="tree"]');
+            if (!tree)
+                return;
+            const items = Array.from(tree.querySelectorAll('[role="treeitem"]'));
+            const idx = items.indexOf(target);
+            if (idx < 0)
+                return;
+            const next = e.key === "ArrowDown" ? idx + 1 : idx - 1;
+            if (next >= 0 && next < items.length) {
+                items[next].focus();
+            }
+        }
+    };
+    return h("div", {
+        class: `prd-node-row${hasChildren ? " prd-node-expandable" : ""}${isSelected ? " prd-node-selected" : ""} prd-level-${item.level}`,
+        style: `padding-left: ${indent + 8}px`,
+        onClick: handleClick,
+        role: "treeitem",
+        "aria-expanded": hasChildren ? String(isExpanded) : undefined,
+        "aria-selected": String(isSelected),
+        tabIndex: 0,
+        onKeyDown: handleKeyDown,
+    }, 
+    // Chevron
+    h("span", {
+        class: `prd-chevron${hasChildren && isExpanded ? " prd-chevron-open" : ""}`,
+        "aria-hidden": "true",
+    }, hasChildren ? "\u25B6" : ""), 
+    // Status icon
+    h(StatusIndicator, { status: item.status }), 
+    // Level badge
+    h("span", { class: `prd-level-badge prd-level-${item.level}` }, LEVEL_LABELS[item.level]), 
+    // Title
+    h("span", { class: "prd-node-title" }, item.title), 
+    // Priority
+    item.priority
+        ? h(PriorityBadge, { priority: item.priority })
+        : null, 
+    // Progress bar (for nodes with children)
+    stats && stats.total > 0
+        ? h(Fragment, null, h(ProgressBar, { ratio }), h("span", { class: "prd-count" }, `${stats.completed}/${stats.total}`))
+        : null, 
+    // Tags
+    item.tags && item.tags.length > 0
+        ? h(TagList, { tags: item.tags })
+        : null, 
+    // Timestamp
+    h(TimestampSuffix, { item }));
+}
+function TreeNodes({ items, depth, expanded, selectedItemId, activeStatuses, onToggle, onSelectItem }) {
+    return h(Fragment, null, items
+        .filter((item) => itemMatchesFilter(item, activeStatuses))
+        .map((item) => {
+        const children = item.children ?? [];
+        const hasChildren = children.length > 0;
+        const isOpen = expanded.has(item.id);
+        return h("div", { key: item.id, class: "prd-node" }, h(NodeRow, {
+            item,
+            depth,
+            isExpanded: isOpen,
+            hasChildren,
+            isSelected: selectedItemId === item.id,
+            onToggle: () => onToggle(item.id),
+            onSelect: onSelectItem,
+        }), hasChildren && isOpen
+            ? h("div", { class: "prd-children", role: "group" }, h(TreeNodes, {
+                items: children,
+                depth: depth + 1,
+                expanded,
+                selectedItemId,
+                activeStatuses,
+                onToggle,
+                onSelectItem,
+            }))
+            : null);
+    }));
+}
+// ── Summary bar ─────────────────────────────────────────────────────
+function SummaryBar({ items }) {
+    const stats = computeBranchStats(items);
+    const pct = stats.total > 0 ? Math.round((stats.completed / stats.total) * 100) : 0;
+    const allSegments = [
+        { status: "completed", count: stats.completed, label: "Completed" },
+        { status: "in_progress", count: stats.inProgress, label: "In Progress" },
+        { status: "pending", count: stats.pending, label: "Pending" },
+        { status: "blocked", count: stats.blocked, label: "Blocked" },
+        { status: "deferred", count: stats.deferred, label: "Deferred" },
+        { status: "deleted", count: stats.deleted, label: "Deleted" },
+    ];
+    const segments = allSegments.filter((s) => s.count > 0);
+    return h("div", { class: "prd-summary" }, h("div", { class: "prd-summary-bar" }, segments.map((seg) => h("div", {
+        key: seg.status,
+        class: `prd-summary-segment prd-status-bg-${seg.status}`,
+        style: `width: ${(seg.count / stats.total) * 100}%`,
+        title: `${seg.label}: ${seg.count}`,
+    }))), h("div", { class: "prd-summary-stats" }, segments.map((seg) => h("span", { key: seg.status, class: "prd-summary-stat" }, h("span", { class: `prd-status-dot ${STATUS_CONFIG[seg.status].cssClass}` }), `${seg.count} ${seg.label}`)), h("span", { class: "prd-summary-pct" }, `${pct}% complete (${stats.completed}/${stats.total})`)));
+}
+function Toolbar({ onExpandAll, onCollapseAll }) {
+    return h("div", { class: "prd-toolbar" }, h("button", {
+        class: "prd-toolbar-btn",
+        onClick: onExpandAll,
+        title: "Expand all nodes",
+    }, "Expand All"), h("button", {
+        class: "prd-toolbar-btn",
+        onClick: onCollapseAll,
+        title: "Collapse all nodes",
+    }, "Collapse All"));
+}
+export function PRDTree({ document: doc, defaultExpandDepth = 2, onSelectItem, selectedItemId }) {
+    // Collect all IDs for expand-all
+    const allIds = useMemo(() => {
+        const ids = new Set();
+        function walk(items) {
+            for (const item of items) {
+                ids.add(item.id);
+                if (item.children)
+                    walk(item.children);
+            }
+        }
+        walk(doc.items);
+        return ids;
+    }, [doc.items]);
+    const [expanded, setExpanded] = useState(() => collectIdsToDepth(doc.items, defaultExpandDepth));
+    const [activeStatuses, setActiveStatuses] = useState(() => defaultStatusFilter());
+    const toggle = useCallback((id) => {
+        setExpanded((prev) => {
+            const next = new Set(prev);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            return next;
+        });
+    }, []);
+    const expandAll = useCallback(() => setExpanded(new Set(allIds)), [allIds]);
+    const collapseAll = useCallback(() => setExpanded(new Set()), []);
+    if (doc.items.length === 0) {
+        return h("div", { class: "prd-empty" }, h("p", null, "No PRD items yet."), h("p", { class: "prd-empty-hint" }, "Run ", h("code", null, "rex add epic --title=\"...\""), " to get started."));
+    }
+    return h("div", { class: "prd-tree-container" }, 
+    // Header
+    h("div", { class: "prd-header" }, h("h2", { class: "prd-title" }, doc.title), h(Toolbar, { onExpandAll: expandAll, onCollapseAll: collapseAll })), 
+    // Status filter
+    h(StatusFilter, { activeStatuses, onChange: setActiveStatuses }), 
+    // Summary
+    h(SummaryBar, { items: doc.items }), 
+    // Tree
+    h("div", { class: "prd-tree", role: "tree", "aria-label": "PRD hierarchy" }, h(TreeNodes, {
+        items: doc.items,
+        depth: 0,
+        expanded,
+        selectedItemId,
+        activeStatuses,
+        onToggle: toggle,
+        onSelectItem,
+    })));
+}
+//# sourceMappingURL=prd-tree.js.map

package/packages/sourcevision/dist/viewer/components/prd-tree/prd-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prd-tree.js","sourceRoot":"","sources":["../../../../src/viewer/components/prd-tree/prd-tree.ts"],"names":[],"mappings":"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"}

package/packages/sourcevision/dist/viewer/components/prd-tree/status-filter.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Status filter controls for the PRD tree view.
+ *
+ * Renders a row of toggleable status chips that control which items
+ * are visible in the tree. All statuses are enabled by default.
+ * Quick filter presets provide one-click access to common combinations.
+ */
+import type { ItemStatus } from "./types.js";
+/** All available statuses in display order. */
+export declare const ALL_STATUSES: ItemStatus[];
+export interface FilterPreset {
+    /** Unique key for the preset. */
+    key: string;
+    /** Label shown on the button. */
+    label: string;
+    /** Tooltip describing the preset. */
+    title: string;
+    /** Statuses included in this preset. */
+    statuses: ReadonlySet<ItemStatus>;
+}
+/** Predefined filter presets in display order. */
+export declare const FILTER_PRESETS: readonly FilterPreset[];
+/**
+ * Determine which preset (if any) matches the current active statuses.
+ * Returns the preset key or null if no preset matches exactly.
+ */
+export declare function activePresetKey(activeStatuses: Set<ItemStatus>): string | null;
+export interface StatusFilterProps {
+    /** Currently active (visible) statuses. */
+    activeStatuses: Set<ItemStatus>;
+    /** Called when the set of active statuses changes. */
+    onChange: (statuses: Set<ItemStatus>) => void;
+}
+export declare function StatusFilter({ activeStatuses, onChange }: StatusFilterProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "group";
+    "aria-label": string;
+}>;
+/** Default set of visible statuses (everything except deleted). */
+export declare function defaultStatusFilter(): Set<ItemStatus>;

package/packages/sourcevision/dist/viewer/components/prd-tree/status-filter.js

@@ -0,0 +1,129 @@
+/**
+ * Status filter controls for the PRD tree view.
+ *
+ * Renders a row of toggleable status chips that control which items
+ * are visible in the tree. All statuses are enabled by default.
+ * Quick filter presets provide one-click access to common combinations.
+ */
+import { h } from "preact";
+import { useCallback, useMemo } from "preact/hooks";
+/** All available statuses in display order. */
+export const ALL_STATUSES = [
+    "pending",
+    "in_progress",
+    "completed",
+    "blocked",
+    "deferred",
+    "deleted",
+];
+/** Human-readable labels and icons for each status. */
+const STATUS_DISPLAY = {
+    pending: { icon: "\u25CB", label: "Pending", cssClass: "prd-status-pending" },
+    in_progress: { icon: "\u25D0", label: "In Progress", cssClass: "prd-status-in-progress" },
+    completed: { icon: "\u25CF", label: "Completed", cssClass: "prd-status-completed" },
+    blocked: { icon: "\u2298", label: "Blocked", cssClass: "prd-status-blocked" },
+    deferred: { icon: "\u25CC", label: "Deferred", cssClass: "prd-status-deferred" },
+    deleted: { icon: "\u2715", label: "Deleted", cssClass: "prd-status-deleted" },
+};
+/** Predefined filter presets in display order. */
+export const FILTER_PRESETS = [
+    {
+        key: "all",
+        label: "All Items",
+        title: "Show all statuses including deleted",
+        statuses: new Set(ALL_STATUSES),
+    },
+    {
+        key: "active",
+        label: "Active Work",
+        title: "Show pending, in progress, and blocked items",
+        statuses: new Set(["pending", "in_progress", "blocked"]),
+    },
+    {
+        key: "completed",
+        label: "Completed",
+        title: "Show only completed items",
+        statuses: new Set(["completed"]),
+    },
+    {
+        key: "blocked-deferred",
+        label: "Blocked/Deferred",
+        title: "Show blocked and deferred items that need attention",
+        statuses: new Set(["blocked", "deferred"]),
+    },
+];
+/**
+ * Determine which preset (if any) matches the current active statuses.
+ * Returns the preset key or null if no preset matches exactly.
+ */
+export function activePresetKey(activeStatuses) {
+    for (const preset of FILTER_PRESETS) {
+        if (activeStatuses.size === preset.statuses.size &&
+            [...preset.statuses].every((s) => activeStatuses.has(s))) {
+            return preset.key;
+        }
+    }
+    return null;
+}
+export function StatusFilter({ activeStatuses, onChange }) {
+    const toggleStatus = useCallback((status) => {
+        const next = new Set(activeStatuses);
+        if (next.has(status)) {
+            // Don't allow deselecting all statuses
+            if (next.size <= 1)
+                return;
+            next.delete(status);
+        }
+        else {
+            next.add(status);
+        }
+        onChange(next);
+    }, [activeStatuses, onChange]);
+    const currentPreset = useMemo(() => activePresetKey(activeStatuses), [activeStatuses]);
+    return h("div", { class: "prd-status-filter", role: "group", "aria-label": "Filter by status" }, 
+    // Filter label
+    h("span", { class: "prd-status-filter-label" }, "Filter:"), 
+    // Quick presets
+    h("div", { class: "prd-status-filter-presets" }, FILTER_PRESETS.map((preset) => h("button", {
+        key: preset.key,
+        class: `prd-status-preset${currentPreset === preset.key ? " active" : ""}`,
+        onClick: () => onChange(new Set(preset.statuses)),
+        title: preset.title,
+        "aria-pressed": String(currentPreset === preset.key),
+        type: "button",
+    }, preset.label)), 
+    // Custom indicator when no preset matches
+    currentPreset === null
+        ? h("span", { class: "prd-status-preset-custom", title: "Custom filter combination" }, "Custom")
+        : null), 
+    // Status chips
+    h("div", { class: "prd-status-filter-chips", role: "toolbar", "aria-label": "Status chip toggles" }, ALL_STATUSES.map((status) => {
+        const display = STATUS_DISPLAY[status];
+        const isActive = activeStatuses.has(status);
+        return h("button", {
+            key: status,
+            class: `prd-status-chip${isActive ? " active" : ""} ${display.cssClass}`,
+            onClick: () => toggleStatus(status),
+            title: `${isActive ? "Hide" : "Show"} ${display.label.toLowerCase()} items`,
+            "aria-pressed": String(isActive),
+            type: "button",
+            onKeyDown: (e) => {
+                if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+                    e.preventDefault();
+                    const next = e.currentTarget.nextElementSibling;
+                    next?.focus();
+                }
+                if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+                    e.preventDefault();
+                    const prev = e.currentTarget.previousElementSibling;
+                    prev?.focus();
+                }
+            },
+        }, h("span", { class: "prd-status-chip-icon" }, display.icon), h("span", { class: "prd-status-chip-label" }, display.label));
+    })));
+}
+/** Default set of visible statuses (everything except deleted). */
+export function defaultStatusFilter() {
+    return new Set(["pending", "in_progress", "completed", "blocked", "deferred"]);
+}
+//# sourceMappingURL=status-filter.js.map