@n-dx/web 0.1.0

package/dist/viewer/components/sidebar.js

@@ -0,0 +1,357 @@
+import { h } from "preact";
+import { useState, useEffect, useCallback, useRef, useMemo } from "preact/hooks";
+import { NdxLogoPng, ProductLogoPng } from "./logos.js";
+import { SidebarThemeToggle } from "./theme-toggle.js";
+import { GlobalFAQ } from "./faq.js";
+import { useProjectStatus, SvFreshnessIndicator, RexCompletionIndicator, HenchActivityIndicator, } from "./status-indicators.js";
+import { ConfigFooter } from "./config-footer.js";
+import { useProjectMetadata, useFeatureToggle } from "../hooks/index.js";
+import { SOURCEVISION_TABS } from "../views/sourcevision-tabs.js";
+const STORAGE_KEY = "sidebar-expanded-section";
+const NAV_ENTRIES = [
+    { type: "section", label: "SOURCEVISION", product: "sourcevision" },
+    ...SOURCEVISION_TABS.map((tab) => ({ type: "item", ...tab })),
+    { type: "section", label: "REX", product: "rex" },
+    { type: "item", id: "rex-dashboard", icon: "\u25A8", label: "Dashboard", minPass: 0 },
+    { type: "item", id: "prd", icon: "\u2611", label: "Tasks", minPass: 0 },
+    { type: "item", id: "validation", icon: "\u2714", label: "Validation", minPass: 0 },
+    { type: "item", id: "notion-config", icon: "\u{1F50C}", label: "Notion", minPass: 0, featureGate: "rex.notionSync" },
+    { type: "item", id: "integrations", icon: "\u{1F517}", label: "Integrations", minPass: 0, featureGate: "rex.integrations" },
+    { type: "section", label: "HENCH", product: "hench" },
+    { type: "item", id: "hench-runs", icon: "\u25B6", label: "Runs", minPass: 0 },
+    { type: "item", id: "hench-audit", icon: "\u2638", label: "Audit", minPass: 0 },
+    { type: "item", id: "hench-config", icon: "\u2699", label: "Config", minPass: 0 },
+    { type: "item", id: "hench-templates", icon: "\u25A6", label: "Templates", minPass: 0 },
+    { type: "item", id: "hench-optimization", icon: "\u26A1", label: "Optimization", minPass: 0 },
+    { type: "section", label: "TOKEN USAGE" },
+    { type: "item", id: "token-usage", icon: "\u229A", label: "Token Usage", minPass: 0 },
+    { type: "section", label: "SETTINGS" },
+    { type: "item", id: "feature-toggles", icon: "\u2699", label: "Feature Flags", minPass: 0 },
+];
+/** Group flat NAV_ENTRIES into sections with their items */
+function buildSections() {
+    const sections = [];
+    let current = null;
+    for (const entry of NAV_ENTRIES) {
+        if (entry.type === "section") {
+            current = { label: entry.label, product: entry.product, items: [] };
+            sections.push(current);
+        }
+        else if (current) {
+            current.items.push(entry);
+        }
+    }
+    return sections;
+}
+const SECTIONS = buildSections();
+/** Find which section label owns the given view */
+function sectionForView(view) {
+    for (const section of SECTIONS) {
+        if (section.items.some((item) => item.id === view)) {
+            return section.label;
+        }
+    }
+    return SECTIONS[0].label;
+}
+/** Expand the section that owns the active view so the highlighted item is always visible on load */
+function getInitialExpanded(view) {
+    return sectionForView(view);
+}
+/** Map section product to its first nav item for collapsed-rail click */
+const SECTION_DEFAULT_VIEW = {};
+for (const section of SECTIONS) {
+    if (section.product && section.items.length > 0) {
+        SECTION_DEFAULT_VIEW[section.product] = section.items[0].id;
+    }
+}
+export function Sidebar({ view, onNavigate, manifest, zones, sidebarCollapsed, onToggleSidebar, scope }) {
+    const [mobileOpen, setMobileOpen] = useState(false);
+    const projectStatus = useProjectStatus();
+    const projectMeta = useProjectMetadata();
+    // Feature-gated nav items: subscribe to toggle state
+    const callGraphEnabled = useFeatureToggle("sourcevision.callGraph", false);
+    const notionSyncEnabled = useFeatureToggle("rex.notionSync", false);
+    const integrationsEnabled = useFeatureToggle("rex.integrations", false);
+    const enabledGates = useMemo(() => {
+        const m = new Map();
+        m.set("sourcevision.callGraph", callGraphEnabled);
+        m.set("rex.notionSync", notionSyncEnabled);
+        m.set("rex.integrations", integrationsEnabled);
+        return m;
+    }, [callGraphEnabled, notionSyncEnabled, integrationsEnabled]);
+    /** Sections filtered by scope and feature gates. */
+    const visibleSections = useMemo(() => {
+        const scopeFiltered = scope && scope !== "all"
+            ? SECTIONS.filter((s) => s.product === scope || !s.product)
+            : SECTIONS;
+        // Filter out feature-gated items that are disabled
+        return scopeFiltered.map((s) => ({
+            ...s,
+            items: s.items.filter((item) => {
+                if (!item.featureGate)
+                    return true;
+                return enabledGates.get(item.featureGate) ?? false;
+            }),
+        }));
+    }, [scope, enabledGates]);
+    const [expandedSection, setExpandedSection] = useState(() => scope ? (visibleSections[0]?.label ?? getInitialExpanded(view)) : getInitialExpanded(view));
+    const enrichmentPass = zones?.enrichmentPass ?? 0;
+    const modules = manifest?.modules ?? {};
+    const moduleNames = ["inventory", "imports", "classifications", "zones", "components", "callgraph"];
+    const completedCount = moduleNames.filter((m) => modules[m]?.status === "complete").length;
+    /** The product that owns the current view */
+    const activeProduct = useMemo(() => {
+        const owning = sectionForView(view);
+        const section = SECTIONS.find((s) => s.label === owning);
+        return section?.product ?? null;
+    }, [view]);
+    /** The label of the currently active nav item */
+    const activeLabel = useMemo(() => {
+        for (const section of SECTIONS) {
+            const found = section.items.find((item) => item.id === view);
+            if (found)
+                return found.label;
+        }
+        return null;
+    }, [view]);
+    const handleNav = useCallback((id) => {
+        onNavigate(id);
+        setMobileOpen(false);
+    }, [onNavigate]);
+    const toggleSection = useCallback((label) => {
+        setExpandedSection((prev) => {
+            const next = prev === label ? "" : label;
+            try {
+                localStorage.setItem(STORAGE_KEY, next);
+            }
+            catch { /* noop */ }
+            return next;
+        });
+    }, []);
+    // When the active view changes to a different section, auto-expand that section
+    const prevViewRef = useRef(view);
+    useEffect(() => {
+        if (prevViewRef.current === view)
+            return;
+        prevViewRef.current = view;
+        const owning = sectionForView(view);
+        setExpandedSection((prev) => {
+            if (prev === owning)
+                return prev;
+            try {
+                localStorage.setItem(STORAGE_KEY, owning);
+            }
+            catch { /* noop */ }
+            return owning;
+        });
+    }, [view]);
+    // Global keyboard shortcut: Cmd/Ctrl + B to toggle sidebar
+    useEffect(() => {
+        const handler = (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === "b") {
+                e.preventDefault();
+                onToggleSidebar();
+            }
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+    }, [onToggleSidebar]);
+    // Close mobile sidebar on backdrop click / Escape
+    useEffect(() => {
+        if (!mobileOpen)
+            return;
+        const handleEscape = (e) => {
+            if (e.key === "Escape")
+                setMobileOpen(false);
+        };
+        window.addEventListener("keydown", handleEscape);
+        return () => window.removeEventListener("keydown", handleEscape);
+    }, [mobileOpen]);
+    return h("div", {
+        class: `sidebar${mobileOpen ? " mobile-open" : ""}${sidebarCollapsed ? " sidebar-collapsed" : ""}`,
+        role: "navigation",
+        "aria-label": "Main navigation",
+    }, 
+    // ── Collapsed rail: visible only when sidebar is collapsed (desktop) ──
+    sidebarCollapsed
+        ? h("div", { class: "sidebar-rail", "aria-label": "Collapsed navigation" }, 
+        // Logo — scoped: product logo, unscoped: n-dx logo
+        h("div", {
+            class: "sidebar-rail-logo",
+            onClick: () => handleNav(visibleSections[0]?.items[0]?.id ?? "overview"),
+            role: "button",
+            tabIndex: 0,
+            title: scope ? `${scope} \u2014 Home` : "n-dx \u2014 Overview",
+            "aria-label": scope ? `Go to ${scope} home` : "Go to Overview",
+            onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    handleNav(visibleSections[0]?.items[0]?.id ?? "overview");
+                }
+            },
+        }, scope
+            ? h(ProductLogoPng, { product: scope, size: 48 })
+            : h(NdxLogoPng, { size: 48 })), h("div", { class: "sidebar-rail-divider", "aria-hidden": "true" }), 
+        // Section icons
+        h("nav", { class: "sidebar-rail-nav", "aria-label": "Section navigation" }, visibleSections.filter((s) => s.product).map((section) => {
+            const product = section.product;
+            const isActive = activeProduct === product;
+            const defaultView = SECTION_DEFAULT_VIEW[product];
+            return h("button", {
+                key: product,
+                class: `sidebar-rail-section${isActive ? " sidebar-rail-section-active" : ""} sidebar-rail-section-${product}`,
+                onClick: () => handleNav(defaultView),
+                title: `${section.label}${isActive && activeLabel ? ` \u2014 ${activeLabel}` : ""}`,
+                "aria-label": `${section.label}${isActive ? " (current section)" : ""}`,
+                "aria-current": isActive ? "true" : undefined,
+            }, isActive
+                ? h("span", { class: "sidebar-rail-accent", "aria-hidden": "true" })
+                : null, h(ProductLogoPng, { product, size: 48, class: "sidebar-rail-icon" }));
+        })), 
+        // Expand button at bottom
+        h("button", {
+            class: "sidebar-rail-expand",
+            onClick: onToggleSidebar,
+            "aria-label": "Expand sidebar",
+            title: "Expand sidebar (\u2318B)",
+        }, h("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }, h("path", { d: "M5 2l6 6-6 6" }))))
+        : null, h("div", { class: "sidebar-header" }, h("div", { class: "sidebar-brand" }, scope
+        ? h(ProductLogoPng, { product: scope, size: 36, class: "sidebar-logo" })
+        : h(NdxLogoPng, { size: 20, class: "sidebar-logo-sm" }), h("div", { class: "sidebar-brand-text" }, 
+    // Project name is primary — large and prominent
+    h("h1", {
+        class: "sidebar-project-name",
+        title: projectMeta?.name ?? undefined,
+    }, projectMeta?.name ?? (scope ?? "n-dx")), 
+    // n-dx or product branding is secondary — small muted label
+    scope
+        ? h("div", { class: "sidebar-subtitle" }, "standalone viewer")
+        : h("div", { class: "sidebar-subtitle" }, "n-dx"))), h("button", {
+        class: "mobile-menu-btn",
+        onClick: () => setMobileOpen(!mobileOpen),
+        "aria-label": mobileOpen ? "Close menu" : "Open menu",
+        "aria-expanded": String(mobileOpen),
+    }, mobileOpen ? "\u2715" : "\u2630")), h("nav", { class: "sidebar-nav", "aria-label": "View navigation" }, visibleSections.map((section) => {
+        const isExpanded = expandedSection === section.label;
+        return h("div", { key: section.label, class: "nav-section" }, 
+        // Section header (clickable)
+        h("div", {
+            class: `nav-section-header${section.product ? ` nav-section-${section.product}` : ""}`,
+            role: "button",
+            tabIndex: 0,
+            "aria-expanded": String(isExpanded),
+            "aria-controls": `nav-section-${section.label}`,
+            onClick: () => toggleSection(section.label),
+            onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    toggleSection(section.label);
+                }
+            },
+        }, section.product
+            ? h(ProductLogoPng, { product: section.product, size: 40, class: "nav-section-logo" })
+            : null, h("span", { class: "nav-section-label" }, section.label), h("svg", {
+            class: `nav-section-chevron${isExpanded ? " nav-section-chevron-open" : ""}`,
+            width: 12,
+            height: 12,
+            viewBox: "0 0 12 12",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "aria-hidden": "true",
+        }, h("path", { d: "M3 4.5l3 3 3-3" }))), 
+        // Section items (collapsible)
+        h("div", {
+            id: `nav-section-${section.label}`,
+            class: `nav-section-items${isExpanded ? "" : " nav-section-items-collapsed"}`,
+            role: "group",
+            "aria-label": `${section.label} views`,
+        }, section.items.map((entry) => {
+            const locked = entry.minPass > 0 && enrichmentPass < entry.minPass;
+            return h("div", {
+                key: entry.id,
+                class: `nav-item ${view === entry.id ? "active" : ""} ${locked ? "locked" : ""}`,
+                onClick: locked ? undefined : () => handleNav(entry.id),
+                role: "button",
+                tabIndex: locked || !isExpanded ? -1 : 0,
+                "aria-current": view === entry.id ? "page" : undefined,
+                "aria-disabled": locked ? "true" : undefined,
+                onKeyDown: (e) => {
+                    if (!locked && (e.key === "Enter" || e.key === " ")) {
+                        e.preventDefault();
+                        handleNav(entry.id);
+                    }
+                },
+            }, h("span", { class: "nav-icon", "aria-hidden": "true" }, entry.icon), entry.label, locked
+                ? h("span", { class: "nav-badge" }, `P${entry.minPass}`)
+                : null);
+        }), 
+        // Analysis progress indicator (inside SourceVision section)
+        section.product === "sourcevision" && manifest
+            ? h("div", {
+                class: "sidebar-progress",
+                role: "button",
+                tabIndex: isExpanded ? 0 : -1,
+                "aria-label": `Analysis progress: ${completedCount} of ${moduleNames.length} complete — click to view`,
+                onClick: () => handleNav("overview"),
+                onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        handleNav("overview");
+                    }
+                },
+            }, h("div", { class: "progress-label" }, `Analysis: ${completedCount}/${moduleNames.length}`), h("div", { class: "progress-bar", role: "progressbar", "aria-valuenow": String(completedCount), "aria-valuemin": "0", "aria-valuemax": String(moduleNames.length) }, h("div", {
+                class: "progress-fill",
+                style: `width: ${(completedCount / moduleNames.length) * 100}%`,
+            })), h("div", { class: "progress-modules" }, moduleNames.map((m) => {
+                const status = modules[m]?.status;
+                const icon = status === "complete" ? "\u2713" : status === "error" ? "\u2717" : "\u25CB";
+                const cls = status === "complete" ? "done" : status === "error" ? "error" : "";
+                return h("span", { key: m, class: `progress-module ${cls}`, title: m }, icon);
+            })))
+            : null, 
+        // SourceVision freshness status indicator
+        section.product === "sourcevision" && projectStatus?.sv
+            ? h(SvFreshnessIndicator, {
+                status: projectStatus.sv,
+                onNavigate: handleNav,
+                tabIndex: isExpanded ? 0 : -1,
+            })
+            : null, 
+        // Rex PRD completion indicator
+        section.product === "rex" && projectStatus?.rex
+            ? h(RexCompletionIndicator, {
+                status: projectStatus.rex,
+                onNavigate: handleNav,
+                tabIndex: isExpanded ? 0 : -1,
+            })
+            : null, 
+        // Hench activity indicator
+        section.product === "hench" && projectStatus?.hench
+            ? h(HenchActivityIndicator, {
+                status: projectStatus.hench,
+                onNavigate: handleNav,
+                tabIndex: isExpanded ? 0 : -1,
+            })
+            : null));
+    })), 
+    // Sidebar footer with config display, collapse toggle, and theme toggle
+    !sidebarCollapsed
+        ? h("div", { class: "sidebar-footer", role: "group", "aria-label": "Sidebar controls" }, h("div", { class: "sidebar-footer-divider", "aria-hidden": "true" }), h(ConfigFooter, null), h("div", { class: "sidebar-footer-divider", "aria-hidden": "true" }), h("div", { class: "sidebar-footer-controls" }, h(SidebarThemeToggle, null), h(GlobalFAQ, null), h("button", {
+            class: "sidebar-control-btn sidebar-collapse-btn",
+            onClick: onToggleSidebar,
+            title: "Collapse sidebar (\u2318B)",
+            "aria-label": "Collapse sidebar",
+        }, h("svg", { width: 14, height: 14, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }, h("path", { d: "M11 2L5 8l6 6" })))))
+        : null, 
+    // Mobile backdrop
+    mobileOpen
+        ? h("div", {
+            class: "sidebar-backdrop",
+            onClick: () => setMobileOpen(false),
+            "aria-hidden": "true",
+        })
+        : null);
+}
+//# sourceMappingURL=sidebar.js.map

