@n-dx/core 0.1.0

package/packages/web/dist/viewer/components/prd-tree/facet-filter.js

@@ -0,0 +1,188 @@
+/**
+ * Tag and status facet filter chips for the PRD tree search.
+ *
+ * Renders toggleable chip rows below the search input so users can
+ * narrow results by tag and/or status. Tag chips are populated
+ * dynamically from the current PRD data; status chips use the
+ * canonical status list.
+ *
+ * Tags use a searchable typeahead instead of a flat chip list to
+ * handle PRDs with hundreds of unique tags. Selected tags appear as
+ * dismissable chips; unselected tags are revealed via a text filter.
+ *
+ * Facets combine with AND logic: selecting a tag AND a status shows
+ * only items that have that tag AND that status. Within the tag group,
+ * AND logic applies (item must have ALL selected tags). Within the
+ * status group, OR logic applies (item matches ANY selected status).
+ *
+ * @see ./tree-search.ts — SearchFacets type and searchTree integration
+ * @see ./status-filter.ts — reuses status display config
+ */
+import { h } from "preact";
+import { useCallback, useState, useRef, useEffect, useMemo } from "preact/hooks";
+// ── Status display config (mirrors status-filter.ts) ─────────────────────
+const STATUS_FACETS = [
+    { status: "pending", label: "Pending", icon: "\u25CB", cssClass: "prd-status-pending" },
+    { status: "in_progress", label: "In Progress", icon: "\u25D0", cssClass: "prd-status-in-progress" },
+    { status: "completed", label: "Completed", icon: "\u25CF", cssClass: "prd-status-completed" },
+    { status: "failing", label: "Failing", icon: "\u26A0", cssClass: "prd-status-failing" },
+    { status: "blocked", label: "Blocked", icon: "\u2298", cssClass: "prd-status-blocked" },
+    { status: "deferred", label: "Deferred", icon: "\u25CC", cssClass: "prd-status-deferred" },
+];
+/** Max suggestions shown in the typeahead dropdown. */
+const MAX_SUGGESTIONS = 20;
+export function FacetFilter({ availableTags, activeTags, activeStatuses, onTagsChange, onStatusesChange, onClearAll, }) {
+    const hasActiveFacets = activeTags.size > 0 || activeStatuses.size > 0;
+    // ── Tag typeahead state ──────────────────────────────────────────────
+    const [tagQuery, setTagQuery] = useState("");
+    const [dropdownOpen, setDropdownOpen] = useState(false);
+    const [highlightIdx, setHighlightIdx] = useState(-1);
+    const containerRef = useRef(null);
+    const inputRef = useRef(null);
+    // Filtered suggestions: exclude already-selected tags, match query
+    const suggestions = useMemo(() => {
+        const q = tagQuery.trim().toLowerCase();
+        const filtered = availableTags.filter((tag) => !activeTags.has(tag) && (!q || tag.toLowerCase().includes(q)));
+        return filtered.slice(0, MAX_SUGGESTIONS);
+    }, [availableTags, activeTags, tagQuery]);
+    const totalMatches = useMemo(() => {
+        const q = tagQuery.trim().toLowerCase();
+        return availableTags.filter((tag) => !activeTags.has(tag) && (!q || tag.toLowerCase().includes(q))).length;
+    }, [availableTags, activeTags, tagQuery]);
+    // Reset highlight when suggestions change
+    useEffect(() => {
+        setHighlightIdx(-1);
+    }, [suggestions.length, tagQuery]);
+    // Close dropdown on outside click
+    useEffect(() => {
+        const handler = (e) => {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                setDropdownOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handler);
+        return () => document.removeEventListener("mousedown", handler);
+    }, []);
+    const selectTag = useCallback((tag) => {
+        const next = new Set(activeTags);
+        next.add(tag);
+        onTagsChange(next);
+        setTagQuery("");
+        setDropdownOpen(false);
+        inputRef.current?.focus();
+    }, [activeTags, onTagsChange]);
+    const removeTag = useCallback((tag) => {
+        const next = new Set(activeTags);
+        next.delete(tag);
+        onTagsChange(next);
+    }, [activeTags, onTagsChange]);
+    const toggleStatus = useCallback((status) => {
+        const next = new Set(activeStatuses);
+        if (next.has(status)) {
+            next.delete(status);
+        }
+        else {
+            next.add(status);
+        }
+        onStatusesChange(next);
+    }, [activeStatuses, onStatusesChange]);
+    const onInputKeyDown = useCallback((e) => {
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setHighlightIdx((i) => Math.min(i + 1, suggestions.length - 1));
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setHighlightIdx((i) => Math.max(i - 1, 0));
+        }
+        else if (e.key === "Enter" && highlightIdx >= 0 && highlightIdx < suggestions.length) {
+            e.preventDefault();
+            selectTag(suggestions[highlightIdx]);
+        }
+        else if (e.key === "Escape") {
+            setDropdownOpen(false);
+            setTagQuery("");
+        }
+        else if (e.key === "Backspace" && tagQuery === "" && activeTags.size > 0) {
+            // Remove last active tag on backspace in empty input
+            const last = [...activeTags].pop();
+            if (last)
+                removeTag(last);
+        }
+    }, [suggestions, highlightIdx, selectTag, tagQuery, activeTags, removeTag]);
+    // Always render — we show status facets and tag typeahead
+    return h("div", { class: "prd-facet-filter", role: "group", "aria-label": "Search facets" }, 
+    // ── Status facets ─────────────────────────────────────────────────
+    h("div", { class: "prd-facet-row" }, h("span", { class: "prd-facet-label" }, "Status:"), h("div", { class: "prd-facet-chips", role: "toolbar", "aria-label": "Status facets" }, STATUS_FACETS.map((sf) => {
+        const isActive = activeStatuses.has(sf.status);
+        return h("button", {
+            key: sf.status,
+            class: `prd-facet-chip prd-facet-status${isActive ? " active" : ""} ${sf.cssClass}`,
+            onClick: () => toggleStatus(sf.status),
+            title: `${isActive ? "Remove" : "Add"} ${sf.label.toLowerCase()} filter`,
+            "aria-pressed": String(isActive),
+            type: "button",
+        }, h("span", { class: "prd-facet-chip-icon" }, sf.icon), h("span", { class: "prd-facet-chip-label" }, sf.label));
+    }))), 
+    // ── Tag facets (typeahead) ────────────────────────────────────────
+    h("div", { class: "prd-facet-row prd-facet-row--tags" }, h("span", { class: "prd-facet-label" }, "Tags:"), availableTags.length > 0
+        ? h("div", { class: "prd-tag-typeahead", ref: containerRef }, 
+        // Selected tag chips
+        activeTags.size > 0
+            ? h("div", { class: "prd-facet-chips prd-tag-selected", role: "toolbar", "aria-label": "Active tag filters" }, [...activeTags].sort().map((tag) => h("button", {
+                key: tag,
+                class: "prd-facet-chip prd-facet-tag active",
+                onClick: () => removeTag(tag),
+                title: `Remove "${tag}" tag filter`,
+                "aria-pressed": "true",
+                type: "button",
+            }, h("span", { class: "prd-facet-chip-icon" }, "#"), h("span", { class: "prd-facet-chip-label" }, tag), h("span", { class: "prd-tag-remove" }, "\u00d7"))))
+            : null, 
+        // Search input
+        h("div", { class: "prd-tag-input-wrap" }, h("input", {
+            ref: inputRef,
+            type: "text",
+            class: "prd-tag-input",
+            placeholder: `Search ${availableTags.length} tags\u2026`,
+            value: tagQuery,
+            onInput: (e) => {
+                setTagQuery(e.target.value);
+                setDropdownOpen(true);
+            },
+            onFocus: () => setDropdownOpen(true),
+            onKeyDown: onInputKeyDown,
+            "aria-label": "Search tags",
+            "aria-expanded": String(dropdownOpen && suggestions.length > 0),
+            "aria-autocomplete": "list",
+            autocomplete: "off",
+        }), 
+        // Dropdown suggestions
+        dropdownOpen && tagQuery.trim().length > 0 && suggestions.length > 0
+            ? h("ul", { class: "prd-tag-dropdown", role: "listbox" }, suggestions.map((tag, idx) => h("li", {
+                key: tag,
+                class: `prd-tag-option${idx === highlightIdx ? " highlighted" : ""}`,
+                role: "option",
+                "aria-selected": String(idx === highlightIdx),
+                onMouseDown: (e) => {
+                    e.preventDefault(); // prevent blur
+                    selectTag(tag);
+                },
+                onMouseEnter: () => setHighlightIdx(idx),
+            }, h("span", { class: "prd-tag-option-hash" }, "#"), tag)), totalMatches > MAX_SUGGESTIONS
+                ? h("li", { class: "prd-tag-option prd-tag-more" }, `+${totalMatches - MAX_SUGGESTIONS} more\u2026 refine your search`)
+                : null)
+            : dropdownOpen && tagQuery.trim().length > 0 && suggestions.length === 0
+                ? h("ul", { class: "prd-tag-dropdown", role: "listbox" }, h("li", { class: "prd-tag-option prd-tag-no-match" }, "No matching tags"))
+                : null))
+        : h("span", { class: "prd-facet-empty" }, "No tags in current PRD")), 
+    // ── Clear all facets button ──────────────────────────────────────
+    hasActiveFacets
+        ? h("button", {
+            class: "prd-facet-clear",
+            onClick: onClearAll,
+            title: "Clear all facet filters",
+            type: "button",
+        }, "\u00d7 Clear facets")
+        : null);
+}
+//# sourceMappingURL=facet-filter.js.map

