@n-dx/core 0.1.0

package/packages/web/dist/viewer/components/config-footer.js

@@ -0,0 +1,132 @@
+/**
+ * Configuration display footer for the sidebar.
+ *
+ * Shows active n-dx configuration (model, auth method, token budget) in a
+ * collapsible panel above the sidebar footer controls.
+ */
+import { h } from "preact";
+import { useState, useEffect, useRef } from "preact/hooks";
+// ---------------------------------------------------------------------------
+// Data fetching
+// ---------------------------------------------------------------------------
+const CONFIG_POLL_INTERVAL_MS = 30_000;
+function useNdxConfig() {
+    const [config, setConfig] = useState(null);
+    const mountedRef = useRef(true);
+    useEffect(() => {
+        mountedRef.current = true;
+        const fetchConfig = async () => {
+            try {
+                const res = await fetch("/api/ndx-config");
+                if (!res.ok)
+                    return;
+                const data = await res.json();
+                if (mountedRef.current)
+                    setConfig(data);
+            }
+            catch {
+                // ignore
+            }
+        };
+        fetchConfig();
+        const timer = setInterval(fetchConfig, CONFIG_POLL_INTERVAL_MS);
+        return () => {
+            mountedRef.current = false;
+            clearInterval(timer);
+        };
+    }, []);
+    return config;
+}
+// ---------------------------------------------------------------------------
+// Formatting helpers
+// ---------------------------------------------------------------------------
+function formatModel(model) {
+    if (!model)
+        return "default";
+    // Shorten full model IDs for display
+    if (model.startsWith("claude-")) {
+        const parts = model.split("-");
+        // "claude-sonnet-4-6" -> "sonnet 4"
+        if (parts.length >= 3) {
+            return `${parts[1]} ${parts[2]}`;
+        }
+    }
+    return model;
+}
+function formatTokenBudget(budget) {
+    if (budget === null || budget === 0)
+        return "unlimited";
+    if (budget >= 1_000_000)
+        return `${(budget / 1_000_000).toFixed(1)}M`;
+    if (budget >= 1_000)
+        return `${Math.round(budget / 1_000)}K`;
+    return String(budget);
+}
+const AUTH_LABELS = {
+    "api-key": "API Key",
+    "cli": "Claude CLI",
+    "none": "Not configured",
+};
+const AUTH_ICONS = {
+    "api-key": "\u{1F511}",
+    "cli": "\u{1F4BB}",
+    "none": "\u26A0",
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function ConfigFooter() {
+    const config = useNdxConfig();
+    const [expanded, setExpanded] = useState(false);
+    if (!config)
+        return null;
+    return h("div", {
+        class: `config-footer${expanded ? " config-footer-expanded" : ""}`,
+        role: "region",
+        "aria-label": "Project configuration",
+    }, 
+    // Toggle bar — always visible
+    h("button", {
+        class: "config-footer-toggle",
+        onClick: () => setExpanded(!expanded),
+        "aria-expanded": String(expanded),
+        "aria-controls": "config-footer-details",
+        title: expanded ? "Collapse configuration" : "Show configuration",
+    }, h("span", { class: "config-footer-summary" }, 
+    // Model badge
+    h("span", {
+        class: "config-badge config-badge-model",
+        title: `Model: ${config.model ?? "default"}`,
+    }, formatModel(config.model)), 
+    // Auth indicator
+    h("span", {
+        class: `config-badge config-badge-auth config-badge-auth-${config.authMethod}`,
+        title: `Auth: ${AUTH_LABELS[config.authMethod]}`,
+    }, AUTH_ICONS[config.authMethod])), h("svg", {
+        class: `config-footer-chevron${expanded ? " config-footer-chevron-open" : ""}`,
+        width: 10,
+        height: 10,
+        viewBox: "0 0 12 12",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "aria-hidden": "true",
+    }, h("path", { d: "M3 8.5l3-3 3 3" }))), 
+    // Expandable detail panel
+    expanded
+        ? h("div", {
+            id: "config-footer-details",
+            class: "config-footer-details",
+            role: "group",
+            "aria-label": "Configuration details",
+        }, 
+        // Config rows
+        h("div", { class: "config-row" }, h("span", { class: "config-label" }, "Model"), h("span", { class: "config-value" }, formatModel(config.model))), h("div", { class: "config-row" }, h("span", { class: "config-label" }, "Auth"), h("span", { class: "config-value" }, AUTH_LABELS[config.authMethod])), config.provider
+            ? h("div", { class: "config-row" }, h("span", { class: "config-label" }, "Provider"), h("span", { class: "config-value" }, config.provider))
+            : null, h("div", { class: "config-row" }, h("span", { class: "config-label" }, "Budget"), h("span", { class: "config-value" }, formatTokenBudget(config.tokenBudget))), config.maxTurns
+            ? h("div", { class: "config-row" }, h("span", { class: "config-label" }, "Max turns"), h("span", { class: "config-value" }, String(config.maxTurns)))
+            : null)
+        : null);
+}
+//# sourceMappingURL=config-footer.js.map

package/packages/web/dist/viewer/components/config-footer.js.map

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

package/packages/web/dist/viewer/components/constants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Infrastructure design tokens — generic primitives shared across all views.
+ *
+ * Domain-specific constants (e.g. enrichment thresholds) live in their
+ * respective domain directories (see views/enrichment-thresholds.ts).
+ *
+ * ZONE_COLORS is now owned by visualization/colors.ts and re-exported
+ * here for backward compatibility.
+ */
+export { ZONE_COLORS } from "../visualization/colors.js";

package/packages/web/dist/viewer/components/constants.js

@@ -0,0 +1,11 @@
+/**
+ * Infrastructure design tokens — generic primitives shared across all views.
+ *
+ * Domain-specific constants (e.g. enrichment thresholds) live in their
+ * respective domain directories (see views/enrichment-thresholds.ts).
+ *
+ * ZONE_COLORS is now owned by visualization/colors.ts and re-exported
+ * here for backward compatibility.
+ */
+export { ZONE_COLORS } from "../visualization/colors.js";
+//# sourceMappingURL=constants.js.map

package/packages/web/dist/viewer/components/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/viewer/components/constants.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}