package/dist/viewer/components/sidebar.js.map

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

package/dist/viewer/components/status-indicators.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Sidebar status indicators — compact health badges for each product section.
+ *
+ * Pure presentation components that render status data as sidebar badges.
+ * The infrastructure coupling (polling, WebSocket, messaging) lives in the
+ * `use-project-status` hook, following the consistent hook abstraction
+ * pattern used across all infrastructure services.
+ */
+import type { ViewId } from "../types.js";
+export { useProjectStatus } from "../hooks/index.js";
+export type { ProjectStatus, SourceVisionStatus, RexStatus, HenchStatus, } from "../hooks/index.js";
+import type { SourceVisionStatus, RexStatus, HenchStatus } from "../hooks/index.js";
+interface SvIndicatorProps {
+    status: SourceVisionStatus;
+    onNavigate: (view: ViewId) => void;
+    tabIndex: number;
+}
+export declare function SvFreshnessIndicator({ status, onNavigate, tabIndex }: SvIndicatorProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "status";
+    "aria-label": string;
+}> | import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "button";
+    tabIndex: number;
+    "aria-label": string;
+    onClick: () => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+}>;
+interface RexIndicatorProps {
+    status: RexStatus;
+    onNavigate: (view: ViewId) => void;
+    tabIndex: number;
+}
+export declare function RexCompletionIndicator({ status, onNavigate, tabIndex }: RexIndicatorProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "status";
+    "aria-label": string;
+}> | import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "button";
+    tabIndex: number;
+    "aria-label": string;
+    onClick: () => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+}>;
+interface HenchIndicatorProps {
+    status: HenchStatus;
+    onNavigate: (view: ViewId) => void;
+    tabIndex: number;
+}
+export declare function HenchActivityIndicator({ status, onNavigate, tabIndex }: HenchIndicatorProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "status";
+    "aria-label": string;
+}> | import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "button";
+    tabIndex: number;
+    "aria-label": string;
+    onClick: () => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+}>;

