@n-dx/web 0.1.0

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

@@ -0,0 +1,129 @@
+/**
+ * Pure computation functions for PRD tree statistics.
+ * No UI dependencies — easily testable.
+ */
+import { isWorkItem } from "./levels.js";
+/**
+ * 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,
+        failing: 0,
+        deferred: 0,
+        blocked: 0,
+        deleted: 0,
+    };
+    function walk(nodes) {
+        for (const item of nodes) {
+            if (isWorkItem(item.level)) {
+                // Deleted items are tracked separately and excluded from total
+                if (item.status === "deleted") {
+                    stats.deleted++;
+                }
+                else {
+                    stats.total++;
+                    switch (item.status) {
+                        case "completed":
+                            stats.completed++;
+                            break;
+                        case "in_progress":
+                            stats.inProgress++;
+                            break;
+                        case "pending":
+                            stats.pending++;
+                            break;
+                        case "failing":
+                            stats.failing++;
+                            break;
+                        case "deferred":
+                            stats.deferred++;
+                            break;
+                        case "blocked":
+                            stats.blocked++;
+                            break;
+                    }
+                }
+            }
+            if (item.children && item.children.length > 0) {
+                walk(item.children);
+            }
+        }
+    }
+    walk(items);
+    return stats;
+}
+/**
+ * Compute completion ratio (0–1) from branch stats.
+ * Deleted items are already excluded from total, so the ratio
+ * accurately reflects progress of active items only.
+ */
+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,
+        failing: 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/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":"AAAA;;;GAGG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAoB;IACrD,MAAM,KAAK,GAAgB;QACzB,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;KACX,CAAC;IAEF,SAAS,IAAI,CAAC,KAAoB;QAChC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC3B,+DAA+D;gBAC/D,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;oBAC9B,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,KAAK,EAAE,CAAC;oBACd,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;wBACpB,KAAK,WAAW;4BACd,KAAK,CAAC,SAAS,EAAE,CAAC;4BAClB,MAAM;wBACR,KAAK,aAAa;4BAChB,KAAK,CAAC,UAAU,EAAE,CAAC;4BACnB,MAAM;wBACR,KAAK,SAAS;4BACZ,KAAK,CAAC,OAAO,EAAE,CAAC;4BAChB,MAAM;wBACR,KAAK,SAAS;4BACZ,KAAK,CAAC,OAAO,EAAE,CAAC;4BAChB,MAAM;wBACR,KAAK,UAAU;4BACb,KAAK,CAAC,QAAQ,EAAE,CAAC;4BACjB,MAAM;wBACR,KAAK,SAAS;4BACZ,KAAK,CAAC,OAAO,EAAE,CAAC;4BAChB,MAAM;oBACV,CAAC;gBACH,CAAC;YACH,CAAC;YACD,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,CAAC,KAAK,CAAC,CAAC;IACZ,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,KAAkB;IAChD,OAAO,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED,uCAAuC;AACvC,MAAM,UAAU,kBAAkB,CAChC,QAAuB;IAEvB,MAAM,MAAM,GAA+B;QACzC,OAAO,EAAE,CAAC;QACV,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;KACX,CAAC;IACF,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IACzB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAiB,EAAE,cAA+B;IAClF,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAAE,OAAO,IAAI,CAAC;IACjD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;IACjF,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CACxB,KAAoB,EACpB,cAA+B;IAE/B,MAAM,MAAM,GAAkB,EAAE,CAAC;IACjC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ;YACpC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;YAC3C,CAAC,CAAC,SAAS,CAAC;QACd,MAAM,kBAAkB,GAAG,gBAAgB,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;QAC3E,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,kBAAkB,EAAE,CAAC;YAC1D,MAAM,CAAC,IAAI,CAAC;gBACV,GAAG,IAAI;gBACP,QAAQ,EAAE,gBAAgB;aAC3B,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,kDAAkD;AAClD,MAAM,UAAU,eAAe,CAAC,GAAW;IACzC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAAE,OAAO,EAAE,CAAC;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACxD,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACnD,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpD,OAAO,GAAG,KAAK,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,EAAE,CAAC;AAC1C,CAAC"}