package/packages/web/dist/viewer/components/copy-link-button.d.ts

@@ -0,0 +1,30 @@
+/**
+ * CopyLinkButton — reusable component for generating and copying shareable deep-links.
+ *
+ * Builds a full URL from the current origin + the provided path, copies it to
+ * the clipboard, and shows brief visual feedback ("Copied!").
+ *
+ * Used across:
+ * - PRD item detail panels (task, feature, epic, subtask)
+ * - Hench run detail views
+ * - RexTaskLink context menus
+ */
+export interface CopyLinkButtonProps {
+    /** Path portion of the shareable URL, e.g. "/prd/abc123" or "/hench-runs/xyz". */
+    path: string;
+    /** Optional CSS class to add. */
+    class?: string;
+    /** Label text. Default: "Copy Link" */
+    label?: string;
+    /** Compact variant — smaller text, icon-only on narrow screens. Default: false */
+    compact?: boolean;
+}
+/** Build a full shareable URL from a path. Uses the current origin. */
+export declare function buildShareableUrl(path: string): string;
+export declare function CopyLinkButton({ path, class: className, label, compact, }: CopyLinkButtonProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    onClick: (e: MouseEvent) => void;
+    title: string;
+    "aria-label": string;
+    type: string;
+}>;

package/packages/web/dist/viewer/components/copy-link-button.js

