@n-dx/web 0.1.0

package/dist/viewer/components/progressive-loader.js

@@ -0,0 +1,225 @@
+/**
+ * Progressive tree loading for large PRD datasets.
+ *
+ * Renders tree nodes in configurable chunks rather than all at once. A flat
+ * "node budget" controls how many visible nodes are rendered: the tree is
+ * walked in render order and items beyond the budget are excluded. Parents
+ * whose children are partially truncated keep their structural position so
+ * scroll position is stable.
+ *
+ * The module exposes:
+ * - Pure functions for counting and slicing visible nodes (easily testable)
+ * - A Preact hook (`useProgressiveLoader`) for chunk state management
+ * - A `LoadMoreIndicator` component for the "load more" UI
+ *
+ * Search and filter operations always work on the **full** item tree —
+ * progressive loading only limits the **rendering** pass, not the data.
+ *
+ * @see ./prd-tree/prd-tree.ts   — integrating component
+ * @see ./prd-tree/compute.ts    — itemMatchesFilter used for visibility checks
+ */
+import { h } from "preact";
+import { useState, useCallback, useEffect, useRef } from "preact/hooks";
+import { itemMatchesFilter } from "./prd-tree/compute.js";
+/** Default number of nodes to render per chunk. */
+export const DEFAULT_CHUNK_SIZE = 50;
+/**
+ * Minimum item count before progressive loading activates.
+ * Trees smaller than this render in full without any chunking UI.
+ */
+export const PROGRESSIVE_THRESHOLD = 50;
+// ── Pure counting ────────────────────────────────────────────────────
+/**
+ * Count visible nodes in a tree, respecting the status filter.
+ *
+ * A node is "visible" when it (or any descendant) matches the active status
+ * filter — the same logic `itemMatchesFilter` uses. Each visible node
+ * contributes 1 to the count, and visible children are counted recursively.
+ *
+ * Complexity: O(N) where N = total nodes in tree.
+ */
+export function countVisibleNodes(items, activeStatuses) {
+    let count = 0;
+    for (const item of items) {
+        if (!itemMatchesFilter(item, activeStatuses))
+            continue;
+        count++;
+        if (item.children && item.children.length > 0) {
+            count += countVisibleNodes(item.children, activeStatuses);
+        }
+    }
+    return count;
+}
+/**
+ * Internal recursive slicer. Walks `items` in render order, consuming from
+ * `budget.remaining` for each visible node. Stops including siblings once
+ * the budget reaches zero. Children are sliced recursively with the shared
+ * budget object, so a deep subtree naturally shares the budget with its
+ * later siblings.
+ *
+ * Structural sharing: when all children of a node survive the slice, the
+ * original item reference is reused (no shallow copy). Only items at the
+ * truncation boundary get a new object.
+ */
+function sliceItems(items, activeStatuses, budget) {
+    const result = [];
+    for (const item of items) {
+        if (budget.remaining <= 0)
+            break;
+        if (!itemMatchesFilter(item, activeStatuses))
+            continue;
+        // This node consumes 1 from the budget.
+        budget.remaining--;
+        if (item.children && item.children.length > 0) {
+            // Snapshot budget before recursing to detect whether children were truncated.
+            const budgetBefore = budget.remaining;
+            const childSlice = sliceItems(item.children, activeStatuses, budget);
+            const childrenConsumed = budgetBefore - budget.remaining;
+            // Count how many of this item's children are visible (for truncation check).
+            const visibleChildCount = countVisibleChildren(item.children, activeStatuses);
+            if (childrenConsumed === visibleChildCount) {
+                // All visible children survived — reuse the original item reference.
+                result.push(item);
+            }
+            else {
+                // Some children truncated — shallow-copy with sliced children.
+                result.push({
+                    ...item,
+                    children: childSlice.length > 0 ? childSlice : undefined,
+                });
+            }
+        }
+        else {
+            result.push(item);
+        }
+    }
+    return result;
+}
+/**
+ * Count visible direct + nested children of an item (for truncation detection).
+ * Similar to countVisibleNodes but operates on a single parent's children.
+ */
+function countVisibleChildren(children, activeStatuses) {
+    return countVisibleNodes(children, activeStatuses);
+}
+/**
+ * Slice a tree to fit within a node budget.
+ *
+ * Returns the original `items` array unchanged when the total visible count
+ * fits within the limit (common case for small trees).
+ *
+ * @param items          Full PRD item tree
+ * @param activeStatuses Status filter (from StatusFilter component)
+ * @param limit          Maximum number of visible nodes to include
+ * @returns Progressive slice with rendered/total counts
+ */
+export function sliceVisibleTree(items, activeStatuses, limit) {
+    const totalCount = countVisibleNodes(items, activeStatuses);
+    if (totalCount <= limit) {
+        return { items, renderedCount: totalCount, totalCount };
+    }
+    const budget = { remaining: limit };
+    const sliced = sliceItems(items, activeStatuses, budget);
+    const renderedCount = limit - budget.remaining;
+    return { items: sliced, renderedCount, totalCount };
+}
+/**
+ * Manages progressive loading state for a tree of the given size.
+ *
+ * The hook auto-resets the limit when `totalCount` changes (e.g. after a
+ * filter change or data refresh), ensuring the user always starts from a
+ * reasonable chunk size.
+ *
+ * A brief `isLoading` transition (one frame) is triggered on `loadMore` /
+ * `loadAll` to give the browser a paint opportunity before the potentially
+ * heavy render of additional nodes.
+ *
+ * @param totalCount Total visible nodes (from countVisibleNodes)
+ * @param chunkSize  Number of nodes per chunk (DEFAULT_CHUNK_SIZE)
+ */
+export function useProgressiveLoader(totalCount, chunkSize = DEFAULT_CHUNK_SIZE) {
+    const isActive = totalCount > PROGRESSIVE_THRESHOLD;
+    const [limit, setLimit] = useState(() => isActive ? chunkSize : totalCount);
+    const [isLoading, setIsLoading] = useState(false);
+    const rafRef = useRef(0);
+    // Reset limit when total changes (filter/data update).
+    // Use a ref to track the previous total to avoid unnecessary resets.
+    const prevTotalRef = useRef(totalCount);
+    useEffect(() => {
+        if (prevTotalRef.current !== totalCount) {
+            prevTotalRef.current = totalCount;
+            setLimit(isActive ? chunkSize : totalCount);
+            setIsLoading(false);
+        }
+    }, [totalCount, chunkSize, isActive]);
+    // Cleanup rAF on unmount.
+    useEffect(() => {
+        return () => {
+            if (rafRef.current)
+                cancelAnimationFrame(rafRef.current);
+        };
+    }, []);
+    const loadMore = useCallback(() => {
+        setIsLoading(true);
+        // Defer the actual limit increase by one frame so the browser can
+        // paint the loading indicator before the heavy render kicks in.
+        rafRef.current = requestAnimationFrame(() => {
+            setLimit((prev) => Math.min(prev + chunkSize, totalCount));
+            setIsLoading(false);
+        });
+    }, [chunkSize, totalCount]);
+    const loadAll = useCallback(() => {
+        setIsLoading(true);
+        rafRef.current = requestAnimationFrame(() => {
+            setLimit(totalCount);
+            setIsLoading(false);
+        });
+    }, [totalCount]);
+    const effectiveLimit = isActive ? Math.min(limit, totalCount) : totalCount;
+    return {
+        limit: effectiveLimit,
+        hasMore: isActive && effectiveLimit < totalCount,
+        loadMore,
+        loadAll,
+        isLoading,
+        renderedCount: Math.min(effectiveLimit, totalCount),
+        totalCount,
+        isActive,
+    };
+}
+/**
+ * "Load More" indicator shown below the tree when progressive loading is
+ * active and there are more nodes to reveal.
+ */
+export function LoadMoreIndicator({ renderedCount, totalCount, chunkSize, isLoading, onLoadMore, onLoadAll, }) {
+    const remaining = totalCount - renderedCount;
+    const nextChunk = Math.min(remaining, chunkSize);
+    return h("div", { class: "prd-load-more", role: "status", "aria-live": "polite" }, 
+    // Progress info
+    h("div", { class: "prd-load-more-info" }, `Showing ${renderedCount} of ${totalCount} nodes`), 
+    // Progress bar
+    h("div", {
+        class: "prd-load-more-progress",
+        role: "progressbar",
+        "aria-valuenow": String(renderedCount),
+        "aria-valuemin": "0",
+        "aria-valuemax": String(totalCount),
+        "aria-label": `${renderedCount} of ${totalCount} nodes loaded`,
+    }, h("div", {
+        class: "prd-load-more-progress-fill",
+        style: `width: ${Math.round((renderedCount / totalCount) * 100)}%`,
+    })), 
+    // Action buttons
+    h("div", { class: "prd-load-more-actions" }, h("button", {
+        class: "prd-load-more-btn prd-load-more-btn-primary",
+        onClick: onLoadMore,
+        disabled: isLoading,
+        "aria-label": `Load ${nextChunk} more nodes`,
+    }, isLoading ? "Loading\u2026" : `Load ${nextChunk} more`), h("button", {
+        class: "prd-load-more-btn prd-load-more-btn-secondary",
+        onClick: onLoadAll,
+        disabled: isLoading,
+        "aria-label": `Load all ${remaining} remaining nodes`,
+    }, isLoading ? "Loading\u2026" : `Load all (${remaining})`)));
+}
+//# sourceMappingURL=progressive-loader.js.map