package/packages/web/dist/viewer/components/prd-tree/facet-filter.js.map

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

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

@@ -0,0 +1,24 @@
+/**
+ * PRD tree barrel — re-exports consumed by external modules.
+ *
+ * Includes the main PRDTree component, filter components, shared types,
+ * and internal utilities (lazy-children, listener-lifecycle) whose exports
+ * are re-exported here to make zone membership compiler-visible.
+ */
+export { PRDTree } from "./prd-tree.js";
+export type { PRDTreeProps } from "./prd-tree.js";
+export { StatusFilter, defaultStatusFilter } from "./status-filter.js";
+export type { StatusFilterProps } from "./status-filter.js";
+export { FacetFilter } from "./facet-filter.js";
+export type { FacetFilterProps } from "./facet-filter.js";
+export type { PRDItemData, PRDDocumentData, ItemLevel, ItemStatus, Priority, BranchStats, } from "./types.js";
+export { LazyChildren, UNMOUNT_DELAY_MS } from "./lazy-children.js";
+export type { LazyChildrenProps } from "./lazy-children.js";
+export { ListenerLifecycleManager, useNodeListeners } from "./listener-lifecycle.js";
+export type { ListenerRecord, ListenerLifecycleState } from "./listener-lifecycle.js";
+export { SmartAddInput } from "./smart-add-input.js";
+export type { SmartAddInputProps } from "./smart-add-input.js";
+export { BatchImportPanel } from "./batch-import-panel.js";
+export type { BatchImportPanelProps } from "./batch-import-panel.js";
+export { ProposalEditor } from "./proposal-editor.js";
+export type { RawProposal, ProposalEditorProps } from "./proposal-editor.js";

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

