@n-dx/core 0.1.0

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

@@ -0,0 +1,42 @@
+/**
+ * PNG-based logo components for n-dx and its sub-products.
+ *
+ * The original SVG logo components (NdxLogo, SourceVisionLogo, RexLogo,
+ * HenchLogo) were replaced by PNG versions for better visual fidelity.
+ */
+interface LogoProps {
+    size?: number;
+    class?: string;
+}
+/** PNG logo for n-dx brand mark */
+export declare function NdxLogoPng({ size, class: cls }: LogoProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    src: string;
+    width: number;
+    height: number;
+    alt: string;
+    "aria-hidden": "true";
+    class: string;
+}>;
+/** PNG logo for a product section (sourcevision, rex, hench) */
+export declare function ProductLogoPng({ product, size, class: cls }: LogoProps & {
+    product: string;
+}): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    src: string;
+    width: number;
+    height: number;
+    alt: string;
+    "aria-hidden": "true";
+    class: string;
+}> | null;
+/**
+ * Renders a branded section header with a product logo and title.
+ * Used in both the sidebar (compact mode) and view page headers (full mode).
+ */
+export declare function BrandedHeader({ product, title, class: cls }: {
+    product: "sourcevision" | "rex" | "hench";
+    title: string;
+    class?: string;
+}): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;
+export {};

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

@@ -0,0 +1,46 @@
+/**
+ * PNG-based logo components for n-dx and its sub-products.
+ *
+ * The original SVG logo components (NdxLogo, SourceVisionLogo, RexLogo,
+ * HenchLogo) were replaced by PNG versions for better visual fidelity.
+ */
+import { h } from "preact";
+/* ── PNG-based logo components ── */
+const PRODUCT_PNG = {
+    sourcevision: "/SourceVision-F.png",
+    rex: "/Rex-F.png",
+    hench: "/Hench-F.png",
+};
+/** PNG logo for n-dx brand mark */
+export function NdxLogoPng({ size = 36, class: cls }) {
+    return h("img", {
+        src: "/n-dx.png",
+        width: size,
+        height: size,
+        alt: "",
+        "aria-hidden": "true",
+        class: `logo logo-ndx-png${cls ? ` ${cls}` : ""}`,
+    });
+}
+/** PNG logo for a product section (sourcevision, rex, hench) */
+export function ProductLogoPng({ product, size = 20, class: cls }) {
+    const src = PRODUCT_PNG[product];
+    if (!src)
+        return null;
+    return h("img", {
+        src,
+        width: size,
+        height: size,
+        alt: "",
+        "aria-hidden": "true",
+        class: `logo logo-product-png${cls ? ` ${cls}` : ""}`,
+    });
+}
+/**
+ * Renders a branded section header with a product logo and title.
+ * Used in both the sidebar (compact mode) and view page headers (full mode).
+ */
+export function BrandedHeader({ product, title, class: cls }) {
+    return h("div", { class: `branded-header${cls ? ` ${cls}` : ""}` }, h(ProductLogoPng, { product, size: 16, class: "branded-header-logo" }), h("span", { class: "branded-header-label" }, title));
+}
+//# sourceMappingURL=logos.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logos.js","sourceRoot":"","sources":["../../../src/viewer/components/logos.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAO3B,qCAAqC;AAErC,MAAM,WAAW,GAA2B;IAC1C,YAAY,EAAE,qBAAqB;IACnC,GAAG,EAAE,YAAY;IACjB,KAAK,EAAE,cAAc;CACtB,CAAC;AAEF,mCAAmC;AACnC,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAa;IAC7D,OAAO,CAAC,CAAC,KAAK,EAAE;QACd,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,GAAG,EAAE,EAAE;QACP,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,oBAAoB,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;KAClD,CAAC,CAAC;AACL,CAAC;AAED,gEAAgE;AAChE,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAmC;IAChG,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,OAAO,CAAC,CAAC,KAAK,EAAE;QACd,GAAG;QACH,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,GAAG,EAAE,EAAE;QACP,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,wBAAwB,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;KACtD,CAAC,CAAC;AACL,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAIzD;IACC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAChE,CAAC,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC,EACtE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,KAAK,CAAC,CACpD,CAAC;AACJ,CAAC"}