package/dist/viewer/components/progressive-loader.js.map

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

package/dist/viewer/components/refresh-queue-status.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Refresh queue status indicator component.
+ *
+ * Shows current queue depth, memory-adjusted refresh state, and estimated
+ * completion time when refresh operations are queued or throttled. Hidden
+ * when the queue is empty and no throttling is active.
+ */
+import type { RefreshQueueState } from "../performance/index.js";
+export interface RefreshQueueStatusProps {
+    /** Current queue state from the refresh throttle. */
+    state: RefreshQueueState;
+    /** Whether this indicator should be visible. */
+    visible: boolean;
+}
+export declare function RefreshQueueStatus({ state, visible, }: RefreshQueueStatusProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "status";
+    "aria-live": "polite";
+    "aria-label": string;
+}> | null;

package/dist/viewer/components/refresh-queue-status.js

@@ -0,0 +1,65 @@
+/**
+ * Refresh queue status indicator component.
+ *
+ * Shows current queue depth, memory-adjusted refresh state, and estimated
+ * completion time when refresh operations are queued or throttled. Hidden
+ * when the queue is empty and no throttling is active.
+ */
+import { h } from "preact";
+/** Human-readable labels for memory levels in context of refresh. */
+const LEVEL_LABELS = {
+    normal: "Normal speed",
+    elevated: "Throttled (2\u00D7 interval)",
+    warning: "Heavily throttled (4\u00D7 interval)",
+    critical: "Paused \u2014 memory critical",
+};
+const LEVEL_ICON = {
+    normal: "\uD83D\uDD04", // arrows counterclockwise
+    elevated: "\u26A1", // lightning bolt
+    warning: "\u26A0\uFE0F", // warning sign
+    critical: "\u23F8\uFE0F", // pause button
+};
+/** Format milliseconds as a human-friendly duration. */
+function formatDuration(ms) {
+    if (ms < 0)
+        return "unknown";
+    if (ms === 0)
+        return "done";
+    if (ms < 1000)
+        return "< 1s";
+    const seconds = Math.ceil(ms / 1000);
+    if (seconds < 60)
+        return `~${seconds}s`;
+    const minutes = Math.ceil(seconds / 60);
+    return `~${minutes}m`;
+}
+export function RefreshQueueStatus({ state, visible, }) {
+    if (!visible)
+        return null;
+    const { queueLength, activeCount, paused, memoryLevel, estimatedCompletionMs } = state;
+    const hasActivity = queueLength > 0 || activeCount > 0;
+    const isThrottled = memoryLevel !== "normal";
+    // Don't show anything if there's nothing to report.
+    if (!hasActivity && !isThrottled)
+        return null;
+    const icon = LEVEL_ICON[memoryLevel];
+    const levelLabel = LEVEL_LABELS[memoryLevel];
+    const statusClass = paused
+        ? "refresh-queue-status refresh-queue-paused"
+        : isThrottled
+            ? "refresh-queue-status refresh-queue-throttled"
+            : "refresh-queue-status refresh-queue-active";
+    return h("div", {
+        class: statusClass,
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": "Refresh queue status",
+    }, h("span", { class: "refresh-queue-icon", "aria-hidden": "true" }, icon), h("div", { class: "refresh-queue-info" }, h("span", { class: "refresh-queue-level" }, levelLabel), hasActivity
+        ? h("span", { class: "refresh-queue-detail" }, paused
+            ? `${queueLength} queued \u2014 waiting for memory to stabilize`
+            : `${activeCount} active, ${queueLength} queued`, estimatedCompletionMs > 0
+            ? ` \u2014 ETA ${formatDuration(estimatedCompletionMs)}`
+            : null)
+        : null));
+}
+//# sourceMappingURL=refresh-queue-status.js.map