@@ -0,0 +1,16 @@
+/**
+ * PRD tree barrel — re-exports consumed by external modules.
+ *
+ * Includes the main PRDTree component, filter components, shared types,
+ * and internal utilities (lazy-children, listener-lifecycle) whose exports
+ * are re-exported here to make zone membership compiler-visible.
+ */
+export { PRDTree } from "./prd-tree.js";
+export { StatusFilter, defaultStatusFilter } from "./status-filter.js";
+export { FacetFilter } from "./facet-filter.js";
+export { LazyChildren, UNMOUNT_DELAY_MS } from "./lazy-children.js";
+export { ListenerLifecycleManager, useNodeListeners } from "./listener-lifecycle.js";
+export { SmartAddInput } from "./smart-add-input.js";
+export { BatchImportPanel } from "./batch-import-panel.js";
+export { ProposalEditor } from "./proposal-editor.js";
+//# sourceMappingURL=index.js.map

package/packages/web/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;;;;;;GAMG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUhD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEpE,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/packages/web/dist/viewer/components/prd-tree/inline-add-form.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Inline add form for creating child items directly within the PRD tree.
+ *
+ * Renders a lightweight form below a parent node, auto-inferring the child
+ * level from the parent. Supports title, description, and priority fields
+ * with keyboard shortcuts (Enter to submit, Escape to cancel).
+ */
+import type { ItemLevel } from "./types.js";
+export interface InlineAddFormProps {
+    /** The level of the parent item (used to infer child level). */
+    parentLevel: ItemLevel;
+    /** The ID of the parent item. */
+    parentId: string;
+    /** Tree depth for indentation alignment. */
+    depth: number;
+    /** Called when the form is submitted. */
+    onSubmit: (data: InlineAddInput) => Promise<void>;
+    /** Called when the form is cancelled. */
+    onCancel: () => void;
+}
+export interface InlineAddInput {
+    title: string;
+    parentId: string;
+    level: ItemLevel;
+    description?: string;
+    priority?: string;
+}
+export declare function InlineAddForm({ parentLevel, parentId, depth, onSubmit, onCancel }: InlineAddFormProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    style: string;
+    onKeyDown: (e: KeyboardEvent) => void;
+}> | null;