package/dist/viewer/components/status-indicators.js

@@ -0,0 +1,136 @@
+/**
+ * Sidebar status indicators — compact health badges for each product section.
+ *
+ * Pure presentation components that render status data as sidebar badges.
+ * The infrastructure coupling (polling, WebSocket, messaging) lives in the
+ * `use-project-status` hook, following the consistent hook abstraction
+ * pattern used across all infrastructure services.
+ */
+import { h } from "preact";
+// Re-export hook and types from the canonical hooks location.
+// This preserves backward-compatibility for any consumer that imported
+// from this module before the extraction.
+export { useProjectStatus } from "../hooks/index.js";
+// ---------------------------------------------------------------------------
+// Formatting helpers
+// ---------------------------------------------------------------------------
+function formatTimeAgo(minutes) {
+    if (minutes < 1)
+        return "just now";
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    return `${days}d ago`;
+}
+export function SvFreshnessIndicator({ status, onNavigate, tabIndex }) {
+    if (status.freshness === "unavailable") {
+        return h("div", {
+            class: "sidebar-indicator sidebar-indicator-warning",
+            role: "status",
+            "aria-label": "SourceVision analysis not available",
+        }, h("span", { class: "indicator-dot indicator-dot-unavailable", "aria-hidden": "true" }), h("span", { class: "indicator-text" }, "No analysis"));
+    }
+    const isStale = status.freshness === "stale";
+    const timeLabel = status.minutesAgo != null ? formatTimeAgo(status.minutesAgo) : "";
+    return h("div", {
+        class: `sidebar-indicator${isStale ? " sidebar-indicator-warning" : " sidebar-indicator-ok"}`,
+        role: "button",
+        tabIndex,
+        "aria-label": `Analysis ${isStale ? "stale" : "fresh"}${timeLabel ? ` — last run ${timeLabel}` : ""} — click to view`,
+        onClick: () => onNavigate("overview"),
+        onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onNavigate("overview");
+            }
+        },
+    }, h("span", {
+        class: `indicator-dot ${isStale ? "indicator-dot-stale" : "indicator-dot-fresh"}`,
+        "aria-hidden": "true",
+    }), h("span", { class: "indicator-text" }, isStale ? `Stale (${timeLabel})` : `Fresh (${timeLabel})`));
+}
+export function RexCompletionIndicator({ status, onNavigate, tabIndex }) {
+    if (!status.exists) {
+        return h("div", {
+            class: "sidebar-indicator sidebar-indicator-warning",
+            role: "status",
+            "aria-label": "No PRD data",
+        }, h("span", { class: "indicator-dot indicator-dot-unavailable", "aria-hidden": "true" }), h("span", { class: "indicator-text" }, "No PRD"));
+    }
+    const { percentComplete, stats, hasPending, hasInProgress, nextTaskTitle } = status;
+    const total = stats?.total ?? 0;
+    const completed = stats?.completed ?? 0;
+    const inProgress = stats?.inProgress ?? 0;
+    const pending = stats?.pending ?? 0;
+    // Color the progress bar based on activity
+    const barClass = hasInProgress ? "indicator-fill-active" : "indicator-fill-default";
+    const ariaLabel = [
+        `PRD: ${percentComplete}% complete`,
+        `${completed}/${total} tasks done`,
+        inProgress > 0 ? `${inProgress} in progress` : null,
+        pending > 0 ? `${pending} pending` : null,
+        nextTaskTitle ? `Next: ${nextTaskTitle}` : null,
+    ].filter(Boolean).join(", ");
+    return h("div", {
+        class: "sidebar-indicator sidebar-indicator-prd",
+        role: "button",
+        tabIndex,
+        "aria-label": `${ariaLabel} — click to view`,
+        onClick: () => onNavigate("rex-dashboard"),
+        onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onNavigate("rex-dashboard");
+            }
+        },
+    }, 
+    // Top row: percentage + task counts
+    h("div", { class: "indicator-row" }, h("span", { class: "indicator-pct" }, `${percentComplete}%`), h("span", { class: "indicator-meta" }, total > 0
+        ? `${completed}/${total}`
+        : "empty"), hasInProgress
+        ? h("span", { class: "indicator-badge indicator-badge-active", title: `${inProgress} in progress` }, inProgress)
+        : null, hasPending
+        ? h("span", { class: "indicator-badge indicator-badge-pending", title: `${pending} pending` }, pending)
+        : null), 
+    // Progress bar
+    h("div", { class: "indicator-bar", role: "progressbar", "aria-valuenow": String(percentComplete), "aria-valuemin": "0", "aria-valuemax": "100" }, h("div", {
+        class: `indicator-fill ${barClass}`,
+        style: `width: ${percentComplete}%`,
+    })), 
+    // Next task hint (if available)
+    nextTaskTitle
+        ? h("div", { class: "indicator-next", title: nextTaskTitle }, h("span", { class: "indicator-next-label" }, "Next: "), nextTaskTitle)
+        : null);
+}
+export function HenchActivityIndicator({ status, onNavigate, tabIndex }) {
+    if (!status.configured) {
+        return h("div", {
+            class: "sidebar-indicator sidebar-indicator-warning",
+            role: "status",
+            "aria-label": "Hench not configured",
+        }, h("span", { class: "indicator-dot indicator-dot-unavailable", "aria-hidden": "true" }), h("span", { class: "indicator-text" }, "Not configured"));
+    }
+    const hasStaleRuns = status.staleRuns > 0;
+    return h("div", {
+        class: `sidebar-indicator ${hasStaleRuns ? "sidebar-indicator-warning" : "sidebar-indicator-ok"}`,
+        role: "button",
+        tabIndex,
+        "aria-label": `Hench: ${status.totalRuns} runs${hasStaleRuns ? `, ${status.staleRuns} stuck` : ""} — click to view`,
+        onClick: () => onNavigate("hench-runs"),
+        onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onNavigate("hench-runs");
+            }
+        },
+    }, h("span", {
+        class: `indicator-dot ${hasStaleRuns ? "indicator-dot-stale" : "indicator-dot-fresh"}`,
+        "aria-hidden": "true",
+    }), h("span", { class: "indicator-text" }, hasStaleRuns
+        ? `${status.staleRuns} stuck run${status.staleRuns === 1 ? "" : "s"}`
+        : `${status.totalRuns} run${status.totalRuns === 1 ? "" : "s"}`));
+}
+//# sourceMappingURL=status-indicators.js.map