package/dist/viewer/components/refresh-queue-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-queue-status.js","sourceRoot":"","sources":["../../../src/viewer/components/refresh-queue-status.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAU3B,qEAAqE;AACrE,MAAM,YAAY,GAAgC;IAChD,MAAM,EAAE,cAAc;IACtB,QAAQ,EAAE,8BAA8B;IACxC,OAAO,EAAE,sCAAsC;IAC/C,QAAQ,EAAE,+BAA+B;CAC1C,CAAC;AAEF,MAAM,UAAU,GAAgC;IAC9C,MAAM,EAAE,cAAc,EAAQ,0BAA0B;IACxD,QAAQ,EAAE,QAAQ,EAAa,iBAAiB;IAChD,OAAO,EAAE,cAAc,EAAO,eAAe;IAC7C,QAAQ,EAAE,cAAc,EAAM,eAAe;CAC9C,CAAC;AAEF,wDAAwD;AACxD,SAAS,cAAc,CAAC,EAAU;IAChC,IAAI,EAAE,GAAG,CAAC;QAAE,OAAO,SAAS,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;QAAE,OAAO,MAAM,CAAC;IAC5B,IAAI,EAAE,GAAG,IAAI;QAAE,OAAO,MAAM,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACrC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,IAAI,OAAO,GAAG,CAAC;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACxC,OAAO,IAAI,OAAO,GAAG,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,GACiB;IACxB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,WAAW,GAAG,WAAW,GAAG,CAAC,IAAI,WAAW,GAAG,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,WAAW,KAAK,QAAQ,CAAC;IAE7C,oDAAoD;IACpD,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9C,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACrC,MAAM,UAAU,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,MAAM;QACxB,CAAC,CAAC,2CAA2C;QAC7C,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,8CAA8C;YAChD,CAAC,CAAC,2CAA2C,CAAC;IAElD,OAAO,CAAC,CACN,KAAK,EACL;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,QAAQ;QACrB,YAAY,EAAE,sBAAsB;KACrC,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,EACvE,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,UAAU,CACX,EACD,WAAW;QACT,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,MAAM;YACJ,CAAC,CAAC,GAAG,WAAW,gDAAgD;YAChE,CAAC,CAAC,GAAG,WAAW,YAAY,WAAW,SAAS,EAClD,qBAAqB,GAAG,CAAC;YACvB,CAAC,CAAC,eAAe,cAAc,CAAC,qBAAqB,CAAC,EAAE;YACxD,CAAC,CAAC,IAAI,CACT;QACH,CAAC,CAAC,IAAI,CACT,CACF,CAAC;AACJ,CAAC"}