package/dist/viewer/components/prd-tree/delete-confirmation.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Modal confirmation dialog for deleting PRD items.
+ *
+ * Renders a centered overlay dialog that warns users about deletion
+ * consequences (including child items that will be removed) and
+ * requires explicit confirmation before proceeding.
+ */
+import type { PRDItemData } from "./types.js";
+export interface DeleteConfirmationProps {
+    /** The item targeted for deletion. */
+    item: PRDItemData;
+    /** Called with the item ID when the user confirms deletion. */
+    onConfirm: (id: string) => Promise<void>;
+    /** Called when the user cancels (closes the dialog). */
+    onCancel: () => void;
+}
+export declare function DeleteConfirmation({ item, onConfirm, onCancel }: DeleteConfirmationProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    onClick: (e: MouseEvent) => void;
+    role: "dialog";
+    "aria-modal": "true";
+    "aria-labelledby": string;
+}>;

package/dist/viewer/components/prd-tree/delete-confirmation.js

@@ -0,0 +1,83 @@
+/**
+ * Modal confirmation dialog for deleting PRD items.
+ *
+ * Renders a centered overlay dialog that warns users about deletion
+ * consequences (including child items that will be removed) and
+ * requires explicit confirmation before proceeding.
+ */
+import { h } from "preact";
+import { useState, useEffect, useCallback, useRef } from "preact/hooks";
+import { countDescendants } from "./tree-utils.js";
+const LEVEL_LABELS = {
+    epic: "Epic",
+    feature: "Feature",
+    task: "Task",
+    subtask: "Subtask",
+};
+export function DeleteConfirmation({ item, onConfirm, onCancel }) {
+    const [deleting, setDeleting] = useState(false);
+    const dialogRef = useRef(null);
+    const cancelRef = useRef(null);
+    const levelLabel = LEVEL_LABELS[item.level] || item.level;
+    const descendantCount = countDescendants(item);
+    // Focus the cancel button on mount for keyboard accessibility
+    useEffect(() => {
+        cancelRef.current?.focus();
+    }, []);
+    // Close on Escape key
+    useEffect(() => {
+        const handleKey = (e) => {
+            if (e.key === "Escape" && !deleting) {
+                onCancel();
+            }
+        };
+        document.addEventListener("keydown", handleKey);
+        return () => document.removeEventListener("keydown", handleKey);
+    }, [onCancel, deleting]);
+    // Close on backdrop click
+    const handleBackdropClick = useCallback((e) => {
+        if (deleting)
+            return;
+        if (dialogRef.current && !dialogRef.current.contains(e.target)) {
+            onCancel();
+        }
+    }, [onCancel, deleting]);
+    const handleConfirm = useCallback(async () => {
+        setDeleting(true);
+        try {
+            await onConfirm(item.id);
+        }
+        catch {
+            setDeleting(false);
+        }
+    }, [onConfirm, item.id]);
+    return h("div", {
+        class: "delete-modal-backdrop",
+        onClick: handleBackdropClick,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "delete-modal-title",
+    }, h("div", { ref: dialogRef, class: "delete-modal" }, 
+    // Header
+    h("div", { class: "delete-modal-header" }, h("span", { class: "delete-modal-icon" }, "\u26A0"), h("span", { id: "delete-modal-title", class: "delete-modal-title" }, `Delete ${levelLabel}`)), 
+    // Body
+    h("div", { class: "delete-modal-body" }, 
+    // Item info
+    h("div", { class: "delete-modal-item" }, h("span", { class: `prd-level-badge prd-level-${item.level}` }, levelLabel), h("span", { class: "delete-modal-item-title" }, item.title)), 
+    // Warning message
+    descendantCount > 0
+        ? h("div", { class: "delete-modal-warning" }, h("span", { class: "delete-modal-warning-icon" }, "\u26A0"), h("span", null, `This will also permanently delete ${descendantCount} child item${descendantCount !== 1 ? "s" : ""}.`))
+        : null, h("p", { class: "delete-modal-message" }, "This action cannot be undone.")), 
+    // Footer actions
+    h("div", { class: "delete-modal-actions" }, h("button", {
+        ref: cancelRef,
+        class: "delete-modal-cancel-btn",
+        onClick: onCancel,
+        disabled: deleting,
+    }, "Cancel"), h("button", {
+        class: "delete-modal-confirm-btn",
+        onClick: handleConfirm,
+        disabled: deleting,
+    }, deleting ? "Deleting\u2026" : `Delete ${levelLabel}`))));
+}
+//# sourceMappingURL=delete-confirmation.js.map