@@ -0,0 +1,74 @@
+/**
+ * CopyLinkButton — reusable component for generating and copying shareable deep-links.
+ *
+ * Builds a full URL from the current origin + the provided path, copies it to
+ * the clipboard, and shows brief visual feedback ("Copied!").
+ *
+ * Used across:
+ * - PRD item detail panels (task, feature, epic, subtask)
+ * - Hench run detail views
+ * - RexTaskLink context menus
+ */
+import { h } from "preact";
+import { useState, useCallback, useRef } from "preact/hooks";
+// ── Helpers ──────────────────────────────────────────────────────────
+/** Build a full shareable URL from a path. Uses the current origin. */
+export function buildShareableUrl(path) {
+    const base = typeof window !== "undefined" ? window.location.origin : "";
+    // Ensure path starts with /
+    const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${base}${normalizedPath}`;
+}
+// ── Component ────────────────────────────────────────────────────────
+export function CopyLinkButton({ path, class: className, label = "Copy Link", compact = false, }) {
+    const [copied, setCopied] = useState(false);
+    const timerRef = useRef(null);
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        const url = buildShareableUrl(path);
+        navigator.clipboard.writeText(url).then(() => {
+            setCopied(true);
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+            timerRef.current = setTimeout(() => setCopied(false), 2000);
+        }).catch(() => {
+            // Fallback: select text in a temporary input
+            try {
+                const input = document.createElement("input");
+                input.value = url;
+                input.style.position = "fixed";
+                input.style.opacity = "0";
+                document.body.appendChild(input);
+                input.select();
+                document.execCommand("copy");
+                document.body.removeChild(input);
+                setCopied(true);
+                if (timerRef.current)
+                    clearTimeout(timerRef.current);
+                timerRef.current = setTimeout(() => setCopied(false), 2000);
+            }
+            catch {
+                // Silent fail
+            }
+        });
+    }, [path]);
+    const classes = [
+        "copy-link-btn",
+        compact ? "copy-link-btn-compact" : "",
+        copied ? "copy-link-btn-copied" : "",
+        className ?? "",
+    ].filter(Boolean).join(" ");
+    return h("button", {
+        class: classes,
+        onClick: handleClick,
+        title: copied ? "Copied!" : `Copy shareable link`,
+        "aria-label": copied ? "Link copied to clipboard" : label,
+        type: "button",
+    }, 
+    // Link icon
+    h("span", { class: "copy-link-icon", "aria-hidden": "true" }, copied ? "\u2713" : "\ud83d\udd17"), 
+    // Label (hidden in compact mode via CSS)
+    h("span", { class: "copy-link-label" }, copied ? "Copied!" : label));
+}
+//# sourceMappingURL=copy-link-button.js.map

package/packages/web/dist/viewer/components/copy-link-button.js.map

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

package/packages/web/dist/viewer/components/crash-recovery-banner.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Crash recovery banner component.
+ *
+ * Displays after a detected crash to inform the user what happened and
+ * offer to restore their previous navigation state. The banner adapts
+ * its messaging based on whether the crash is a one-off or part of a
+ * crash loop (multiple recent crashes).
+ */
+import type { SavedNavigationState } from "../crash/index.js";
+export interface CrashRecoveryBannerProps {
+    /** Whether the banner should be visible. */
+    visible: boolean;
+    /** Whether the app is in a crash loop (multiple recent crashes). */
+    crashLoop: boolean;
+    /** Number of recent crashes. */
+    recentCrashCount: number;
+    /** Recovered navigation state (null if nothing to restore). */
+    recoveredState: SavedNavigationState | null;
+    /** Called when the user dismisses the banner. */
+    onDismiss: () => void;
+    /** Called when the user chooses to restore their previous state. */
+    onRestore: () => void;
+}
+export declare function CrashRecoveryBanner({ visible, crashLoop, recentCrashCount, recoveredState, onDismiss, onRestore, }: CrashRecoveryBannerProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "alert";
+    "aria-live": "assertive";
+}> | null;

package/packages/web/dist/viewer/components/crash-recovery-banner.js

@@ -0,0 +1,47 @@
+/**
+ * Crash recovery banner component.
+ *
+ * Displays after a detected crash to inform the user what happened and
+ * offer to restore their previous navigation state. The banner adapts
+ * its messaging based on whether the crash is a one-off or part of a
+ * crash loop (multiple recent crashes).
+ */
+import { h } from "preact";
+export function CrashRecoveryBanner({ visible, crashLoop, recentCrashCount, recoveredState, onDismiss, onRestore, }) {
+    if (!visible)
+        return null;
+    const hasState = recoveredState !== null;
+    const heading = crashLoop
+        ? "Repeated crashes detected"
+        : "Recovered from a crash";
+    const description = crashLoop
+        ? `The page has crashed ${recentCrashCount} times recently, likely due to high memory usage. ` +
+            "Heavy views have been avoided to prevent another crash."
+        : "The page was automatically recovered after an unexpected crash. " +
+            "This was likely caused by high memory usage.";
+    return h("div", {
+        class: `crash-recovery-banner${crashLoop ? " crash-recovery-loop" : ""}`,
+        role: "alert",
+        "aria-live": "assertive",
+    }, h("div", { class: "crash-recovery-content" }, h("span", { class: "crash-recovery-icon", "aria-hidden": "true" }, crashLoop ? "\uD83D\uDD04" : "\u2705"), h("div", { class: "crash-recovery-text" }, h("strong", null, heading), h("p", { class: "crash-recovery-description" }, description), hasState && !crashLoop
+        ? h("p", { class: "crash-recovery-state-info" }, `Your previous location (${formatViewName(recoveredState.view)}) has been saved.`)
+        : null), h("div", { class: "crash-recovery-actions" }, hasState && !crashLoop
+        ? h("button", {
+            class: "crash-recovery-restore",
+            onClick: onRestore,
+            type: "button",
+        }, "Restore view")
+        : null, h("button", {
+        class: "crash-recovery-dismiss",
+        onClick: onDismiss,
+        "aria-label": "Dismiss crash recovery message",
+        type: "button",
+    }, crashLoop ? "Dismiss" : (hasState ? "Start fresh" : "Dismiss")))));
+}
+/** Format a ViewId into a human-readable label. */
+function formatViewName(view) {
+    return view
+        .replace(/-/g, " ")
+        .replace(/\b\w/g, (c) => c.toUpperCase());
+}
+//# sourceMappingURL=crash-recovery-banner.js.map

package/packages/web/dist/viewer/components/crash-recovery-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crash-recovery-banner.js","sourceRoot":"","sources":["../../../src/viewer/components/crash-recovery-banner.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAkB3B,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,SAAS,GACgB;IACzB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,QAAQ,GAAG,cAAc,KAAK,IAAI,CAAC;IAEzC,MAAM,OAAO,GAAG,SAAS;QACvB,CAAC,CAAC,2BAA2B;QAC7B,CAAC,CAAC,wBAAwB,CAAC;IAE7B,MAAM,WAAW,GAAG,SAAS;QAC3B,CAAC,CAAC,wBAAwB,gBAAgB,oDAAoD;YAC5F,yDAAyD;QAC3D,CAAC,CAAC,kEAAkE;YAClE,8CAA8C,CAAC;IAEnD,OAAO,CAAC,CACN,KAAK,EACL;QACE,KAAK,EAAE,wBAAwB,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;QACxE,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,WAAW;KACzB,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAC1C,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,EAC/D,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,EACxC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,EAC1B,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,WAAW,CAAC,EAC5D,QAAQ,IAAI,CAAC,SAAS;QACpB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAC3C,2BAA2B,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC;QACtF,CAAC,CAAC,IAAI,CACT,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAC1C,QAAQ,IAAI,CAAC,SAAS;QACpB,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;YACV,KAAK,EAAE,wBAAwB;YAC/B,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,QAAQ;SACf,EAAE,cAAc,CAAC;QACpB,CAAC,CAAC,IAAI,EACR,CAAC,CAAC,QAAQ,EAAE;QACV,KAAK,EAAE,wBAAwB;QAC/B,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,gCAAgC;QAC9C,IAAI,EAAE,QAAQ;KACf,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACnE,CACF,CACF,CAAC;AACJ,CAAC;AAED,mDAAmD;AACnD,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,IAAI;SACR,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAC9C,CAAC"}

package/packages/web/dist/viewer/components/data-display/collapsible-section.d.ts

@@ -0,0 +1,14 @@
+import { ComponentChildren } from "preact";
+interface CollapsibleSectionProps {
+    title: string;
+    count?: number;
+    defaultOpen?: boolean;
+    threshold?: number;
+    /** When set, open/closed state is persisted to localStorage across navigation. */
+    storageKey?: string;
+    children?: ComponentChildren;
+}
+export declare function CollapsibleSection({ title, count, defaultOpen, threshold, storageKey, children, }: CollapsibleSectionProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;
+export {};

package/packages/web/dist/viewer/components/data-display/collapsible-section.js

@@ -0,0 +1,66 @@
+import { h, Fragment } from "preact";
+import { useState, useCallback } from "preact/hooks";
+const STORAGE_PREFIX = "collapsible-section:";
+/** Read persisted open/closed state, falling back to defaultOpen. */
+function getPersistedState(storageKey, defaultOpen) {
+    if (!storageKey)
+        return defaultOpen;
+    try {
+        const stored = localStorage.getItem(STORAGE_PREFIX + storageKey);
+        if (stored === "true")
+            return true;
+        if (stored === "false")
+            return false;
+    }
+    catch {
+        // localStorage unavailable
+    }
+    return defaultOpen;
+}
+export function CollapsibleSection({ title, count, defaultOpen = true, threshold = 8, storageKey, children, }) {
+    const raw = Array.isArray(children) ? children : children ? [children] : [];
+    const items = raw.flat().filter(Boolean);
+    const total = count ?? items.length;
+    const needsCollapse = items.length > threshold;
+    const [open, setOpenRaw] = useState(() => getPersistedState(storageKey, defaultOpen));
+    const [expanded, setExpanded] = useState(false);
+    const setOpen = useCallback((next) => {
+        setOpenRaw(next);
+        if (storageKey) {
+            try {
+                localStorage.setItem(STORAGE_PREFIX + storageKey, String(next));
+            }
+            catch { /* noop */ }
+        }
+    }, [storageKey]);
+    const visibleItems = needsCollapse && !expanded ? items.slice(0, threshold) : items;
+    const hiddenCount = items.length - threshold;
+    return h("div", { class: "mb-16" }, h("div", {
+        class: "collapsible-header",
+        onClick: () => setOpen(!open),
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": String(open),
+        onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                setOpen(!open);
+            }
+        },
+    }, h("span", { class: `collapsible-chevron ${open ? "open" : ""}`, "aria-hidden": "true" }, "\u25B6"), h("span", { class: "collapsible-title" }, title), total > 0
+        ? h("span", { class: "collapsible-count" }, String(total))
+        : null), open
+        ? h(Fragment, null, needsCollapse && expanded
+            ? h("div", { class: "collapsible-scroll-container" }, items, h("div", { class: "collapsible-sticky-footer" }, h("button", {
+                class: "collapsible-toggle",
+                onClick: () => setExpanded(false),
+            }, "Show less")))
+            : h(Fragment, null, visibleItems, needsCollapse
+                ? h("button", {
+                    class: "collapsible-toggle",
+                    onClick: () => setExpanded(true),
+                }, `Show ${hiddenCount} more`)
+                : null))
+        : null);
+}
+//# sourceMappingURL=collapsible-section.js.map

package/packages/web/dist/viewer/components/data-display/collapsible-section.js.map

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

package/packages/web/dist/viewer/components/data-display/findings-list.d.ts

@@ -0,0 +1,13 @@
+import type { Finding } from "../../external.js";
+interface FindingsListProps {
+    findings: Finding[];
+    legacyInsights?: string[];
+    groupBy?: "severity" | "scope" | "type";
+    searchable?: boolean;
+    threshold?: number;
+}
+export declare function FindingsList({ findings, legacyInsights, groupBy, searchable, threshold, }: FindingsListProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    role: "region";
+    "aria-label": string;
+}>;
+export {};

package/packages/web/dist/viewer/components/data-display/findings-list.js

@@ -0,0 +1,136 @@
+import { h } from "preact";
+import { useState, useMemo } from "preact/hooks";
+import { CollapsibleSection } from "./collapsible-section.js";
+import { SearchFilter } from "../search-filter.js";
+const SEVERITY_ICON = {
+    critical: "\u26D4", // no entry
+    warning: "\u26A0", // warning sign
+    info: "\u2139", // info
+};
+const TYPE_ICON = {
+    pattern: "\u2B22", // hexagon
+    relationship: "\u2194", // left-right arrow
+    "anti-pattern": "\u2718", // cross
+    suggestion: "\u2728", // sparkles
+};
+export function FindingsList({ findings, legacyInsights = [], groupBy = "severity", searchable = true, threshold = 8, }) {
+    const [search, setSearch] = useState("");
+    const filtered = useMemo(() => {
+        if (!search)
+            return findings;
+        const q = search.toLowerCase();
+        return findings.filter((f) => f.text.toLowerCase().includes(q) ||
+            f.scope.toLowerCase().includes(q) ||
+            (f.related ?? []).some((r) => r.toLowerCase().includes(q)));
+    }, [findings, search]);
+    const filteredLegacy = useMemo(() => {
+        if (!search)
+            return legacyInsights;
+        const q = search.toLowerCase();
+        return legacyInsights.filter((s) => s.toLowerCase().includes(q));
+    }, [legacyInsights, search]);
+    const groups = useMemo(() => {
+        const map = new Map();
+        for (const f of filtered) {
+            let key;
+            switch (groupBy) {
+                case "severity":
+                    key = f.severity || "info";
+                    break;
+                case "scope":
+                    key = f.scope === "global" ? "Global" : f.scope;
+                    break;
+                case "type":
+                    key = f.type;
+                    break;
+                default:
+                    key = "all";
+            }
+            let list = map.get(key);
+            if (!list) {
+                list = [];
+                map.set(key, list);
+            }
+            list.push(f);
+        }
+        if (groupBy === "severity") {
+            const ordered = new Map();
+            for (const sev of ["critical", "warning", "info"]) {
+                const items = map.get(sev);
+                if (items)
+                    ordered.set(sev, items);
+            }
+            return ordered;
+        }
+        return map;
+    }, [filtered, groupBy]);
+    function renderFinding(f, i) {
+        const sev = f.severity || "info";
+        const icon = SEVERITY_ICON[sev] || TYPE_ICON[f.type] || "\u2022";
+        return h("div", {
+            key: i,
+            class: `finding-card severity-${sev}`,
+            role: "article",
+        }, 
+        // Header row: icon + severity badge + scope
+        h("div", { class: "finding-header" }, h("span", { class: "finding-icon", "aria-hidden": "true" }, icon), h("span", {
+            class: `severity-badge severity-${sev}`,
+        }, sev), h("span", { class: "finding-type-badge" }, f.type), f.scope && f.scope !== "global"
+            ? h("span", { class: "finding-scope-link" }, h("span", { class: "finding-zone-dot", style: `background: var(--accent)` }), f.scope)
+            : null), 
+        // Main text
+        h("p", { class: "finding-text" }, f.text), 
+        // Related files/zones
+        f.related?.length
+            ? h("div", { class: "finding-meta" }, h("span", { class: "finding-related-label" }, "Related:"), h("div", { class: "finding-related" }, f.related.map((r, j) => h("code", { key: j }, r))))
+            : null);
+    }
+    return h("div", { role: "region", "aria-label": "Findings list" }, searchable
+        ? h(SearchFilter, {
+            placeholder: "Search findings...",
+            value: search,
+            onInput: setSearch,
+            resultCount: filtered.length + filteredLegacy.length,
+            totalCount: findings.length + legacyInsights.length,
+        })
+        : null, [...groups.entries()].map(([key, items]) => h(CollapsibleSection, {
+        key,
+        title: groupLabel(key, groupBy),
+        count: items.length,
+        defaultOpen: true,
+        threshold,
+    }, ...items.map(renderFinding))), filteredLegacy.length > 0
+        ? h(CollapsibleSection, {
+            title: "Insights",
+            count: filteredLegacy.length,
+            defaultOpen: true,
+            threshold,
+        }, ...filteredLegacy.map((s, i) => h("div", { key: i, class: "finding-card severity-info", role: "article" }, h("div", { class: "finding-header" }, h("span", { class: "finding-icon", "aria-hidden": "true" }, "\u2139"), h("span", { class: "severity-badge severity-info" }, "insight")), h("p", { class: "finding-text" }, s))))
+        : null, filtered.length === 0 && filteredLegacy.length === 0
+        ? h("p", { class: "section-sub" }, "No findings match your search.")
+        : null);
+}
+function groupLabel(key, groupBy) {
+    if (groupBy === "severity") {
+        const labels = {
+            critical: "\u26D4 Critical",
+            warning: "\u26A0 Warnings",
+            info: "\u2139 Info",
+        };
+        return labels[key] || capitalize(key);
+    }
+    if (groupBy === "type") {
+        const labels = {
+            pattern: "\u2B22 Patterns",
+            relationship: "\u2194 Relationships",
+            "anti-pattern": "\u2718 Anti-Patterns",
+            suggestion: "\u2728 Suggestions",
+        };
+        return labels[key] || capitalize(key);
+    }
+    return capitalize(key);
+}
+function capitalize(s) {
+    return s.charAt(0).toUpperCase() + s.slice(1);
+}
+//# sourceMappingURL=findings-list.js.map

package/packages/web/dist/viewer/components/data-display/findings-list.js.map

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