package/packages/web/dist/viewer/components/prd-tree/inline-add-form.js

@@ -0,0 +1,175 @@
+/**
+ * Inline add form for creating child items directly within the PRD tree.
+ *
+ * Renders a lightweight form below a parent node, auto-inferring the child
+ * level from the parent. Supports title, description, and priority fields
+ * with keyboard shortcuts (Enter to submit, Escape to cancel).
+ */
+import { h } from "preact";
+import { useState, useCallback, useRef, useEffect } from "preact/hooks";
+// ── Constants ────────────────────────────────────────────────────────
+/** Infer child level from parent level. */
+const CHILD_LEVEL = {
+    epic: "feature",
+    feature: "task",
+    task: "subtask",
+};
+const LEVEL_LABELS = {
+    epic: "Epic",
+    feature: "Feature",
+    task: "Task",
+    subtask: "Subtask",
+};
+const PRIORITY_OPTIONS = [
+    { value: "", label: "None" },
+    { value: "critical", label: "Critical" },
+    { value: "high", label: "High" },
+    { value: "medium", label: "Medium" },
+    { value: "low", label: "Low" },
+];
+// ── Component ────────────────────────────────────────────────────────
+export function InlineAddForm({ parentLevel, parentId, depth, onSubmit, onCancel }) {
+    const [title, setTitle] = useState("");
+    const [description, setDescription] = useState("");
+    const [priority, setPriority] = useState("");
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const [showExtra, setShowExtra] = useState(false);
+    const titleRef = useRef(null);
+    // Auto-focus the title input on mount
+    useEffect(() => {
+        // Small delay to ensure DOM is ready after render
+        const timer = setTimeout(() => titleRef.current?.focus(), 50);
+        return () => clearTimeout(timer);
+    }, []);
+    const childLevel = CHILD_LEVEL[parentLevel];
+    if (!childLevel)
+        return null; // subtasks can't have children
+    const childLabel = LEVEL_LABELS[childLevel];
+    const indent = (depth + 1) * 24;
+    const handleSubmit = useCallback(async (e) => {
+        if (e)
+            e.preventDefault();
+        const trimmedTitle = title.trim();
+        if (!trimmedTitle) {
+            setError("Title is required");
+            titleRef.current?.focus();
+            return;
+        }
+        setSubmitting(true);
+        setError(null);
+        try {
+            await onSubmit({
+                title: trimmedTitle,
+                parentId,
+                level: childLevel,
+                description: description.trim() || undefined,
+                priority: priority || undefined,
+            });
+        }
+        catch (err) {
+            setError(String(err));
+            setSubmitting(false);
+        }
+    }, [title, description, priority, parentId, childLevel, onSubmit]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Escape") {
+            e.preventDefault();
+            e.stopPropagation();
+            onCancel();
+        }
+        // Ctrl/Cmd+Enter to submit from any field
+        if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+            e.preventDefault();
+            handleSubmit();
+        }
+    }, [onCancel, handleSubmit]);
+    const handleTitleKeyDown = useCallback((e) => {
+        // Enter submits from title field (unless extra fields are shown)
+        if (e.key === "Enter" && !e.shiftKey && !showExtra) {
+            e.preventDefault();
+            handleSubmit();
+        }
+        handleKeyDown(e);
+    }, [handleSubmit, handleKeyDown, showExtra]);
+    return h("div", {
+        class: "prd-inline-add-form",
+        style: `padding-left: ${indent + 8}px`,
+        onKeyDown: handleKeyDown,
+    }, 
+    // Error display
+    error
+        ? h("div", { class: "prd-inline-add-error", role: "alert" }, error)
+        : null, 
+    // Main input row: icon + title + actions
+    h("div", { class: "prd-inline-add-row" }, 
+    // Level indicator
+    h("span", { class: `prd-level-badge prd-level-${childLevel}` }, childLabel), 
+    // Title input
+    h("input", {
+        ref: titleRef,
+        class: "prd-inline-add-title",
+        type: "text",
+        value: title,
+        placeholder: `New ${childLabel.toLowerCase()} title...`,
+        onInput: (e) => {
+            setTitle(e.target.value);
+            if (error)
+                setError(null);
+        },
+        onKeyDown: handleTitleKeyDown,
+        disabled: submitting,
+        "aria-label": `New ${childLabel.toLowerCase()} title`,
+    }), 
+    // Toggle extra fields
+    h("button", {
+        type: "button",
+        class: `prd-inline-add-more${showExtra ? " active" : ""}`,
+        onClick: () => setShowExtra(!showExtra),
+        title: showExtra ? "Hide extra fields" : "Show description & priority",
+        "aria-label": showExtra ? "Hide extra fields" : "Show extra fields",
+        disabled: submitting,
+    }, "⋯"), 
+    // Submit button
+    h("button", {
+        type: "button",
+        class: "prd-inline-add-submit",
+        onClick: () => handleSubmit(),
+        disabled: submitting || !title.trim(),
+        title: `Add ${childLabel.toLowerCase()}`,
+        "aria-label": `Add ${childLabel.toLowerCase()}`,
+    }, submitting ? "…" : "✓"), 
+    // Cancel button
+    h("button", {
+        type: "button",
+        class: "prd-inline-add-cancel",
+        onClick: onCancel,
+        disabled: submitting,
+        title: "Cancel (Esc)",
+        "aria-label": "Cancel",
+    }, "✕")), 
+    // Extra fields (description + priority) — shown when expanded
+    showExtra
+        ? h("div", { class: "prd-inline-add-extra" }, 
+        // Description
+        h("textarea", {
+            class: "prd-inline-add-description",
+            value: description,
+            placeholder: "Description (optional)",
+            onInput: (e) => setDescription(e.target.value),
+            onKeyDown: handleKeyDown,
+            rows: 2,
+            disabled: submitting,
+            "aria-label": "Description",
+        }), 
+        // Priority selector
+        h("div", { class: "prd-inline-add-priority-row" }, h("span", { class: "prd-inline-add-priority-label" }, "Priority:"), h("select", {
+            class: "prd-inline-add-priority",
+            value: priority,
+            onChange: (e) => setPriority(e.target.value),
+            disabled: submitting,
+            "aria-label": "Priority",
+        }, PRIORITY_OPTIONS.map((opt) => h("option", { key: opt.value, value: opt.value }, opt.label)))))
+        : null);
+}
+//# sourceMappingURL=inline-add-form.js.map

