@n-dx/core 0.1.0

package/packages/web/dist/viewer/views/prd.js

@@ -0,0 +1,257 @@
+/**
+ * PRD view — displays Rex PRD hierarchy with interactive tree.
+ *
+ * Loads PRD data from /data/prd.json (served by the unified web server)
+ * or accepts it via props. Manages task selection, detail panel content,
+ * add item form, bulk actions, and merge preview.
+ *
+ * This component is a thin render shell that composes focused hooks
+ * for data fetching, WebSocket updates, CRUD actions, and deep-linking.
+ *
+ * @see ../hooks/use-prd-data.ts — data fetching, polling, dedup
+ * @see ../hooks/use-prd-websocket.ts — WebSocket message pipeline
+ * @see ../hooks/use-prd-actions.ts — CRUD mutation handlers
+ * @see ../hooks/use-prd-deep-link.ts — deep-link resolution
+ * @see ../hooks/use-toast.ts — toast notification state
+ */
+import { h, Fragment } from "preact";
+import { useState, useEffect, useCallback, useMemo, useRef } from "preact/hooks";
+import { PRDTree, StatusFilter } from "../components/prd-tree/index.js";
+import { AddItemForm } from "../components/prd-tree/add-item-form.js";
+import { BulkActions } from "../components/prd-tree/bulk-actions.js";
+import { MergePreview } from "../components/prd-tree/merge-preview.js";
+import { PruneConfirmation } from "../components/prd-tree/prune-confirmation.js";
+import { DeleteConfirmation } from "../components/prd-tree/delete-confirmation.js";
+import { BrandedHeader } from "../components/logos.js";
+import { useToast, usePRDData, usePRDWebSocket, usePRDActions, usePRDDeepLink, usePersistentFilter, useFeatureToggle, useFacetState, } from "../hooks/index.js";
+import { searchTree, collectAllTags } from "../components/prd-tree/tree-search.js";
+import { FacetFilter } from "../components/prd-tree/facet-filter.js";
+export function PRDView({ prdData, onSelectItem, onDetailContent, initialTaskId, navigateTo }) {
+    // ── Toast notifications ────────────────────────────────────────
+    const { toast, toastType, showToast } = useToast();
+    // ── Data fetching & polling ────────────────────────────────────
+    const { data, setData, loading, error, setError, taskUsageById, weeklyBudget, fetchPRDData, fetchTaskUsage, } = usePRDData(prdData);
+    // ── Feature toggles ────────────────────────────────────────────
+    const showTokenBudget = useFeatureToggle("rex.showTokenBudget", false);
+    // ── WebSocket real-time updates ────────────────────────────────
+    usePRDWebSocket({ setData, fetchPRDData, fetchTaskUsage });
+    // ── CRUD actions & UI state ────────────────────────────────────
+    const actions = usePRDActions({
+        data, setData,
+        fetchPRDData, fetchTaskUsage,
+        showToast,
+        onSelectItem, onDetailContent,
+        taskUsageById, weeklyBudget,
+        showTokenBudget,
+        navigateTo,
+    });
+    // ── Status filter (persists across view switches) ────────────
+    const { activeStatuses, setActiveStatuses } = usePersistentFilter();
+    // ── Inline tree search ──────────────────────────────────────────
+    const [searchQuery, setSearchQuery] = useState("");
+    const searchInputRef = useRef(null);
+    // ── Facet filters (tags + status, URL-persisted) ──────────────
+    const { activeTags, activeSearchStatuses, searchFacets, setActiveTags, setActiveSearchStatuses, clearFacets, hasFacets, } = useFacetState();
+    // Collect all unique tags from the PRD for facet chip rendering
+    const availableTags = useMemo(() => data ? collectAllTags(data.items) : [], [data]);
+    // Prune stale active tags that no longer exist in the PRD
+    useEffect(() => {
+        if (activeTags.size === 0)
+            return;
+        const tagSet = new Set(availableTags);
+        const pruned = new Set();
+        for (const tag of activeTags) {
+            if (tagSet.has(tag))
+                pruned.add(tag);
+        }
+        if (pruned.size !== activeTags.size) {
+            setActiveTags(pruned);
+        }
+    }, [availableTags, activeTags, setActiveTags]);
+    const searchResult = useMemo(() => data ? searchTree(data.items, searchQuery, searchFacets) : null, [data, searchQuery, searchFacets]);
+    // Keyboard shortcut: Ctrl+F / Cmd+F to focus the search input
+    useEffect(() => {
+        const handler = (e) => {
+            if ((e.ctrlKey || e.metaKey) && e.key === "f") {
+                // Only intercept when the PRD view is rendered (data exists)
+                if (!data)
+                    return;
+                e.preventDefault();
+                searchInputRef.current?.focus();
+            }
+        };
+        document.addEventListener("keydown", handler);
+        return () => document.removeEventListener("keydown", handler);
+    }, [data]);
+    // Clear search and facets on Escape when input is focused
+    const handleSearchKeyDown = useCallback((e) => {
+        if (e.key === "Escape") {
+            setSearchQuery("");
+            clearFacets();
+            e.target.blur();
+        }
+    }, [clearFacets]);
+    // ── Deep-link resolution ───────────────────────────────────────
+    const { deepLinkError, setDeepLinkError, highlightedTaskId, deepLinkExpandIds } = usePRDDeepLink({
+        initialTaskId, loading, data,
+        onSelectItem: actions.handleSelectItem,
+    });
+    // ── Detail panel sync ──────────────────────────────────────────
+    // Keep the detail panel content in sync when selection or data changes.
+    useEffect(() => {
+        actions.syncDetailContent();
+    }, [actions.syncDetailContent]);
+    // ── Click-outside to clear bulk selection ─────────────────────
+    // Clicks outside the `.prd-tree` container and the `.rex-bulk-bar`
+    // deselect all items.
+    useEffect(() => {
+        if (actions.bulkSelectedIds.size === 0)
+            return;
+        const handler = (e) => {
+            const target = e.target;
+            if (target.closest(".prd-tree") ||
+                target.closest(".rex-bulk-bar") ||
+                target.closest(".merge-preview")) {
+                return;
+            }
+            actions.clearBulkSelection();
+        };
+        document.addEventListener("click", handler, true);
+        return () => document.removeEventListener("click", handler, true);
+    }, [actions.bulkSelectedIds.size, actions.clearBulkSelection]);
+    // ── Render ─────────────────────────────────────────────────────
+    if (loading) {
+        return h("div", { class: "loading" }, "Loading PRD...");
+    }
+    if (error) {
+        return h("div", { class: "prd-empty" }, h("p", null, error));
+    }
+    if (!data) {
+        return h("div", { class: "prd-empty" }, h("p", null, "No PRD data available."));
+    }
+    return h(Fragment, null, 
+    // Branded header
+    h("div", { class: "view-header" }, h(BrandedHeader, { product: "rex", title: "Rex", class: "branded-header-rex" }), h("h2", { class: "section-header" }, "Tasks")), 
+    // Deep-link error banner
+    deepLinkError
+        ? h("div", { class: "prd-deep-link-error", role: "alert" }, h("span", null, deepLinkError), h("button", {
+            class: "prd-deep-link-error-dismiss",
+            onClick: () => setDeepLinkError(null),
+            "aria-label": "Dismiss",
+        }, "\u00d7"))
+        : null, 
+    // Command bar — action buttons
+    h("div", { class: "rex-command-bar" }, h("button", {
+        class: `rex-command-btn${actions.activeTab === "add" ? " active" : ""}`,
+        onClick: () => {
+            actions.setActiveTab(actions.activeTab === "add" ? null : "add");
+            actions.setAddParentId(null);
+        },
+        title: "Add a new item to the PRD",
+    }, "+ Add Item"), h("button", {
+        class: `rex-command-btn${actions.activeTab === "prune" ? " active" : ""}`,
+        onClick: () => {
+            actions.setActiveTab(actions.activeTab === "prune" ? null : "prune");
+        },
+        title: "Remove completed subtrees from the PRD",
+    }, "\u2702 Prune")), 
+    // Active panel
+    actions.activeTab === "add"
+        ? h(AddItemForm, {
+            allItems: data.items,
+            onSubmit: actions.handleAddItem,
+            onCancel: () => { actions.setActiveTab(null); actions.setAddParentId(null); },
+            defaultParentId: actions.addParentId,
+        })
+        : null, 
+    // Merge preview panel
+    actions.activeTab === "merge" && actions.selectedItems.length >= 2
+        ? h(MergePreview, {
+            selectedItems: actions.selectedItems,
+            onMergeComplete: actions.handleMergeComplete,
+            onCancel: () => actions.setActiveTab(null),
+        })
+        : null, 
+    // Prune confirmation panel
+    actions.activeTab === "prune"
+        ? h(PruneConfirmation, {
+            onPruneComplete: actions.handlePruneComplete,
+            onCancel: () => actions.setActiveTab(null),
+        })
+        : null, 
+    // Sticky filter bar — search input + status filter
+    h("div", { class: "prd-filter-bar" }, h("div", { class: "prd-search-row" }, h("input", {
+        ref: searchInputRef,
+        class: "prd-search-input",
+        type: "search",
+        placeholder: "Search tasks\u2026 (Ctrl+F)",
+        value: searchQuery,
+        "aria-label": "Search PRD tree",
+        onInput: (e) => setSearchQuery(e.target.value),
+        onKeyDown: handleSearchKeyDown,
+    }), (searchQuery || hasFacets) && searchResult
+        ? h("span", { class: "prd-search-count", "aria-live": "polite" }, `${searchResult.matchCount} match${searchResult.matchCount !== 1 ? "es" : ""}`)
+        : null, searchQuery || hasFacets
+        ? h("button", {
+            class: "prd-search-clear",
+            onClick: () => { setSearchQuery(""); clearFacets(); searchInputRef.current?.focus(); },
+            "aria-label": "Clear search and facets",
+            title: "Clear search and facets",
+        }, "\u00d7")
+        : null), 
+    // Facet filter chips (tags + statuses for search narrowing)
+    h(FacetFilter, {
+        availableTags,
+        activeTags,
+        activeStatuses: activeSearchStatuses,
+        onTagsChange: setActiveTags,
+        onStatusesChange: setActiveSearchStatuses,
+        onClearAll: clearFacets,
+    }), h(StatusFilter, { activeStatuses, onChange: setActiveStatuses })), 
+    // PRD tree
+    h(PRDTree, {
+        document: data,
+        taskUsageById,
+        weeklyBudget,
+        showTokenBudget,
+        defaultExpandDepth: 2,
+        onSelectItem: actions.handleSelectItem,
+        selectedItemId: actions.selectedItemId,
+        bulkSelectedIds: actions.bulkSelectedIds,
+        onBulkSelect: actions.handleBulkSelect,
+        onInlineAddSubmit: actions.handleInlineAddItem,
+        highlightedItemId: highlightedTaskId,
+        deepLinkExpandIds,
+        onRemoveItem: actions.handleRemoveItemFromTree,
+        onUpdateItem: actions.handleItemUpdate,
+        deletingItemId: actions.deletingItemId,
+        activeStatuses,
+        searchQuery: searchQuery || undefined,
+        searchVisibleIds: searchResult?.visibleIds,
+        searchMatchIds: searchResult?.matchIds,
+    }), 
+    // Bulk actions bar (floating at bottom)
+    h(BulkActions, {
+        selectedIds: actions.bulkSelectedIds,
+        onClearSelection: () => { actions.clearBulkSelection(); actions.setActiveTab(null); },
+        onActionComplete: fetchPRDData,
+        onMerge: actions.handleOpenMerge,
+    }), 
+    // Toast notification (success = green, error = red)
+    toast
+        ? h("div", {
+            class: `rex-toast${toastType === "error" ? " rex-toast-error" : ""}`,
+            role: toastType === "error" ? "alert" : "status",
+            "aria-live": toastType === "error" ? "assertive" : "polite",
+        }, toast)
+        : null, 
+    // Delete confirmation modal
+    actions.deleteTarget
+        ? h(DeleteConfirmation, {
+            item: actions.deleteTarget,
+            onConfirm: actions.handleConfirmDelete,
+            onCancel: () => actions.setDeleteTarget(null),
+        })
+        : null);
+}
+//# sourceMappingURL=prd.js.map

