@n-dx/web 0.1.0

package/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/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/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/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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"}

package/dist/viewer/components/data-display/health-gauge.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Health Gauge - A radial progress indicator for metrics like cohesion/coupling.
+ * Shows a value from 0-1 with color coding (green=good, orange=warning, red=bad).
+ */
+interface HealthGaugeProps {
+    value: number;
+    label: string;
+    size?: number;
+    inverted?: boolean;
+}
+export declare function HealthGauge({ value, label, size, inverted }: HealthGaugeProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    style: string;
+}>;
+/**
+ * Pattern Badge - Shows a pattern or antipattern indicator.
+ */
+interface PatternBadgeProps {
+    type: "pattern" | "antipattern";
+    label: string;
+}
+export declare function PatternBadge({ type, label }: PatternBadgeProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;
+/**
+ * Metric Card - A card displaying a single metric with visual indicator.
+ */
+interface MetricCardProps {
+    value: string | number;
+    label: string;
+    trend?: "up" | "down" | "neutral";
+    color?: string;
+}
+export declare function MetricCard({ value, label, trend, color }: MetricCardProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;
+export {};

package/dist/viewer/components/data-display/health-gauge.js

@@ -0,0 +1,62 @@
+import { h } from "preact";
+export function HealthGauge({ value, label, size = 80, inverted = false }) {
+    const normalized = Math.max(0, Math.min(1, value));
+    const displayValue = inverted ? 1 - normalized : normalized;
+    // Color based on health (green=good, orange=mid, red=bad)
+    const color = displayValue >= 0.7 ? "var(--green)"
+        : displayValue >= 0.4 ? "var(--orange)"
+            : "var(--red)";
+    // SVG arc parameters
+    const strokeWidth = 8;
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const progress = normalized * circumference;
+    const cx = size / 2;
+    const cy = size / 2;
+    return h("div", { class: "health-gauge", style: `width: ${size}px` }, h("svg", {
+        viewBox: `0 0 ${size} ${size}`,
+        width: size,
+        height: size,
+    }, 
+    // Background circle
+    h("circle", {
+        cx,
+        cy,
+        r: radius,
+        fill: "none",
+        stroke: "var(--border)",
+        "stroke-width": strokeWidth,
+    }), 
+    // Progress arc
+    h("circle", {
+        cx,
+        cy,
+        r: radius,
+        fill: "none",
+        stroke: color,
+        "stroke-width": strokeWidth,
+        "stroke-linecap": "round",
+        "stroke-dasharray": `${progress} ${circumference}`,
+        "stroke-dashoffset": 0,
+        transform: `rotate(-90 ${cx} ${cy})`,
+        style: "transition: stroke-dasharray 0.3s ease",
+    }), 
+    // Center text
+    h("text", {
+        x: cx,
+        y: cy,
+        "text-anchor": "middle",
+        "dominant-baseline": "central",
+        class: "health-gauge-value",
+        fill: color,
+    }, normalized.toFixed(2))), h("div", { class: "health-gauge-label" }, label));
+}
+export function PatternBadge({ type, label }) {
+    const icon = type === "pattern" ? "\u2713" : "\u26A0";
+    return h("span", { class: `pattern-badge ${type}` }, h("span", { class: "pattern-icon" }, icon), label);
+}
+export function MetricCard({ value, label, trend, color }) {
+    const trendIcon = trend === "up" ? "\u2191" : trend === "down" ? "\u2193" : "";
+    return h("div", { class: "metric-card" }, h("div", { class: "metric-value", style: color ? `color: ${color}` : "" }, value, trend ? h("span", { class: `metric-trend metric-trend-${trend}` }, trendIcon) : null), h("div", { class: "metric-label" }, label));
+}
+//# sourceMappingURL=health-gauge.js.map

package/dist/viewer/components/data-display/health-gauge.js.map

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

package/dist/viewer/components/data-display/mini-charts.d.ts

@@ -0,0 +1,36 @@
+interface BarChartItem {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface BarChartProps {
+    data: BarChartItem[];
+    width?: number;
+    height?: number;
+}
+export declare function BarChart({ data, width, height }: BarChartProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    viewBox: string;
+    class: string;
+    preserveAspectRatio: string;
+}> | null;
+interface FlowNode {
+    id: string;
+    label: string;
+    color: string;
+}
+interface FlowEdge {
+    from: string;
+    to: string;
+    weight: number;
+}
+interface FlowDiagramProps {
+    nodes: FlowNode[];
+    edges: FlowEdge[];
+    width?: number;
+    height?: number;
+    onNodeClick?: (id: string) => void;
+}
+export declare function FlowDiagram({ nodes, edges, onNodeClick, }: FlowDiagramProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}> | null;
+export {};

package/dist/viewer/components/data-display/mini-charts.js

@@ -0,0 +1,124 @@
+import { h } from "preact";
+export function BarChart({ data, width = 500, height }) {
+    if (data.length === 0)
+        return null;
+    const barHeight = 22;
+    const gap = 4;
+    const labelWidth = 150;
+    const valueWidth = 50;
+    const chartHeight = height ?? data.length * (barHeight + gap);
+    const barArea = width - labelWidth - valueWidth - 16;
+    const maxVal = Math.max(...data.map((d) => d.value), 1);
+    return h("svg", {
+        viewBox: `0 0 ${width} ${chartHeight}`,
+        class: "chart-block",
+        preserveAspectRatio: "xMinYMin meet",
+    }, data.map((d, i) => {
+        const y = i * (barHeight + gap);
+        const barW = Math.max((d.value / maxVal) * barArea, 2);
+        return h("g", { key: d.label }, 
+        // Label
+        h("text", {
+            x: labelWidth - 8,
+            y: y + barHeight / 2 + 4,
+            "text-anchor": "end",
+            class: "bar-chart-label",
+        }, truncateLabel(d.label)), 
+        // Bar
+        h("rect", {
+            x: labelWidth,
+            y: y + 2,
+            width: barW,
+            height: barHeight - 4,
+            rx: 3,
+            fill: d.color || "var(--accent)",
+            opacity: 0.85,
+        }), 
+        // Value
+        h("text", {
+            x: labelWidth + barW + 6,
+            y: y + barHeight / 2 + 4,
+            class: "bar-chart-value",
+        }, String(d.value)));
+    }));
+}
+function truncate(s, n) {
+    return s.length > n ? s.slice(0, n - 1) + "\u2026" : s;
+}
+function truncateLabel(s) {
+    return s.length > 22 ? s.slice(0, 21) + "\u2026" : s;
+}
+export function FlowDiagram({ nodes, edges, onNodeClick, }) {
+    if (nodes.length === 0)
+        return null;
+    // Responsive sizing via viewBox
+    const intrinsicW = 700;
+    const intrinsicH = Math.max(400, 200 + nodes.length * 30);
+    const cx = intrinsicW / 2;
+    const cy = intrinsicH / 2;
+    const radius = Math.min(cx, cy) - 60;
+    const nodeRadius = 22;
+    const labelTruncLen = nodes.length <= 6 ? Infinity : 20;
+    // Position nodes in a circle
+    const positions = new Map();
+    nodes.forEach((n, i) => {
+        const angle = (2 * Math.PI * i) / nodes.length - Math.PI / 2;
+        positions.set(n.id, {
+            x: cx + radius * Math.cos(angle),
+            y: cy + radius * Math.sin(angle),
+        });
+    });
+    const maxWeight = Math.max(...edges.map((e) => e.weight), 1);
+    return h("div", { class: "flow-diagram" }, h("svg", {
+        viewBox: `0 0 ${intrinsicW} ${intrinsicH}`,
+        preserveAspectRatio: "xMidYMid meet",
+        class: "chart-block",
+        style: "max-width: 800px; margin: 0 auto 16px;",
+    }, 
+    // Edges
+    edges.map((e, i) => {
+        const from = positions.get(e.from);
+        const to = positions.get(e.to);
+        if (!from || !to)
+            return null;
+        const sw = Math.max(1, (e.weight / maxWeight) * 4);
+        const opacity = 0.3 + (e.weight / maxWeight) * 0.5;
+        const isHigh = e.weight / maxWeight > 0.5;
+        // Curved path via control point offset from midpoint
+        const mx = (from.x + to.x) / 2;
+        const my = (from.y + to.y) / 2;
+        const dx = to.x - from.x;
+        const dy = to.y - from.y;
+        const offset = Math.min(30, Math.sqrt(dx * dx + dy * dy) * 0.15);
+        const cpx = mx - (dy / Math.sqrt(dx * dx + dy * dy + 1)) * offset;
+        const cpy = my + (dx / Math.sqrt(dx * dx + dy * dy + 1)) * offset;
+        return h("path", {
+            key: `edge-${i}`,
+            class: "flow-edge",
+            d: `M ${from.x} ${from.y} Q ${cpx} ${cpy} ${to.x} ${to.y}`,
+            stroke: isHigh ? "var(--orange)" : "var(--border)",
+            "stroke-width": sw,
+            opacity,
+        });
+    }), 
+    // Nodes
+    nodes.map((n) => {
+        const pos = positions.get(n.id);
+        return h("g", {
+            key: n.id,
+            class: "flow-node",
+            transform: `translate(${pos.x},${pos.y})`,
+            onClick: onNodeClick ? () => onNodeClick(n.id) : undefined,
+        }, h("circle", {
+            r: nodeRadius,
+            fill: n.color,
+            stroke: n.color,
+            "stroke-width": 2,
+            opacity: 0.8,
+        }), h("text", {
+            y: nodeRadius + 16,
+            "text-anchor": "middle",
+        }, truncate(n.label, labelTruncLen)));
+    })));
+}
+//# sourceMappingURL=mini-charts.js.map

package/dist/viewer/components/data-display/mini-charts.js.map

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

package/dist/viewer/components/data-display/tree-view.d.ts

@@ -0,0 +1,18 @@
+import { VNode } from "preact";
+export interface TreeNode {
+    id: string;
+    children: TreeNode[];
+    [key: string]: unknown;
+}
+interface TreeViewProps {
+    nodes: TreeNode[];
+    renderNode: (node: TreeNode, depth: number) => VNode<any>;
+    defaultExpandDepth?: number;
+    filterMatch?: Set<string> | null;
+}
+export declare function TreeView({ nodes, renderNode, defaultExpandDepth, filterMatch, }: TreeViewProps): VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "tree";
+    "aria-label": string;
+}>;
+export {};

package/dist/viewer/components/data-display/tree-view.js

@@ -0,0 +1,107 @@
+import { h } from "preact";
+import { useState } from "preact/hooks";
+export function TreeView({ nodes, renderNode, defaultExpandDepth = 2, filterMatch, }) {
+    const [expanded, setExpanded] = useState(() => {
+        const set = new Set();
+        function autoExpand(ns, depth) {
+            for (const n of ns) {
+                if (depth < defaultExpandDepth) {
+                    set.add(n.id);
+                    autoExpand(n.children, depth + 1);
+                }
+            }
+        }
+        autoExpand(nodes, 0);
+        return set;
+    });
+    const effectiveExpanded = filterMatch
+        ? expandForFilter(nodes, filterMatch)
+        : expanded;
+    const toggle = (id) => {
+        if (filterMatch)
+            return;
+        const next = new Set(expanded);
+        if (next.has(id))
+            next.delete(id);
+        else
+            next.add(id);
+        setExpanded(next);
+    };
+    function renderNodes(ns, depth, parentIsLast = false) {
+        return ns.map((node, idx) => {
+            const hasChildren = node.children.length > 0;
+            const isOpen = effectiveExpanded.has(node.id);
+            const isLast = idx === ns.length - 1;
+            if (filterMatch && !nodeMatchesFilter(node, filterMatch))
+                return null;
+            const indent = depth * 24;
+            return h("div", {
+                key: node.id,
+                class: "tree-node",
+            }, h("div", {
+                class: `tree-node-row${hasChildren ? " tree-node-expandable" : ""}`,
+                style: `padding-left: ${indent + 8}px`,
+                onClick: hasChildren ? () => toggle(node.id) : undefined,
+                role: hasChildren ? "treeitem" : undefined,
+                "aria-expanded": hasChildren ? String(isOpen) : undefined,
+                tabIndex: hasChildren ? 0 : undefined,
+                onKeyDown: hasChildren ? (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        toggle(node.id);
+                    }
+                } : undefined,
+            }, 
+            // Connector lines: vertical line from parent, horizontal branch to this node
+            depth > 0
+                ? h("span", {
+                    class: `tree-line${isLast ? " tree-line-last" : ""}`,
+                    style: `left: ${indent - 12}px`,
+                    "aria-hidden": "true",
+                })
+                : null, 
+            // Expand/collapse icon
+            h("span", {
+                class: `tree-chevron${hasChildren && isOpen ? " tree-chevron-open" : ""}`,
+                "aria-hidden": "true",
+            }, hasChildren ? "\u25B6" : "\u2500"), 
+            // Node content rendered by parent
+            h("span", { class: "tree-node-content" }, renderNode(node, depth))), 
+            // Children (indented)
+            hasChildren && isOpen
+                ? h("div", {
+                    class: "tree-children",
+                    role: "group",
+                }, renderNodes(node.children, depth + 1, isLast))
+                : null);
+        }).filter(Boolean);
+    }
+    return h("div", {
+        class: "route-tree",
+        role: "tree",
+        "aria-label": "Tree view",
+    }, renderNodes(nodes, 0));
+}
+function expandForFilter(nodes, matchSet) {
+    const result = new Set();
+    function walk(ns) {
+        let anyMatch = false;
+        for (const n of ns) {
+            const childMatch = walk(n.children);
+            const selfMatch = matchSet.has(n.id);
+            if (selfMatch || childMatch) {
+                result.add(n.id);
+                anyMatch = true;
+            }
+        }
+        return anyMatch;
+    }
+    walk(nodes);
+    return result;
+}
+function nodeMatchesFilter(node, matchSet) {
+    if (matchSet.has(node.id))
+        return true;
+    return node.children.some((c) => nodeMatchesFilter(c, matchSet));
+}
+//# sourceMappingURL=tree-view.js.map

package/dist/viewer/components/data-display/tree-view.js.map

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

package/dist/viewer/components/data-display/zone-map.d.ts

@@ -0,0 +1,28 @@
+import type { Zone, ZoneCrossing } from "../../external.js";
+/**
+ * Zone Map - A hierarchical visualization of zones and their connections.
+ * Shows zones as grouped boxes with connection lines between them.
+ */
+interface ZoneMapProps {
+    zones: Zone[];
+    crossings: ZoneCrossing[];
+    selectedZone?: string | null;
+    onZoneClick?: (zoneId: string) => void;
+}
+export declare function ZoneMap({ zones, crossings, selectedZone, onZoneClick }: ZoneMapProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;
+/**
+ * Zone Detail Popup - Shows detailed info when a zone is selected.
+ */
+interface ZoneDetailProps {
+    zone: Zone;
+    crossings: ZoneCrossing[];
+    allZones: Zone[];
+    onClose: () => void;
+    onFileClick?: (path: string) => void;
+}
+export declare function ZoneDetail({ zone, crossings, allZones, onClose, onFileClick }: ZoneDetailProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;
+export {};