package/packages/web/dist/viewer/components/prd-tree/inline-add-form.js.map

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

package/packages/web/dist/viewer/components/prd-tree/inline-status-picker.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Inline status picker — compact popover for changing item status.
+ *
+ * Appears anchored below the status action button in a tree node row.
+ * Designed to replace the old right-click context menu pattern with a
+ * predictable, keyboard-accessible inline control.
+ *
+ * @see ./prd-tree.ts — PRDTree manages picker state at the tree level
+ */
+import type { ItemStatus } from "./types.js";
+export interface InlineStatusPickerProps {
+    /** Current status of the item. */
+    currentStatus: ItemStatus;
+    /** Viewport-relative position to anchor the picker. */
+    anchorRect: {
+        left: number;
+        top: number;
+        bottom: number;
+    };
+    /** Called when the user selects a new status. */
+    onSelect: (status: ItemStatus) => void;
+    /** Called when the picker should close (Escape, outside click). */
+    onClose: () => void;
+}
+export declare function InlineStatusPicker({ currentStatus, anchorRect, onSelect, onClose }: InlineStatusPickerProps): import("preact").VNode<import("preact").ClassAttributes<HTMLDivElement> & {
+    ref: import("preact").RefObject<HTMLDivElement>;
+    class: string;
+    style: Record<string, string>;
+    role: "listbox";
+    "aria-label": string;
+}>;

package/packages/web/dist/viewer/components/prd-tree/inline-status-picker.js

