@n-dx/core 0.1.0

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

@@ -0,0 +1,103 @@
+/**
+ * Inline SVG logos for n-dx and its sub-products.
+ *
+ * These render as Preact VNodes so they inline directly in the bundle
+ * (no external PNG dependency). Each logo accepts a `size` prop and
+ * respects CSS custom properties for theming.
+ */
+interface LogoProps {
+    size?: number;
+    class?: string;
+}
+/**
+ * n-dx main logo — "en" serif letters with teal underline accent.
+ * Uses brand-navy bg in light mode, brand-purple bg in dark mode.
+ */
+export declare function NdxLogo({ size, class: cls }: LogoProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    width: number;
+    height: number;
+    viewBox: string;
+    class: string;
+    "aria-hidden": "true";
+    role: "img";
+}>;
+/**
+ * SourceVision logo — eye/lens icon representing code analysis.
+ */
+export declare function SourceVisionLogo({ size, class: cls }: LogoProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    width: number;
+    height: number;
+    viewBox: string;
+    class: string;
+    "aria-hidden": "true";
+    role: "img";
+    fill: string;
+    stroke: string;
+    "stroke-width": string;
+    "stroke-linecap": string;
+    "stroke-linejoin": string;
+}>;
+/**
+ * Rex logo — crown icon representing PRD management.
+ */
+export declare function RexLogo({ size, class: cls }: LogoProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    width: number;
+    height: number;
+    viewBox: string;
+    class: string;
+    "aria-hidden": "true";
+    role: "img";
+    fill: string;
+    stroke: string;
+    "stroke-width": string;
+    "stroke-linecap": string;
+    "stroke-linejoin": string;
+}>;
+/**
+ * Hench logo — robot/agent icon representing autonomous execution.
+ */
+export declare function HenchLogo({ size, class: cls }: LogoProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    width: number;
+    height: number;
+    viewBox: string;
+    class: string;
+    "aria-hidden": "true";
+    role: "img";
+    fill: string;
+    stroke: string;
+    "stroke-width": string;
+    "stroke-linecap": string;
+    "stroke-linejoin": 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/sourcevision/dist/viewer/components/logos.js

@@ -0,0 +1,148 @@
+/**
+ * Inline SVG logos for n-dx and its sub-products.
+ *
+ * These render as Preact VNodes so they inline directly in the bundle
+ * (no external PNG dependency). Each logo accepts a `size` prop and
+ * respects CSS custom properties for theming.
+ */
+import { h } from "preact";
+/**
+ * n-dx main logo — "en" serif letters with teal underline accent.
+ * Uses brand-navy bg in light mode, brand-purple bg in dark mode.
+ */
+export function NdxLogo({ size = 36, class: cls }) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 36 36",
+        class: `logo logo-ndx${cls ? ` ${cls}` : ""}`,
+        "aria-hidden": "true",
+        role: "img",
+    }, h("rect", { width: 36, height: 36, rx: 6, class: "logo-ndx-bg" }), 
+    // "en" letterforms — simplified serif representation
+    h("text", {
+        x: 18,
+        y: 24,
+        "text-anchor": "middle",
+        "font-family": "Georgia, 'Times New Roman', serif",
+        "font-size": "18",
+        "font-weight": "700",
+        fill: "#ffffff",
+        "letter-spacing": "-0.5",
+    }, "en"), 
+    // Teal underline accent
+    h("rect", { x: 5, y: 28, width: 26, height: 2.5, rx: 1, fill: "var(--brand-teal)" }));
+}
+/**
+ * SourceVision logo — eye/lens icon representing code analysis.
+ */
+export function SourceVisionLogo({ size = 20, class: cls }) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 20 20",
+        class: `logo logo-sv${cls ? ` ${cls}` : ""}`,
+        "aria-hidden": "true",
+        role: "img",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+    }, 
+    // Outer eye shape
+    h("path", { d: "M2 10s3.5-6 8-6 8 6 8 6-3.5 6-8 6-8-6-8-6Z" }), 
+    // Inner iris
+    h("circle", { cx: 10, cy: 10, r: 3 }), 
+    // Scan line
+    h("line", { x1: 10, y1: 4, x2: 10, y2: 6, stroke: "var(--brand-teal)", "stroke-width": "1.5" }), h("line", { x1: 10, y1: 14, x2: 10, y2: 16, stroke: "var(--brand-teal)", "stroke-width": "1.5" }));
+}
+/**
+ * Rex logo — crown icon representing PRD management.
+ */
+export function RexLogo({ size = 20, class: cls }) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 20 20",
+        class: `logo logo-rex${cls ? ` ${cls}` : ""}`,
+        "aria-hidden": "true",
+        role: "img",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+    }, 
+    // Crown shape
+    h("path", { d: "M3 14l2-8 3 4 2-6 2 6 3-4 2 8z", fill: "currentColor", opacity: "0.15" }), h("path", { d: "M3 14l2-8 3 4 2-6 2 6 3-4 2 8z" }), 
+    // Base band
+    h("rect", { x: 3, y: 14, width: 14, height: 2.5, rx: 1, fill: "currentColor", opacity: "0.25" }), h("rect", { x: 3, y: 14, width: 14, height: 2.5, rx: 1, fill: "none" }));
+}
+/**
+ * Hench logo — robot/agent icon representing autonomous execution.
+ */
+export function HenchLogo({ size = 20, class: cls }) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 20 20",
+        class: `logo logo-hench${cls ? ` ${cls}` : ""}`,
+        "aria-hidden": "true",
+        role: "img",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+    }, 
+    // Head/screen
+    h("rect", { x: 4, y: 3, width: 12, height: 10, rx: 2 }), 
+    // Eyes
+    h("circle", { cx: 8, cy: 8, r: 1.2, fill: "currentColor" }), h("circle", { cx: 12, cy: 8, r: 1.2, fill: "currentColor" }), 
+    // Antenna
+    h("line", { x1: 10, y1: 3, x2: 10, y2: 1 }), h("circle", { cx: 10, cy: 0.5, r: 0.8, fill: "var(--brand-teal)", stroke: "none" }), 
+    // Body
+    h("rect", { x: 5, y: 14, width: 10, height: 4, rx: 1.5 }), 
+    // Neck
+    h("line", { x1: 10, y1: 13, x2: 10, y2: 14 }));
+}
+/* ── 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/sourcevision/dist/viewer/components/logos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logos.js","sourceRoot":"","sources":["../../../src/viewer/components/logos.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAO3B;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAa;IAC1D,OAAO,CAAC,CAAC,KAAK,EAAE;QACd,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAC7C,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;KACZ,EACC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IACjE,qDAAqD;IACrD,CAAC,CAAC,MAAM,EAAE;QACR,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;QACL,aAAa,EAAE,QAAQ;QACvB,aAAa,EAAE,mCAAmC;QAClD,WAAW,EAAE,IAAI;QACjB,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,SAAS;QACf,gBAAgB,EAAE,MAAM;KACzB,EAAE,IAAI,CAAC;IACR,wBAAwB;IACxB,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CACrF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAa;IACnE,OAAO,CAAC,CAAC,KAAK,EAAE;QACd,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5C,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,cAAc,EAAE,KAAK;QACrB,gBAAgB,EAAE,OAAO;QACzB,iBAAiB,EAAE,OAAO;KAC3B;IACC,kBAAkB;IAClB,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,4CAA4C,EAAE,CAAC;IAC9D,aAAa;IACb,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IACrC,YAAY;IACZ,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,mBAAmB,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAC/F,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAClG,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAa;IAC1D,OAAO,CAAC,CAAC,KAAK,EAAE;QACd,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAC7C,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,cAAc,EAAE,KAAK;QACrB,gBAAgB,EAAE,OAAO;QACzB,iBAAiB,EAAE,OAAO;KAC3B;IACC,cAAc;IACd,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gCAAgC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EACzF,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gCAAgC,EAAE,CAAC;IAClD,YAAY;IACZ,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAChG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CACxE,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAa;IAC5D,OAAO,CAAC,CAAC,KAAK,EAAE;QACd,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,kBAAkB,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAC/C,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,cAAc,EAAE,KAAK;QACrB,gBAAgB,EAAE,OAAO;QACzB,iBAAiB,EAAE,OAAO;KAC3B;IACC,cAAc;IACd,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IACvD,OAAO;IACP,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,EAC3D,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;IAC5D,UAAU;IACV,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAC3C,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IACnF,OAAO;IACP,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;IACzD,OAAO;IACP,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAC9C,CAAC;AACJ,CAAC;AAED,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/sourcevision/dist/viewer/components/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/packages/sourcevision/dist/viewer/components/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/packages/sourcevision/dist/viewer/components/mini-charts.js.map

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

package/packages/sourcevision/dist/viewer/components/prd-tree/add-item-form.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Add item form for creating new PRD items.
+ *
+ * Provides a form with type selection, title input, optional description,
+ * priority, and parent constraint. The form validates level/parent
+ * relationships and provides real-time feedback.
+ */
+import type { PRDItemData } from "./types.js";
+export interface AddItemFormProps {
+    /** All items in the document, for parent selection. */
+    allItems: PRDItemData[];
+    /** Called when the form is submitted. */
+    onSubmit: (data: AddItemInput) => Promise<void>;
+    /** Called when the form is cancelled/closed. */
+    onCancel: () => void;
+    /** Pre-selected parent ID (e.g., from right-clicking an item). */
+    defaultParentId?: string | null;
+}
+export interface AddItemInput {
+    title: string;
+    level?: string;
+    parentId?: string;
+    description?: string;
+    priority?: string;
+    tags?: string[];
+    acceptanceCriteria?: string[];
+}
+export declare function AddItemForm({ allItems, onSubmit, onCancel, defaultParentId }: AddItemFormProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+    onSubmit: (e: Event) => Promise<void>;
+}>;