package/dist/viewer/components/rex-task-link.d.ts

@@ -0,0 +1,50 @@
+/**
+ * RexTaskLink — reusable component for rendering clickable Rex task references.
+ *
+ * Provides a consistent visual pattern for task links across the dashboard,
+ * Hench runs view, and any other location that references a Rex task.
+ *
+ * Features:
+ * - Status icon with color coding
+ * - Clickable with hover/focus states
+ * - Right-click context menu for quick actions (status change, view detail)
+ * - Keyboard accessible (Enter/Space to click)
+ * - Consistent styling via `.rex-task-link` CSS class
+ */
+import type { ViewId } from "../types.js";
+export interface TaskRef {
+    id: string;
+    title: string;
+    status: string;
+    level?: string;
+    priority?: string;
+}
+export interface RexTaskLinkProps {
+    task: TaskRef;
+    /** Navigate to a view. Used to go to the PRD view on click. */
+    navigateTo?: (view: ViewId, opts?: {
+        taskId?: string;
+    }) => void;
+    /** Optional additional CSS class. */
+    class?: string;
+    /** Show the level badge (e.g. "Epic", "Task"). Default: false */
+    showLevel?: boolean;
+    /** Show the priority badge. Default: false */
+    showPriority?: boolean;
+    /** Show the status icon. Default: true */
+    showStatus?: boolean;
+    /** Compact mode — smaller text, less padding. Default: false */
+    compact?: boolean;
+    /** Additional click handler (called alongside navigation). */
+    onClick?: () => void;
+}
+export declare function RexTaskLink({ task, navigateTo, class: className, showLevel, showPriority, showStatus, compact, onClick, }: RexTaskLinkProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "button";
+    tabIndex: number;
+    onClick: (e: MouseEvent) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+    onContextMenu: (e: MouseEvent) => void;
+    title: string;
+    "aria-label": string;
+}>;