@@ -0,0 +1,110 @@
+/**
+ * Inline status picker — compact popover for changing item status.
+ *
+ * Appears anchored below the status action button in a tree node row.
+ * Designed to replace the old right-click context menu pattern with a
+ * predictable, keyboard-accessible inline control.
+ *
+ * @see ./prd-tree.ts — PRDTree manages picker state at the tree level
+ */
+import { h } from "preact";
+import { useEffect, useRef } from "preact/hooks";
+// ── Status options ──────────────────────────────────────────────────
+const STATUS_OPTIONS = [
+    { value: "pending", label: "Pending", icon: "○" },
+    { value: "in_progress", label: "In Progress", icon: "◐" },
+    { value: "completed", label: "Completed", icon: "●" },
+    { value: "failing", label: "Failing", icon: "⚠" },
+    { value: "blocked", label: "Blocked", icon: "⊘" },
+    { value: "deferred", label: "Deferred", icon: "◌" },
+    { value: "deleted", label: "Deleted", icon: "✕" },
+];
+export function InlineStatusPicker({ currentStatus, anchorRect, onSelect, onClose }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const handleClick = (e) => {
+            if (ref.current && !ref.current.contains(e.target)) {
+                onClose();
+            }
+        };
+        const handleKey = (e) => {
+            if (e.key === "Escape") {
+                e.stopPropagation();
+                onClose();
+            }
+        };
+        // Use capture for Escape so it fires before tree-level keydown
+        document.addEventListener("mousedown", handleClick);
+        document.addEventListener("keydown", handleKey, true);
+        return () => {
+            document.removeEventListener("mousedown", handleClick);
+            document.removeEventListener("keydown", handleKey, true);
+        };
+    }, [onClose]);
+    // Focus the current-status button on mount for keyboard navigation
+    useEffect(() => {
+        if (!ref.current)
+            return;
+        const activeBtn = ref.current.querySelector(".prd-status-picker-option.active");
+        if (activeBtn)
+            activeBtn.focus();
+    }, []);
+    // Position: below the anchor button, clamped to viewport
+    const pickerHeight = STATUS_OPTIONS.length * 32 + 8; // estimate
+    const spaceBelow = window.innerHeight - anchorRect.bottom;
+    const showAbove = spaceBelow < pickerHeight && anchorRect.top > pickerHeight;
+    const style = {
+        position: "fixed",
+        left: `${Math.min(anchorRect.left, window.innerWidth - 160)}px`,
+        zIndex: "9999",
+    };
+    if (showAbove) {
+        style.bottom = `${window.innerHeight - anchorRect.top + 4}px`;
+    }
+    else {
+        style.top = `${anchorRect.bottom + 4}px`;
+    }
+    return h("div", {
+        ref,
+        class: "prd-status-picker",
+        style,
+        role: "listbox",
+        "aria-label": "Change status",
+    }, STATUS_OPTIONS.map((opt) => h("button", {
+        key: opt.value,
+        class: `prd-status-picker-option prd-status-${opt.value}${currentStatus === opt.value ? " active" : ""}`,
+        role: "option",
+        "aria-selected": String(currentStatus === opt.value),
+        onClick: (e) => {
+            e.stopPropagation();
+            if (opt.value !== currentStatus) {
+                onSelect(opt.value);
+            }
+            onClose();
+        },
+        onKeyDown: (e) => {
+            if (e.key === "ArrowDown") {
+                e.preventDefault();
+                const next = e.currentTarget.nextElementSibling;
+                if (next)
+                    next.focus();
+            }
+            if (e.key === "ArrowUp") {
+                e.preventDefault();
+                const prev = e.currentTarget.previousElementSibling;
+                if (prev)
+                    prev.focus();
+            }
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                if (opt.value !== currentStatus) {
+                    onSelect(opt.value);
+                }
+                onClose();
+            }
+        },
+    }, h("span", { class: "prd-status-picker-icon" }, opt.icon), h("span", { class: "prd-status-picker-label" }, opt.label), currentStatus === opt.value
+        ? h("span", { class: "prd-status-picker-check", "aria-hidden": "true" }, "✓")
+        : null)));
+}
+//# sourceMappingURL=inline-status-picker.js.map

package/packages/web/dist/viewer/components/prd-tree/inline-status-picker.js.map

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