package/dist/viewer/components/status-indicators.js.map

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

package/dist/viewer/components/theme-toggle.d.ts

@@ -0,0 +1,8 @@
+export declare function initTheme(): void;
+/** Theme toggle styled for the sidebar controls area */
+export declare function SidebarThemeToggle(): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    onClick: () => void;
+    title: string;
+    "aria-label": string;
+}>;

package/dist/viewer/components/theme-toggle.js

@@ -0,0 +1,28 @@
+import { h } from "preact";
+import { useState } from "preact/hooks";
+export function initTheme() {
+    const stored = localStorage.getItem("sv-theme");
+    const preferred = stored || (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark");
+    document.documentElement.setAttribute("data-theme", preferred);
+}
+function useThemeToggle() {
+    const [theme, setTheme] = useState(() => document.documentElement.getAttribute("data-theme") || "dark");
+    const toggle = () => {
+        const next = theme === "dark" ? "light" : "dark";
+        document.documentElement.setAttribute("data-theme", next);
+        localStorage.setItem("sv-theme", next);
+        setTheme(next);
+    };
+    return { theme, toggle };
+}
+/** Theme toggle styled for the sidebar controls area */
+export function SidebarThemeToggle() {
+    const { theme, toggle } = useThemeToggle();
+    return h("button", {
+        class: "sidebar-control-btn",
+        onClick: toggle,
+        title: theme === "dark" ? "Switch to light mode" : "Switch to dark mode",
+        "aria-label": theme === "dark" ? "Switch to light mode" : "Switch to dark mode",
+    }, theme === "dark" ? "\u2600" : "\u263E");
+}
+//# sourceMappingURL=theme-toggle.js.map