@n-dx/web 0.1.0

package/dist/viewer/components/concurrency-panel.js

@@ -0,0 +1,175 @@
+/**
+ * Concurrency Panel — displays real-time concurrent execution count,
+ * configured limits, and queue status in the Hench dashboard section.
+ *
+ * Data comes from GET /api/hench/concurrency (initial + polling fallback)
+ * and WebSocket "hench:concurrency-status" events (real-time updates).
+ *
+ * Shows:
+ * - Current/max concurrent process count with a visual bar
+ * - Slots available and utilization percentage
+ * - Queue length and pending task count
+ * - Visual indicators (color-coded) for approaching resource limits
+ */
+import { h } from "preact";
+import { useState, useEffect, useCallback, useRef } from "preact/hooks";
+// ── Helpers ──────────────────────────────────────────────────────────
+const LEVEL_CONFIG = {
+    low: {
+        color: "var(--green)",
+        barColor: "var(--green)",
+        label: "Available",
+        icon: "●",
+    },
+    moderate: {
+        color: "var(--accent)",
+        barColor: "var(--accent)",
+        label: "Active",
+        icon: "◐",
+    },
+    high: {
+        color: "var(--orange)",
+        barColor: "var(--orange)",
+        label: "Nearing limit",
+        icon: "◕",
+    },
+    at_limit: {
+        color: "var(--red)",
+        barColor: "var(--red)",
+        label: "At limit",
+        icon: "●",
+    },
+};
+/** Defaults when no data has been fetched yet. */
+const EMPTY_STATUS = {
+    processCount: 0,
+    maxConcurrent: 3,
+    slotsAvailable: 3,
+    level: "low",
+    utilization: 0,
+    totalRunning: 0,
+    dashboardActive: 0,
+    diskRunning: 0,
+    pendingTasks: 0,
+    timestamp: "",
+};
+// ── Component ────────────────────────────────────────────────────────
+export function ConcurrencyPanel() {
+    const [status, setStatus] = useState(EMPTY_STATUS);
+    const [loaded, setLoaded] = useState(false);
+    const wsRef = useRef(null);
+    // Fetch from REST endpoint
+    const fetchConcurrency = useCallback(async () => {
+        try {
+            const res = await fetch("/api/hench/concurrency");
+            if (res.ok) {
+                const data = await res.json();
+                setStatus(data);
+                setLoaded(true);
+            }
+        }
+        catch {
+            // Silently fail — will retry on next poll
+        }
+    }, []);
+    // WebSocket + polling
+    useEffect(() => {
+        let mounted = true;
+        fetchConcurrency();
+        // Connect to WebSocket for real-time updates
+        const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+        const wsUrl = `${protocol}//${window.location.host}`;
+        let ws = null;
+        try {
+            ws = new WebSocket(wsUrl);
+            wsRef.current = ws;
+            ws.onmessage = (event) => {
+                if (!mounted)
+                    return;
+                try {
+                    const msg = JSON.parse(event.data);
+                    if (msg.type === "hench:concurrency-status") {
+                        setStatus((prev) => ({
+                            processCount: msg.processCount,
+                            maxConcurrent: msg.maxConcurrent,
+                            slotsAvailable: msg.slotsAvailable,
+                            level: msg.level,
+                            utilization: msg.utilization,
+                            totalRunning: msg.totalRunning,
+                            dashboardActive: msg.dashboardActive,
+                            diskRunning: msg.diskRunning,
+                            pendingTasks: prev.pendingTasks, // WS doesn't include pending tasks; preserve from REST
+                            timestamp: msg.timestamp,
+                        }));
+                        setLoaded(true);
+                    }
+                }
+                catch {
+                    // Ignore malformed messages
+                }
+            };
+            ws.onclose = () => { wsRef.current = null; };
+        }
+        catch {
+            // WebSocket not available
+        }
+        // Poll as fallback every 15 seconds
+        const interval = setInterval(fetchConcurrency, 15_000);
+        return () => {
+            mounted = false;
+            clearInterval(interval);
+            if (ws) {
+                try {
+                    ws.close();
+                }
+                catch { /* ignore */ }
+            }
+            wsRef.current = null;
+        };
+    }, [fetchConcurrency]);
+    // Don't render until we have data
+    if (!loaded)
+        return null;
+    const { processCount, maxConcurrent, slotsAvailable, level, utilization, totalRunning, pendingTasks } = status;
+    const config = LEVEL_CONFIG[level];
+    const pct = Math.round(utilization * 100);
+    return h("div", {
+        class: `concurrency-panel concurrency-panel-${level}`,
+        role: "region",
+        "aria-label": "Concurrent execution status",
+    }, 
+    // Header row
+    h("div", { class: "concurrency-header" }, h("div", { class: "concurrency-header-left" }, h("span", {
+        class: `concurrency-icon concurrency-icon-${level}`,
+        "aria-hidden": "true",
+    }, config.icon), h("h3", { class: "concurrency-title" }, "Concurrency"), h("span", {
+        class: `concurrency-level-badge concurrency-level-${level}`,
+    }, config.label)), h("div", { class: "concurrency-header-right" }, h("span", {
+        class: "concurrency-ratio",
+        style: `color: ${config.color}`,
+    }, h("span", { class: "concurrency-ratio-current" }, String(processCount)), h("span", { class: "concurrency-ratio-sep" }, "/"), h("span", { class: "concurrency-ratio-max" }, String(maxConcurrent))))), 
+    // Utilization bar
+    h("div", { class: "concurrency-bar-container" }, h("div", {
+        class: "concurrency-bar-track",
+    }, h("div", {
+        class: `concurrency-bar-fill concurrency-bar-${level}`,
+        style: `width: ${pct}%`,
+        role: "progressbar",
+        "aria-valuenow": processCount,
+        "aria-valuemin": 0,
+        "aria-valuemax": maxConcurrent,
+        "aria-label": `${processCount} of ${maxConcurrent} concurrent processes`,
+    }), 
+    // Segment markers for each slot
+    ...Array.from({ length: maxConcurrent - 1 }, (_, i) => h("div", {
+        key: i,
+        class: "concurrency-bar-segment",
+        style: `left: ${((i + 1) / maxConcurrent) * 100}%`,
+        "aria-hidden": "true",
+    }))), h("span", { class: "concurrency-bar-pct" }, `${pct}%`)), 
+    // Stats row
+    h("div", { class: "concurrency-stats" }, h("div", { class: "concurrency-stat" }, h("span", { class: "concurrency-stat-value" }, String(slotsAvailable)), h("span", { class: "concurrency-stat-label" }, `slot${slotsAvailable === 1 ? "" : "s"} available`)), h("div", { class: "concurrency-stat" }, h("span", { class: "concurrency-stat-value" }, String(totalRunning)), h("span", { class: "concurrency-stat-label" }, `task${totalRunning === 1 ? "" : "s"} running`)), pendingTasks > 0
+        ? h("div", { class: "concurrency-stat" }, h("span", { class: "concurrency-stat-value concurrency-stat-pending" }, String(pendingTasks)), h("span", { class: "concurrency-stat-label" }, `pending task${pendingTasks === 1 ? "" : "s"}`))
+        : null));
+}
+//# sourceMappingURL=concurrency-panel.js.map

package/dist/viewer/components/concurrency-panel.js.map

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

package/dist/viewer/components/config-footer.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+export declare function ConfigFooter(): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "region";
+    "aria-label": string;
+}> | null;

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