package/packages/web/dist/viewer/views/prd.js.map

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

package/packages/web/dist/viewer/views/problems.d.ts

@@ -0,0 +1,8 @@
+import type { LoadedData } from "../types.js";
+interface ProblemsProps {
+    data: LoadedData;
+}
+export declare function ProblemsView({ data }: ProblemsProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & import("preact").HTMLAttributes<HTMLElement>> | import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;
+export {};

package/packages/web/dist/viewer/views/problems.js

@@ -0,0 +1,50 @@
+import { h, Fragment } from "preact";
+import { useMemo } from "preact/hooks";
+import { FindingsList, BarChart } from "../visualization/index.js";
+import { ENRICHMENT_THRESHOLDS } from "./enrichment-thresholds.js";
+import { BrandedHeader } from "../components/logos.js";
+export function ProblemsView({ data }) {
+    const { zones } = data;
+    const enrichmentPass = zones?.enrichmentPass ?? 0;
+    if (enrichmentPass < ENRICHMENT_THRESHOLDS.problems) {
+        return h("div", { class: "locked-view" }, h("div", { class: "locked-icon" }, "\u{1F512}"), h("h2", null, "Problems"), h("p", null, "Requires enrichment pass 3 (current: ", enrichmentPass, ")"), h("p", { class: "locked-hint" }, "Run ", h("code", null, "sourcevision analyze"), " again to unlock."));
+    }
+    const findings = (zones?.findings ?? []).filter((f) => f.type === "anti-pattern");
+    const legacyInsights = findings.length === 0
+        ? (zones?.insights ?? []).filter((s) => /problem|anti.?pattern|coupling|split|merge|smell|violation/i.test(s))
+        : [];
+    const critical = findings.filter((f) => f.severity === "critical").length;
+    const warning = findings.filter((f) => f.severity === "warning").length;
+    const info = findings.filter((f) => !f.severity || f.severity === "info").length;
+    // Problems by zone
+    const problemsByZone = useMemo(() => {
+        const map = new Map();
+        for (const f of findings) {
+            if (f.scope && f.scope !== "global") {
+                map.set(f.scope, (map.get(f.scope) || 0) + 1);
+            }
+        }
+        return [...map.entries()]
+            .sort((a, b) => b[1] - a[1])
+            .map(([zone, count]) => ({
+            label: zone,
+            value: count,
+            color: count >= 3 ? "var(--red)" : count >= 2 ? "var(--orange)" : "var(--accent)",
+        }));
+    }, [findings]);
+    return h("div", null, h("div", { class: "view-header" }, h(BrandedHeader, { product: "sourcevision", title: "SourceVision", class: "branded-header-sv" }), h("h2", { class: "section-header" }, "Problems")), h("p", { class: "section-sub" }, `${findings.length} anti-patterns detected`), 
+    // Severity stat cards
+    findings.length > 0
+        ? h("div", { class: "stat-grid" }, h("div", { class: "stat-card" }, h("div", { class: "value text-red" }, String(critical)), h("div", { class: "label" }, "Critical")), h("div", { class: "stat-card" }, h("div", { class: "value text-orange" }, String(warning)), h("div", { class: "label" }, "Warnings")), h("div", { class: "stat-card" }, h("div", { class: "value" }, String(info)), h("div", { class: "label" }, "Info")))
+        : null, 
+    // Problems by zone chart
+    problemsByZone.length > 0
+        ? h(Fragment, null, h("h3", { class: "section-header-sm" }, "Problems by Zone"), h("p", { class: "section-sub" }, "Which zones have the most anti-patterns."), h(BarChart, { data: problemsByZone }))
+        : null, h(FindingsList, {
+        findings,
+        legacyInsights,
+        groupBy: "severity",
+        searchable: true,
+    }));
+}
+//# sourceMappingURL=problems.js.map

package/packages/web/dist/viewer/views/problems.js.map

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

package/packages/web/dist/viewer/views/rex-dashboard.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Rex Dashboard view — PRD status overview with completion stats,
+ * per-epic progress bars, priority distribution, and next task highlight.
+ *
+ * Fetches data from /api/rex/dashboard which combines stats, epic-level
+ * progress, priority distribution, and the next actionable task.
+ */
+import type { NavigateTo } from "../types.js";
+export interface RexDashboardProps {
+    navigateTo?: NavigateTo;
+}
+export declare function RexDashboard({ navigateTo }: RexDashboardProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;