package/packages/web/dist/viewer/components/memory-panel.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Memory Panel — displays system memory usage, per-process memory consumption,
+ * and resource health indicators in the Hench dashboard section.
+ *
+ * Data comes from GET /api/hench/memory (initial + polling fallback)
+ * and WebSocket "hench:memory-status" events (real-time updates).
+ *
+ * Shows:
+ * - System memory usage percentage with a visual bar
+ * - Server process (n-dx web) memory consumption
+ * - Per-task process memory for active executions
+ * - Resource health indicators (healthy/warning/critical)
+ * - Memory pressure warnings when usage is high
+ */
+export declare function MemoryPanel(): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "region";
+    "aria-label": string;
+}> | null;

package/packages/web/dist/viewer/components/memory-panel.js

@@ -0,0 +1,181 @@
+/**
+ * Memory Panel — displays system memory usage, per-process memory consumption,
+ * and resource health indicators in the Hench dashboard section.
+ *
+ * Data comes from GET /api/hench/memory (initial + polling fallback)
+ * and WebSocket "hench:memory-status" events (real-time updates).
+ *
+ * Shows:
+ * - System memory usage percentage with a visual bar
+ * - Server process (n-dx web) memory consumption
+ * - Per-task process memory for active executions
+ * - Resource health indicators (healthy/warning/critical)
+ * - Memory pressure warnings when usage is high
+ */
+import { h } from "preact";
+import { useState, useEffect, useCallback, useRef } from "preact/hooks";
+// ── Helpers ──────────────────────────────────────────────────────────
+const HEALTH_CONFIG = {
+    healthy: {
+        color: "var(--green)",
+        barColor: "var(--green)",
+        label: "Healthy",
+        icon: "●",
+    },
+    warning: {
+        color: "var(--orange)",
+        barColor: "var(--orange)",
+        label: "Pressure",
+        icon: "◕",
+    },
+    critical: {
+        color: "var(--red)",
+        barColor: "var(--red)",
+        label: "Critical",
+        icon: "●",
+    },
+};
+/** Format bytes into a human-readable string. */
+function formatBytes(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    const kb = bytes / 1024;
+    if (kb < 1024)
+        return `${Math.round(kb)} KB`;
+    const mb = kb / 1024;
+    if (mb < 1024)
+        return `${mb.toFixed(1)} MB`;
+    const gb = mb / 1024;
+    return `${gb.toFixed(1)} GB`;
+}
+/** Defaults when no data has been fetched yet. */
+const EMPTY_STATUS = {
+    system: { totalBytes: 0, freeBytes: 0, usedBytes: 0, usedPercent: 0 },
+    server: { pid: 0, rssBytes: 0, heapUsedBytes: 0, heapTotalBytes: 0, externalBytes: 0 },
+    processes: [],
+    health: "healthy",
+    loadAvg: [0, 0, 0],
+    cpuCount: 1,
+    timestamp: "",
+};
+// ── Component ────────────────────────────────────────────────────────
+export function MemoryPanel() {
+    const [status, setStatus] = useState(EMPTY_STATUS);
+    const [loaded, setLoaded] = useState(false);
+    const wsRef = useRef(null);
+    // Fetch from REST endpoint
+    const fetchMemory = useCallback(async () => {
+        try {
+            const res = await fetch("/api/hench/memory");
+            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;
+        fetchMemory();
+        // 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:memory-status") {
+                        setStatus({
+                            system: msg.system,
+                            server: msg.server,
+                            processes: msg.processes,
+                            health: msg.health,
+                            loadAvg: msg.loadAvg,
+                            cpuCount: msg.cpuCount,
+                            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(fetchMemory, 15_000);
+        return () => {
+            mounted = false;
+            clearInterval(interval);
+            if (ws) {
+                try {
+                    ws.close();
+                }
+                catch { /* ignore */ }
+            }
+            wsRef.current = null;
+        };
+    }, [fetchMemory]);
+    // Don't render until we have data
+    if (!loaded)
+        return null;
+    const { system, server, processes, health, loadAvg, cpuCount } = status;
+    const config = HEALTH_CONFIG[health];
+    return h("div", {
+        class: `memory-panel memory-panel-${health}`,
+        role: "region",
+        "aria-label": "System memory and resource status",
+    }, 
+    // Header row
+    h("div", { class: "memory-header" }, h("div", { class: "memory-header-left" }, h("span", {
+        class: `memory-icon memory-icon-${health}`,
+        "aria-hidden": "true",
+    }, config.icon), h("h3", { class: "memory-title" }, "Memory"), h("span", {
+        class: `memory-health-badge memory-health-${health}`,
+    }, config.label)), h("div", { class: "memory-header-right" }, h("span", {
+        class: "memory-pct-display",
+        style: `color: ${config.color}`,
+    }, h("span", { class: "memory-pct-value" }, `${system.usedPercent}`), h("span", { class: "memory-pct-sign" }, "%")))), 
+    // Memory pressure warning (only for warning/critical)
+    health !== "healthy"
+        ? h("div", { class: `memory-pressure-alert memory-pressure-${health}` }, h("span", { class: "memory-pressure-icon", "aria-hidden": "true" }, health === "critical" ? "▲" : "△"), h("span", { class: "memory-pressure-text" }, health === "critical"
+            ? "System memory critically low — task performance may degrade"
+            : "Memory usage elevated — monitor for potential issues"))
+        : null, 
+    // System memory bar
+    h("div", { class: "memory-bar-container" }, h("div", { class: "memory-bar-label" }, h("span", null, "System"), h("span", { class: "memory-bar-detail" }, `${formatBytes(system.usedBytes)} / ${formatBytes(system.totalBytes)}`)), h("div", { class: "memory-bar-track" }, h("div", {
+        class: `memory-bar-fill memory-bar-${health}`,
+        style: `width: ${system.usedPercent}%`,
+        role: "progressbar",
+        "aria-valuenow": system.usedPercent,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": `System memory: ${system.usedPercent}% used`,
+    }))), 
+    // Server process memory
+    h("div", { class: "memory-bar-container" }, h("div", { class: "memory-bar-label" }, h("span", null, "Server (n-dx)"), h("span", { class: "memory-bar-detail" }, formatBytes(server.rssBytes))), h("div", { class: "memory-bar-track" }, h("div", {
+        class: "memory-bar-fill memory-bar-server",
+        style: `width: ${system.totalBytes > 0 ? Math.min(100, Math.round((server.rssBytes / system.totalBytes) * 100)) : 0}%`,
+        "aria-label": `Server process: ${formatBytes(server.rssBytes)}`,
+    }))), 
+    // Per-task process memory (only shown when there are active tasks)
+    processes.length > 0
+        ? h("div", { class: "memory-processes" }, h("div", { class: "memory-processes-header" }, h("span", { class: "memory-processes-title" }, "Task Processes"), h("span", { class: "memory-processes-count" }, String(processes.length))), ...processes.map((proc) => h("div", { key: proc.taskId, class: "memory-process-row" }, h("div", { class: "memory-process-info" }, h("span", { class: "memory-process-name" }, proc.taskTitle), h("span", { class: "memory-process-pid" }, `PID ${proc.pid}`)), h("span", { class: "memory-process-rss" }, formatBytes(proc.rssBytes)))))
+        : null, 
+    // Stats row: load average and CPU info
+    h("div", { class: "memory-stats" }, h("div", { class: "memory-stat" }, h("span", { class: "memory-stat-value" }, formatBytes(system.freeBytes)), h("span", { class: "memory-stat-label" }, "free")), h("div", { class: "memory-stat" }, h("span", { class: "memory-stat-value" }, loadAvg[0].toFixed(2)), h("span", { class: "memory-stat-label" }, "load (1m)")), h("div", { class: "memory-stat" }, h("span", { class: "memory-stat-value" }, String(cpuCount)), h("span", { class: "memory-stat-label" }, `CPU${cpuCount === 1 ? "" : "s"}`))));
+}
+//# sourceMappingURL=memory-panel.js.map

package/packages/web/dist/viewer/components/memory-panel.js.map

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

package/packages/web/dist/viewer/components/memory-warning.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Memory warning banner component.
+ *
+ * Displays a non-intrusive banner when memory usage approaches browser limits.
+ * Provides actionable guidance based on the severity level. The banner is
+ * dismissible but reappears if the level escalates.
+ */
+import type { MemorySnapshot, MemoryLevel } from "../performance/index.js";
+export interface MemoryWarningProps {
+    /** Current memory snapshot (null = no data yet). */
+    snapshot: MemorySnapshot | null;
+    /** Current memory warning level. */
+    level: MemoryLevel;
+    /** Whether the banner should be visible. */
+    visible: boolean;
+    /** Called when the user dismisses the banner. */
+    onDismiss: () => void;
+}
+export declare function MemoryWarningBanner({ snapshot, level, visible, onDismiss, }: MemoryWarningProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    role: "alert";
+    "aria-live": "assertive";
+}> | null;

package/packages/web/dist/viewer/components/memory-warning.js

@@ -0,0 +1,42 @@
+/**
+ * Memory warning banner component.
+ *
+ * Displays a non-intrusive banner when memory usage approaches browser limits.
+ * Provides actionable guidance based on the severity level. The banner is
+ * dismissible but reappears if the level escalates.
+ */
+import { h } from "preact";
+import { formatBytes, formatRatio } from "../performance/index.js";
+const LEVEL_CONFIG = {
+    warning: {
+        icon: "\u26A0\uFE0F",
+        label: "High memory usage",
+        className: "memory-warning-banner memory-warning-level-warning",
+        advice: "Consider closing the graph view or other heavy views to free memory.",
+    },
+    critical: {
+        icon: "\uD83D\uDED1",
+        label: "Critical memory usage",
+        className: "memory-warning-banner memory-warning-level-critical",
+        advice: "Memory is nearly exhausted. Close heavy views or refresh the page to avoid a crash.",
+    },
+};
+export function MemoryWarningBanner({ snapshot, level, visible, onDismiss, }) {
+    if (!visible || (level !== "warning" && level !== "critical"))
+        return null;
+    const cfg = LEVEL_CONFIG[level];
+    const used = snapshot ? formatBytes(snapshot.usedJSHeapSize) : "N/A";
+    const limit = snapshot ? formatBytes(snapshot.jsHeapSizeLimit) : "N/A";
+    const ratio = snapshot ? formatRatio(snapshot.usageRatio) : "N/A";
+    return h("div", {
+        class: cfg.className,
+        role: "alert",
+        "aria-live": "assertive",
+    }, h("div", { class: "memory-warning-content" }, h("span", { class: "memory-warning-icon", "aria-hidden": "true" }, cfg.icon), h("div", { class: "memory-warning-text" }, h("strong", null, cfg.label), h("span", { class: "memory-warning-detail" }, ` — ${ratio} of heap used (${used} / ${limit})`), h("p", { class: "memory-warning-advice" }, cfg.advice)), h("button", {
+        class: "memory-warning-dismiss",
+        onClick: onDismiss,
+        "aria-label": "Dismiss memory warning",
+        type: "button",
+    }, "\u2715")));
+}
+//# sourceMappingURL=memory-warning.js.map

package/packages/web/dist/viewer/components/memory-warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory-warning.js","sourceRoot":"","sources":["../../../src/viewer/components/memory-warning.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAanE,MAAM,YAAY,GAGd;IACF,OAAO,EAAE;QACP,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,mBAAmB;QAC1B,SAAS,EAAE,oDAAoD;QAC/D,MAAM,EAAE,sEAAsE;KAC/E;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,uBAAuB;QAC9B,SAAS,EAAE,qDAAqD;QAChE,MAAM,EAAE,qFAAqF;KAC9F;CACF,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,GACU;IACnB,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,UAAU,CAAC;QAAE,OAAO,IAAI,CAAC;IAE3E,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACvE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAElE,OAAO,CAAC,CACN,KAAK,EACL;QACE,KAAK,EAAE,GAAG,CAAC,SAAS;QACpB,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,EAAE,GAAG,CAAC,IAAI,CAAC,EAC5E,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,EAC5B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAC1C,MAAM,KAAK,kBAAkB,IAAI,MAAM,KAAK,GAAG,CAChD,EACD,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,CACvD,EACD,CAAC,CACC,QAAQ,EACR;QACE,KAAK,EAAE,wBAAwB;QAC/B,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,wBAAwB;QACtC,IAAI,EAAE,QAAQ;KACf,EACD,QAAQ,CACT,CACF,CACF,CAAC;AACJ,CAAC"}

package/packages/web/dist/viewer/components/notion-schema-wizard.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Notion database schema validation wizard.
+ *
+ * An interactive component that validates the target Notion database schema
+ * against the expected PRD property structure, shows per-property diagnostics,
+ * and offers to auto-create missing properties where the Notion API allows it.
+ *
+ * Data comes from:
+ *   POST /api/notion/schema      — validate database schema
+ *   POST /api/notion/schema/fix   — create missing properties
+ */
+export declare function NotionSchemaWizard({ isConfigured }: {
+    isConfigured: boolean;
+}): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;