package/dist/viewer/components/prd-tree/delete-confirmation.js.map

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

package/dist/viewer/components/prd-tree/execution-panel.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Execution panel — epic-by-epic execution controls and progress display.
+ *
+ * Provides a start button, live progress bars, pause/resume controls,
+ * and per-epic status indicators. Polls execution status and listens
+ * for WebSocket updates.
+ */
+export interface ExecutionPanelProps {
+    /** Callback when execution changes PRD state (triggers dashboard refresh). */
+    onPrdChanged?: () => void;
+}
+export declare function ExecutionPanel({ onPrdChanged }: ExecutionPanelProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;

package/dist/viewer/components/prd-tree/execution-panel.js

@@ -0,0 +1,291 @@
+/**
+ * Execution panel — epic-by-epic execution controls and progress display.
+ *
+ * Provides a start button, live progress bars, pause/resume controls,
+ * and per-epic status indicators. Polls execution status and listens
+ * for WebSocket updates.
+ */
+import { h } from "preact";
+import { useState, useEffect, useCallback, useRef } from "preact/hooks";
+import { usePolling } from "../../hooks/index.js";
+import { createFetchPipeline } from "../../messaging/index.js";
+import { isFeatureDisabled, onDegradationChange } from "../../performance/index.js";
+// ── Status config ────────────────────────────────────────────────────
+const EPIC_STATUS_ICONS = {
+    pending: "○",
+    running: "◐",
+    completed: "●",
+    skipped: "◌",
+    failed: "✕",
+};
+const EPIC_STATUS_LABELS = {
+    pending: "Pending",
+    running: "Running",
+    completed: "Completed",
+    skipped: "Skipped",
+    failed: "Failed",
+};
+// ── Component ────────────────────────────────────────────────────────
+export function ExecutionPanel({ onPrdChanged }) {
+    const [status, setStatus] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [starting, setStarting] = useState(false);
+    const [error, setError] = useState(null);
+    const wsRef = useRef(null);
+    // Track memory-pressure state reactively so usePolling's `enabled`
+    // parameter updates when the degradation tier changes.
+    const [autoRefreshDisabled, setAutoRefreshDisabled] = useState(() => isFeatureDisabled("autoRefresh"));
+    useEffect(() => {
+        const unsubscribe = onDegradationChange((state) => {
+            setAutoRefreshDisabled(state.disabledFeatures.has("autoRefresh"));
+        });
+        return unsubscribe;
+    }, []);
+    // ── Fetch execution status (rate-limited + deduplicated) ────────────
+    //
+    // Wrapped with FetchPipeline (rate limiter → request dedup): concurrent
+    // callers (e.g. a WebSocket-triggered reconciliation arriving while a
+    // polling fetch is in-flight) share a single underlying request, and
+    // rapid successive calls are rate-limited. This guarantees at most one
+    // /api/rex/execute/status request is active at any time.
+    const statusPipeline = useRef(createFetchPipeline(async () => {
+        const res = await fetch("/api/rex/execute/status");
+        if (res.ok) {
+            const data = await res.json();
+            setStatus(data);
+            setError(null);
+        }
+    }));
+    const fetchStatus = useCallback(async () => {
+        try {
+            await statusPipeline.current.execute();
+        }
+        catch {
+            // Silently fail — will retry on next poll
+        }
+    }, []);
+    // ── WebSocket for real-time updates ────────────────────────────────
+    useEffect(() => {
+        fetchStatus();
+        // Connect to WebSocket for live updates
+        const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+        const wsUrl = `${protocol}//${window.location.host}`;
+        let ws;
+        try {
+            ws = new WebSocket(wsUrl);
+            wsRef.current = ws;
+            ws.onmessage = (event) => {
+                try {
+                    const msg = JSON.parse(event.data);
+                    if (msg.type === "rex:execution-progress" && msg.state) {
+                        // Optimistic update — instant UI feedback from the WS payload.
+                        setStatus(msg.state);
+                        // Also notify parent to refresh dashboard data
+                        if (onPrdChanged)
+                            onPrdChanged();
+                        // Reconciliation fetch — the API handler reads fresh task
+                        // counts from disk (refreshEpicProgress), which the WS
+                        // broadcast may not include. Goes through the dedup so it
+                        // shares any in-flight polling request rather than starting
+                        // a second one.
+                        fetchStatus();
+                    }
+                }
+                catch {
+                    // Ignore malformed messages
+                }
+            };
+            ws.onclose = () => {
+                wsRef.current = null;
+            };
+        }
+        catch {
+            // WebSocket not available — fall back to polling
+        }
+        return () => {
+            if (wsRef.current) {
+                try {
+                    wsRef.current.close();
+                }
+                catch { /* ignore */ }
+                wsRef.current = null;
+            }
+        };
+    }, [fetchStatus, onPrdChanged]);
+    // Dispose pipeline on unmount to clear rate-limiter timers and in-flight state.
+    useEffect(() => {
+        const pipeline = statusPipeline.current;
+        return () => pipeline.dispose();
+    }, []);
+    // Poll as fallback (every 3s) — visibility-aware via polling manager.
+    // Automatically paused when memory pressure disables autoRefresh.
+    usePolling("execution-panel", fetchStatus, 3000, !autoRefreshDisabled);
+    // ── Handlers ───────────────────────────────────────────────────────
+    const handleStart = useCallback(async () => {
+        setStarting(true);
+        setError(null);
+        try {
+            const res = await fetch("/api/rex/execute/epic-by-epic", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({}),
+            });
+            const data = await res.json();
+            if (!res.ok) {
+                setError(data.error || "Failed to start execution");
+            }
+            else {
+                // Immediately fetch updated status
+                await fetchStatus();
+            }
+        }
+        catch (err) {
+            setError(String(err));
+        }
+        finally {
+            setStarting(false);
+        }
+    }, [fetchStatus]);
+    const handlePause = useCallback(async () => {
+        setLoading(true);
+        try {
+            const res = await fetch("/api/rex/execute/pause", { method: "POST" });
+            const data = await res.json();
+            if (!res.ok) {
+                setError(data.error || "Failed to pause");
+            }
+            else {
+                await fetchStatus();
+            }
+        }
+        catch (err) {
+            setError(String(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [fetchStatus]);
+    const handleResume = useCallback(async () => {
+        setLoading(true);
+        try {
+            const res = await fetch("/api/rex/execute/resume", { method: "POST" });
+            const data = await res.json();
+            if (!res.ok) {
+                setError(data.error || "Failed to resume");
+            }
+            else {
+                await fetchStatus();
+            }
+        }
+        catch (err) {
+            setError(String(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [fetchStatus]);
+    // ── Render: idle state ─────────────────────────────────────────────
+    const isIdle = !status || status.status === "idle";
+    const isActive = status && (status.status === "running" || status.status === "paused");
+    const isDone = status && (status.status === "completed" || status.status === "failed");
+    return h("div", { class: "exec-panel" }, h("div", { class: "exec-panel-header" }, h("h3", { class: "exec-panel-title" }, "Epic-by-Epic Execution"), isActive
+        ? h("span", {
+            class: `status-badge status-badge--${status.status}`,
+        }, status.status === "running" ? "Running" : "Paused")
+        : isDone
+            ? h("span", {
+                class: `status-badge status-badge--${status.status}`,
+            }, status.status === "completed" ? "Complete" : "Failed")
+            : null), 
+    // Error display
+    error
+        ? h("div", { class: "exec-panel-error", role: "alert" }, error)
+        : null, 
+    // Idle — show start button
+    isIdle
+        ? h("div", { class: "exec-panel-idle" }, h("p", { class: "exec-panel-desc" }, "Execute all epics sequentially. Each epic's tasks will be processed by the hench agent before moving to the next."), h("button", {
+            class: "exec-panel-start-btn",
+            onClick: handleStart,
+            disabled: starting,
+            "aria-label": "Start epic-by-epic execution",
+        }, starting ? "Starting…" : "Start Epic-by-Epic Execution"))
+        : null, 
+    // Active execution — show progress
+    isActive
+        ? h("div", { class: "exec-panel-active" }, 
+        // Overall progress
+        h("div", { class: "exec-panel-progress" }, h("div", { class: "exec-panel-progress-header" }, h("span", { class: "exec-panel-progress-label" }, `Epic ${Math.min(status.currentEpicIndex + 1, status.totalEpics)} of ${status.totalEpics}`), h("span", { class: "exec-panel-progress-pct" }, `${status.percentComplete}%`)), h("div", {
+            class: "exec-panel-progress-bar",
+            role: "progressbar",
+            "aria-valuenow": String(status.percentComplete),
+            "aria-valuemin": "0",
+            "aria-valuemax": "100",
+            "aria-label": `Execution progress: ${status.percentComplete}%`,
+        }, h("div", {
+            class: "exec-panel-progress-fill",
+            style: `width: ${status.percentComplete}%`,
+        })), h("span", { class: "exec-panel-progress-detail" }, `${status.completedTasks}/${status.totalTasks} tasks completed`)), 
+        // Controls
+        h("div", { class: "exec-panel-controls" }, status.status === "running"
+            ? h("button", {
+                class: "exec-panel-pause-btn",
+                onClick: handlePause,
+                disabled: loading,
+                "aria-label": "Pause execution",
+            }, loading ? "Pausing…" : "⏸ Pause")
+            : h("button", {
+                class: "exec-panel-resume-btn",
+                onClick: handleResume,
+                disabled: loading,
+                "aria-label": "Resume execution",
+            }, loading ? "Resuming…" : "▶ Resume")), 
+        // Epic list
+        h("div", { class: "exec-panel-epic-list" }, ...status.epics.map((epic) => h("div", {
+            key: epic.id,
+            class: [
+                "exec-panel-epic",
+                epic.status === "running" ? "exec-panel-epic-running" : "",
+                epic.status === "completed" ? "exec-panel-epic-done" : "",
+                epic.status === "skipped" ? "exec-panel-epic-skipped" : "",
+                epic.status === "failed" ? "exec-panel-epic-failed" : "",
+            ].filter(Boolean).join(" "),
+        }, h("div", { class: "exec-panel-epic-row" }, h("span", {
+            class: `exec-panel-epic-icon exec-panel-epic-icon-${epic.status}`,
+            "aria-label": EPIC_STATUS_LABELS[epic.status] ?? epic.status,
+        }, EPIC_STATUS_ICONS[epic.status] ?? "○"), h("span", { class: "exec-panel-epic-title", title: epic.title }, epic.title), h("span", { class: "exec-panel-epic-count" }, `${epic.tasksCompleted}/${epic.tasksTotal}`)), epic.tasksTotal > 0
+            ? h("div", { class: "exec-panel-epic-bar" }, h("div", {
+                class: `exec-panel-epic-fill${epic.status === "completed" ? " done" : epic.tasksCompleted > 0 ? " mid" : ""}`,
+                style: `width: ${epic.tasksTotal > 0 ? Math.round((epic.tasksCompleted / epic.tasksTotal) * 100) : 0}%`,
+            }))
+            : null))))
+        : null, 
+    // Completed/failed — show summary with restart option
+    isDone
+        ? h("div", { class: "exec-panel-done" }, h("div", { class: "exec-panel-summary" }, status.status === "completed"
+            ? h("span", { class: "exec-panel-summary-icon exec-panel-summary-success" }, "✓")
+            : h("span", { class: "exec-panel-summary-icon exec-panel-summary-fail" }, "✕"), h("span", null, status.status === "completed"
+            ? `Completed: ${status.completedEpics}/${status.totalEpics} epics processed, ${status.completedTasks}/${status.totalTasks} tasks done`
+            : `Failed: ${status.error || "Unknown error"}`)), 
+        // Show epic results
+        status.epics.length > 0
+            ? h("div", { class: "exec-panel-epic-list" }, ...status.epics.map((epic) => h("div", {
+                key: epic.id,
+                class: [
+                    "exec-panel-epic",
+                    epic.status === "completed" ? "exec-panel-epic-done" : "",
+                    epic.status === "skipped" ? "exec-panel-epic-skipped" : "",
+                    epic.status === "failed" ? "exec-panel-epic-failed" : "",
+                ].filter(Boolean).join(" "),
+            }, h("div", { class: "exec-panel-epic-row" }, h("span", {
+                class: `exec-panel-epic-icon exec-panel-epic-icon-${epic.status}`,
+            }, EPIC_STATUS_ICONS[epic.status] ?? "○"), h("span", { class: "exec-panel-epic-title", title: epic.title }, epic.title), h("span", { class: "exec-panel-epic-count" }, `${epic.tasksCompleted}/${epic.tasksTotal}`)))))
+            : null, 
+        // Restart button
+        h("button", {
+            class: "exec-panel-start-btn exec-panel-restart-btn",
+            onClick: handleStart,
+            disabled: starting,
+        }, starting ? "Starting…" : "Run Again"))
+        : null);
+}
+//# sourceMappingURL=execution-panel.js.map

package/dist/viewer/components/prd-tree/execution-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-panel.js","sourceRoot":"","sources":["../../../../src/viewer/components/prd-tree/execution-panel.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAmCpF,wEAAwE;AAExE,MAAM,iBAAiB,GAA2B;IAChD,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,kBAAkB,GAA2B;IACjD,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,wEAAwE;AAExE,MAAM,UAAU,cAAc,CAAC,EAAE,YAAY,EAAuB;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE7C,mEAAmE;IACnE,uDAAuD;IACvD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC5D,GAAG,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CACvC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,mBAAmB,CAAC,CAAC,KAAK,EAAE,EAAE;YAChD,sBAAsB,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QACH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uEAAuE;IACvE,EAAE;IACF,wEAAwE;IACxE,sEAAsE;IACtE,qEAAqE;IACrE,uEAAuE;IACvE,yDAAyD;IAEzD,MAAM,cAAc,GAAG,MAAM,CAC3B,mBAAmB,CAAC,KAAK,IAAI,EAAE;QAC7B,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACnD,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;YACX,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,IAAI,CAAC;YACH,MAAM,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QACzC,CAAC;QAAC,MAAM,CAAC;YACP,0CAA0C;QAC5C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,sEAAsE;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,CAAC;QAEd,wCAAwC;QACxC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;QACxE,MAAM,KAAK,GAAG,GAAG,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrD,IAAI,EAAa,CAAC;QAElB,IAAI,CAAC;YACH,EAAE,GAAG,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;YAC1B,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YAEnB,EAAE,CAAC,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;gBACvB,IAAI,CAAC;oBACH,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;oBACnC,IAAI,GAAG,CAAC,IAAI,KAAK,wBAAwB,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;wBACvD,+DAA+D;wBAC/D,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;wBACrB,+CAA+C;wBAC/C,IAAI,YAAY;4BAAE,YAAY,EAAE,CAAC;wBACjC,0DAA0D;wBAC1D,uDAAuD;wBACvD,0DAA0D;wBAC1D,4DAA4D;wBAC5D,gBAAgB;wBAChB,WAAW,EAAE,CAAC;oBAChB,CAAC;gBACH,CAAC;gBAAC,MAAM,CAAC;oBACP,4BAA4B;gBAC9B,CAAC;YACH,CAAC,CAAC;YAEF,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE;gBAChB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,CAAC,CAAC;QACJ,CAAC;QAAC,MAAM,CAAC;YACP,iDAAiD;QACnD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,IAAI,CAAC;oBAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAAC,CAAC;gBAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;gBACrD,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,gFAAgF;IAChF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC;QACxC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,sEAAsE;IACtE,kEAAkE;IAClE,UAAU,CAAC,iBAAiB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAEvE,sEAAsE;IAEtE,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,+BAA+B,EAAE;gBACvD,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;aACzB,CAAC,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,2BAA2B,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACN,mCAAmC;gBACnC,MAAM,WAAW,EAAE,CAAC;YACtB,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACxB,CAAC;gBAAS,CAAC;YACT,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;YACtE,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,iBAAiB,CAAC,CAAC;YAC5C,CAAC;iBAAM,CAAC;gBACN,MAAM,WAAW,EAAE,CAAC;YACtB,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACxB,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,yBAAyB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;YACvE,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,kBAAkB,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,MAAM,WAAW,EAAE,CAAC;YACtB,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACxB,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,sEAAsE;IAEtE,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC;IACnD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC;IACvF,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC;IAEvF,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EACrC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EACrC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,wBAAwB,CAAC,EAChE,QAAQ;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE;YACR,KAAK,EAAE,8BAA8B,MAAO,CAAC,MAAM,EAAE;SACtD,EAAE,MAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACzD,CAAC,CAAC,MAAM;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE;gBACR,KAAK,EAAE,8BAA8B,MAAO,CAAC,MAAM,EAAE;aACtD,EAAE,MAAO,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC5D,CAAC,CAAC,IAAI,CACX;IAED,gBAAgB;IAChB,KAAK;QACH,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC;QAC/D,CAAC,CAAC,IAAI;IAER,2BAA2B;IAC3B,MAAM;QACJ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EACnC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EACjC,mHAAmH,CACpH,EACD,CAAC,CAAC,QAAQ,EAAE;YACV,KAAK,EAAE,sBAAsB;YAC7B,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,8BAA8B;SAC7C,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAC5D;QACH,CAAC,CAAC,IAAI;IAER,mCAAmC;IACnC,QAAQ;QACN,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;QACrC,mBAAmB;QACnB,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAC9C,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAC9C,QAAQ,IAAI,CAAC,GAAG,CAAC,MAAO,CAAC,gBAAgB,GAAG,CAAC,EAAE,MAAO,CAAC,UAAU,CAAC,OAAO,MAAO,CAAC,UAAU,EAAE,CAC9F,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,GAAG,MAAO,CAAC,eAAe,GAAG,CAAC,CAC/E,EACD,CAAC,CAAC,KAAK,EAAE;YACP,KAAK,EAAE,yBAAyB;YAChC,IAAI,EAAE,aAAa;YACnB,eAAe,EAAE,MAAM,CAAC,MAAO,CAAC,eAAe,CAAC;YAChD,eAAe,EAAE,GAAG;YACpB,eAAe,EAAE,KAAK;YACtB,YAAY,EAAE,uBAAuB,MAAO,CAAC,eAAe,GAAG;SAChE,EACC,CAAC,CAAC,KAAK,EAAE;YACP,KAAK,EAAE,0BAA0B;YACjC,KAAK,EAAE,UAAU,MAAO,CAAC,eAAe,GAAG;SAC5C,CAAC,CACH,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAC/C,GAAG,MAAO,CAAC,cAAc,IAAI,MAAO,CAAC,UAAU,kBAAkB,CAClE,CACF;QAED,WAAW;QACX,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,MAAO,CAAC,MAAM,KAAK,SAAS;YAC1B,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;gBACV,KAAK,EAAE,sBAAsB;gBAC7B,OAAO,EAAE,WAAW;gBACpB,QAAQ,EAAE,OAAO;gBACjB,YAAY,EAAE,iBAAiB;aAChC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;YACtC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;gBACV,KAAK,EAAE,uBAAuB;gBAC9B,OAAO,EAAE,YAAY;gBACrB,QAAQ,EAAE,OAAO;gBACjB,YAAY,EAAE,kBAAkB;aACjC,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAC3C;QAED,YAAY;QACZ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACxC,GAAG,MAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAC5B,CAAC,CAAC,KAAK,EAAE;YACP,GAAG,EAAE,IAAI,CAAC,EAAE;YACZ,KAAK,EAAE;gBACL,iBAAiB;gBACjB,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE;gBAC1D,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;gBACzD,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE;gBAC1D,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;aACzD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SAC5B,EACC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,MAAM,EAAE;YACR,KAAK,EAAE,6CAA6C,IAAI,CAAC,MAAM,EAAE;YACjE,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM;SAC7D,EAAE,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,EACzC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAC5E,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAC1C,GAAG,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,UAAU,EAAE,CAC5C,CACF,EACD,IAAI,CAAC,UAAU,GAAG,CAAC;YACjB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,KAAK,EAAE;gBACP,KAAK,EAAE,uBAAuB,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC7G,KAAK,EAAE,UAAU,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;aACxG,CAAC,CACH;YACH,CAAC,CAAC,IAAI,CACT,CACF,CACF,CACF;QACH,CAAC,CAAC,IAAI;IAER,sDAAsD;IACtD,MAAM;QACJ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EACnC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EACtC,MAAO,CAAC,MAAM,KAAK,WAAW;YAC5B,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oDAAoD,EAAE,EAAE,GAAG,CAAC;YACjF,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iDAAiD,EAAE,EAAE,GAAG,CAAC,EAChF,CAAC,CAAC,MAAM,EAAE,IAAI,EACZ,MAAO,CAAC,MAAM,KAAK,WAAW;YAC5B,CAAC,CAAC,cAAc,MAAO,CAAC,cAAc,IAAI,MAAO,CAAC,UAAU,qBAAqB,MAAO,CAAC,cAAc,IAAI,MAAO,CAAC,UAAU,aAAa;YAC1I,CAAC,CAAC,WAAW,MAAO,CAAC,KAAK,IAAI,eAAe,EAAE,CAClD,CACF;QAED,oBAAoB;QACpB,MAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACtB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACxC,GAAG,MAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAC5B,CAAC,CAAC,KAAK,EAAE;gBACP,GAAG,EAAE,IAAI,CAAC,EAAE;gBACZ,KAAK,EAAE;oBACL,iBAAiB;oBACjB,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;oBACzD,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE;oBAC1D,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;iBACzD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;aAC5B,EACC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,MAAM,EAAE;gBACR,KAAK,EAAE,6CAA6C,IAAI,CAAC,MAAM,EAAE;aAClE,EAAE,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,EACzC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAC5E,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAC1C,GAAG,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,UAAU,EAAE,CAC5C,CACF,CACF,CACF,CACF;YACH,CAAC,CAAC,IAAI;QAER,iBAAiB;QACjB,CAAC,CAAC,QAAQ,EAAE;YACV,KAAK,EAAE,6CAA6C;YACpD,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,QAAQ;SACnB,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CACzC;QACH,CAAC,CAAC,IAAI,CACT,CAAC;AACJ,CAAC"}

package/dist/viewer/components/prd-tree/facet-filter.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 type { ItemStatus } from "./types.js";
+export interface FacetFilterProps {
+    /** All unique tags found in the PRD (sorted). */
+    availableTags: string[];
+    /** Currently selected tag facets. */
+    activeTags: Set<string>;
+    /** Currently selected status facets. */
+    activeStatuses: Set<ItemStatus>;
+    /** Called when the set of active tags changes. */
+    onTagsChange: (tags: Set<string>) => void;
+    /** Called when the set of active statuses changes. */
+    onStatusesChange: (statuses: Set<ItemStatus>) => void;
+    /** Called to clear all facets. */
+    onClearAll: () => void;
+}
+export declare function FacetFilter({ availableTags, activeTags, activeStatuses, onTagsChange, onStatusesChange, onClearAll, }: FacetFilterProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "group";
+    "aria-label": string;
+}>;