package/dist/viewer/components/rex-task-link.js

@@ -0,0 +1,218 @@
+/**
+ * RexTaskLink — reusable component for rendering clickable Rex task references.
+ *
+ * Provides a consistent visual pattern for task links across the dashboard,
+ * Hench runs view, and any other location that references a Rex task.
+ *
+ * Features:
+ * - Status icon with color coding
+ * - Clickable with hover/focus states
+ * - Right-click context menu for quick actions (status change, view detail)
+ * - Keyboard accessible (Enter/Space to click)
+ * - Consistent styling via `.rex-task-link` CSS class
+ */
+import { h } from "preact";
+import { useState, useCallback, useEffect, useRef } from "preact/hooks";
+import { buildShareableUrl } from "./copy-link-button.js";
+// ── Status config ────────────────────────────────────────────────────
+const STATUS_CONFIG = {
+    completed: { icon: "●", label: "Completed", cssClass: "prd-status-completed" },
+    in_progress: { icon: "◐", label: "In Progress", cssClass: "prd-status-in-progress" },
+    pending: { icon: "○", label: "Pending", cssClass: "prd-status-pending" },
+    deferred: { icon: "◌", label: "Deferred", cssClass: "prd-status-deferred" },
+    blocked: { icon: "⊘", label: "Blocked", cssClass: "prd-status-blocked" },
+    deleted: { icon: "✕", label: "Deleted", cssClass: "prd-status-deleted" },
+};
+const LEVEL_LABELS = {
+    epic: "Epic",
+    feature: "Feature",
+    task: "Task",
+    subtask: "Subtask",
+};
+function getStatusConfig(status) {
+    return STATUS_CONFIG[status] ?? { icon: "○", label: status, cssClass: "prd-status-pending" };
+}
+const QUICK_STATUSES = [
+    { status: "in_progress", icon: "◐", label: "Start", cssClass: "prd-status-in-progress" },
+    { status: "completed", icon: "●", label: "Complete", cssClass: "prd-status-completed" },
+    { status: "blocked", icon: "⊘", label: "Block", cssClass: "prd-status-blocked" },
+    { status: "deferred", icon: "◌", label: "Defer", cssClass: "prd-status-deferred" },
+];
+function TaskContextMenu({ task, x, y, onClose, navigateTo, onStatusChange }) {
+    const ref = useRef(null);
+    const [feedback, setFeedback] = useState(null);
+    useEffect(() => {
+        const handleClick = (e) => {
+            if (ref.current && !ref.current.contains(e.target)) {
+                onClose();
+            }
+        };
+        const handleKey = (e) => {
+            if (e.key === "Escape")
+                onClose();
+        };
+        document.addEventListener("mousedown", handleClick);
+        document.addEventListener("keydown", handleKey);
+        return () => {
+            document.removeEventListener("mousedown", handleClick);
+            document.removeEventListener("keydown", handleKey);
+        };
+    }, [onClose]);
+    // Auto-close after showing feedback
+    useEffect(() => {
+        if (!feedback)
+            return;
+        const timer = setTimeout(onClose, feedback.type === "error" ? 2000 : 800);
+        return () => clearTimeout(timer);
+    }, [feedback, onClose]);
+    // Clamp position so menu doesn't overflow viewport
+    const style = {
+        position: "fixed",
+        left: `${Math.min(x, window.innerWidth - 200)}px`,
+        top: `${Math.min(y, window.innerHeight - 240)}px`,
+        zIndex: "9999",
+    };
+    const handleViewDetail = () => {
+        if (navigateTo)
+            navigateTo("prd", { taskId: task.id });
+        onClose();
+    };
+    const handleStatusClick = async (newStatus) => {
+        if (onStatusChange) {
+            onStatusChange(task.id, newStatus);
+            onClose();
+        }
+        else {
+            // Direct API call as fallback
+            try {
+                const res = await fetch(`/api/rex/items/${task.id}`, {
+                    method: "PATCH",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ status: newStatus }),
+                });
+                if (!res.ok)
+                    throw new Error(`HTTP ${res.status}`);
+                setFeedback({ message: `Status → ${newStatus.replace("_", " ")}`, type: "success" });
+            }
+            catch {
+                setFeedback({ message: "Failed to update status", type: "error" });
+            }
+        }
+    };
+    const handleCopyId = () => {
+        navigator.clipboard.writeText(task.id).then(() => setFeedback({ message: "Copied task ID", type: "success" }), () => setFeedback({ message: "Copy failed", type: "error" }));
+    };
+    const handleCopyLink = () => {
+        const url = buildShareableUrl(`/prd/${task.id}`);
+        navigator.clipboard.writeText(url).then(() => setFeedback({ message: "Copied link", type: "success" }), () => setFeedback({ message: "Copy failed", type: "error" }));
+    };
+    // Show feedback overlay when an action completes
+    if (feedback) {
+        return h("div", { ref, class: "rex-context-menu", style, role: "status", "aria-live": "polite" }, h("div", {
+            class: `rex-context-menu-feedback${feedback.type === "error" ? " rex-context-menu-feedback-error" : ""}`,
+        }, h("span", { class: "rex-context-menu-feedback-icon" }, feedback.type === "error" ? "✕" : "✓"), h("span", null, feedback.message)));
+    }
+    return h("div", { ref, class: "rex-context-menu", style, role: "menu" }, 
+    // Header
+    h("div", { class: "rex-context-menu-header" }, h("span", { class: "rex-context-menu-title" }, task.title)), h("div", { class: "rex-context-menu-divider" }), 
+    // View detail
+    navigateTo
+        ? h("button", {
+            class: "rex-context-menu-item",
+            role: "menuitem",
+            onClick: handleViewDetail,
+        }, "View in PRD Tree")
+        : null, 
+    // Quick status changes
+    h("div", { class: "rex-context-menu-section-label" }, "Set Status"), ...QUICK_STATUSES.filter((s) => s.status !== task.status).map((s) => h("button", {
+        key: s.status,
+        class: "rex-context-menu-item",
+        role: "menuitem",
+        onClick: () => handleStatusClick(s.status),
+    }, h("span", { class: `rex-context-menu-status-icon ${s.cssClass}` }, s.icon), s.label)), h("div", { class: "rex-context-menu-divider" }), 
+    // Copy Link
+    h("button", {
+        class: "rex-context-menu-item",
+        role: "menuitem",
+        onClick: handleCopyLink,
+    }, h("span", { class: "rex-context-menu-status-icon", "aria-hidden": "true" }, "\ud83d\udd17"), "Copy Link"), 
+    // Copy ID
+    h("button", {
+        class: "rex-context-menu-item",
+        role: "menuitem",
+        onClick: handleCopyId,
+    }, "Copy Task ID"));
+}
+// ── RexTaskLink ──────────────────────────────────────────────────────
+export function RexTaskLink({ task, navigateTo, class: className, showLevel = false, showPriority = false, showStatus = true, compact = false, onClick, }) {
+    const [contextMenu, setContextMenu] = useState(null);
+    const status = getStatusConfig(task.status);
+    const handleClick = useCallback((e) => {
+        // Stop propagation so parent clickable elements (e.g. run cards) don't also fire
+        e.stopPropagation();
+        if (onClick)
+            onClick();
+        if (navigateTo)
+            navigateTo("prd", { taskId: task.id });
+    }, [onClick, navigateTo, task.id]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            e.stopPropagation();
+            if (onClick)
+                onClick();
+            if (navigateTo)
+                navigateTo("prd", { taskId: task.id });
+        }
+    }, [onClick, navigateTo, task.id]);
+    const handleContextMenu = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setContextMenu({ x: e.clientX, y: e.clientY });
+    }, []);
+    const classes = [
+        "rex-task-link",
+        compact ? "rex-task-link-compact" : "",
+        className ?? "",
+    ].filter(Boolean).join(" ");
+    return h("span", {
+        class: classes,
+        role: "button",
+        tabIndex: 0,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        onContextMenu: handleContextMenu,
+        title: `${status.label}: ${task.title}`,
+        "aria-label": `${task.title} — ${status.label}`,
+    }, 
+    // Status icon
+    showStatus
+        ? h("span", {
+            class: `rex-task-link-status ${status.cssClass}`,
+            "aria-hidden": "true",
+        }, status.icon)
+        : null, 
+    // Level badge
+    showLevel && task.level
+        ? h("span", { class: `prd-level-badge prd-level-${task.level}` }, LEVEL_LABELS[task.level] ?? task.level)
+        : null, 
+    // Title
+    h("span", { class: "rex-task-link-title" }, task.title), 
+    // Priority badge
+    showPriority && task.priority
+        ? h("span", { class: `prd-priority-badge prd-priority-${task.priority}` }, task.priority)
+        : null, 
+    // Link indicator
+    h("span", { class: "rex-task-link-arrow", "aria-hidden": "true" }, "→"), 
+    // Context menu
+    contextMenu
+        ? h(TaskContextMenu, {
+            task,
+            x: contextMenu.x,
+            y: contextMenu.y,
+            onClose: () => setContextMenu(null),
+            navigateTo,
+        })
+        : null);
+}
+//# sourceMappingURL=rex-task-link.js.map

package/dist/viewer/components/rex-task-link.js.map

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

package/dist/viewer/components/search-filter.d.ts

@@ -0,0 +1,20 @@
+interface FilterOption {
+    label: string;
+    value: string;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+}
+interface SearchFilterProps {
+    placeholder?: string;
+    value: string;
+    onInput: (value: string) => void;
+    resultCount?: number;
+    totalCount?: number;
+    filters?: FilterOption[];
+}
+export declare function SearchFilter({ placeholder, value, onInput, resultCount, totalCount, filters, }: SearchFilterProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    role: "search";
+}>;
+export {};