@powerhousedao/knowledge-note 1.0.2 → 1.0.3

package/dist/editors/knowledge-vault/components/GraphView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphView.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/GraphView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAUzE,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,EAAE,CAAC;IACJ,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,gBAAgB,EAAE,MAAM,CAAC;QACzB,gBAAgB,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1B,EAAE,CAAC;IACJ,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,GAAG,IAAI,CAAC;AAET,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACzD,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B,CAAC;AA0XF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,GACT,EAAE,cAAc,2CAupBhB"}
+{"version":3,"file":"GraphView.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/GraphView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAUzE,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,EAAE,CAAC;IACJ,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,gBAAgB,EAAE,MAAM,CAAC;QACzB,gBAAgB,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1B,EAAE,CAAC;IACJ,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,GAAG,IAAI,CAAC;AAET,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACzD,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B,CAAC;AA6fF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,GACT,EAAE,cAAc,2CAmtBhB"}

package/dist/editors/knowledge-vault/components/GraphView.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect, useCallback, useMemo } from "react";
 import cytoscape from "cytoscape";
-// @ts-expect-error - no types available for cytoscape-cose-bilkent
-import coseBilkent from "cytoscape-cose-bilkent";
+// @ts-expect-error - no types available for cytoscape-fcose
+import fcose from "cytoscape-fcose";
 import { setSelectedNode } from "@powerhousedao/reactor-browser";
-// Register the cose-bilkent layout once
-cytoscape.use(coseBilkent);
+// Register the fcose layout once
+// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+cytoscape.use(fcose);
 /* ------------------------------------------------------------------ */
 /*  Constants                                                         */
 /* ------------------------------------------------------------------ */
@@ -29,13 +30,79 @@ const TENSION_EDGE_COLOR = "#ef4444";
 const DEFAULT_NODE_COLOR = "#6b7280";
 const DEFAULT_EDGE_COLOR = "#64748b";
 /* ------------------------------------------------------------------ */
+/*  Position persistence                                              */
+/* ------------------------------------------------------------------ */
+const POSITIONS_STORAGE_KEY = "bai-graph-positions";
+function loadPositions() {
+    try {
+        const raw = localStorage.getItem(POSITIONS_STORAGE_KEY);
+        return raw ? JSON.parse(raw) : null;
+    }
+    catch {
+        return null;
+    }
+}
+function savePositions(cy) {
+    try {
+        const positions = {};
+        cy.nodes().forEach((node) => {
+            const pos = node.position();
+            positions[node.id()] = { x: pos.x, y: pos.y };
+        });
+        localStorage.setItem(POSITIONS_STORAGE_KEY, JSON.stringify(positions));
+    }
+    catch {
+        // localStorage unavailable or full — silently fail
+    }
+}
+function clearStoredPositions() {
+    try {
+        localStorage.removeItem(POSITIONS_STORAGE_KEY);
+    }
+    catch {
+        // ignore
+    }
+}
+/* ------------------------------------------------------------------ */
 /*  Build cytoscape elements from data                                */
 /* ------------------------------------------------------------------ */
 function buildElements(notes, graphState, mocs, tensions) {
     const elements = [];
     const noteMap = new Map(notes.map((n) => [n.id, n]));
+    // Build MOC membership: note → primary MOC id
+    const noteToMoc = new Map();
+    if (mocs?.length) {
+        const refCounts = new Map();
+        for (const moc of mocs) {
+            for (const idea of moc.coreIdeas) {
+                if (!refCounts.has(idea.noteRef))
+                    refCounts.set(idea.noteRef, new Map());
+                const counts = refCounts.get(idea.noteRef);
+                counts.set(moc.id, (counts.get(moc.id) ?? 0) + 1);
+            }
+        }
+        for (const [noteId, counts] of refCounts) {
+            let bestMoc = "";
+            let bestCount = 0;
+            for (const [mocId, count] of counts) {
+                if (count > bestCount) {
+                    bestMoc = mocId;
+                    bestCount = count;
+                }
+            }
+            if (bestMoc)
+                noteToMoc.set(noteId, bestMoc);
+        }
+    }
+    // Helper: check if an edge crosses MOC cluster boundaries
+    const isCrossCluster = (sourceId, targetId) => {
+        const sMoc = noteToMoc.get(sourceId);
+        const tMoc = noteToMoc.get(targetId);
+        if (!sMoc && !tMoc)
+            return false; // both orphans — not cross-cluster
+        return sMoc !== tMoc;
+    };
     if (graphState?.nodes.length) {
-        // Use persisted graph state
         const linkCounts = new Map();
         for (const edge of graphState.edges) {
             linkCounts.set(edge.sourceDocumentId, (linkCounts.get(edge.sourceDocumentId) ?? 0) + 1);
@@ -63,13 +130,13 @@ function buildElements(notes, graphState, mocs, tensions) {
                     source: edge.sourceDocumentId,
                     target: edge.targetDocumentId,
                     linkType: edge.linkType ?? null,
+                    crossCluster: isCrossCluster(edge.sourceDocumentId, edge.targetDocumentId),
                     color: LINK_TYPE_COLORS[edge.linkType ?? ""] ?? DEFAULT_EDGE_COLOR,
                 },
             });
         }
     }
     else {
-        // Compute from notes
         const nodeIds = new Set(notes.map((n) => n.id));
         const edgeList = [];
         for (const note of notes) {
@@ -109,6 +176,7 @@ function buildElements(notes, graphState, mocs, tensions) {
                     source: edge.source,
                     target: edge.target,
                     linkType: edge.linkType ?? null,
+                    crossCluster: isCrossCluster(edge.source, edge.target),
                     color: LINK_TYPE_COLORS[edge.linkType ?? ""] ?? DEFAULT_EDGE_COLOR,
                 },
             });
@@ -116,7 +184,7 @@ function buildElements(notes, graphState, mocs, tensions) {
     }
     // Track existing node IDs for MOC + tension edge targets
     const existingNodeIds = new Set(elements.filter((e) => !e.data.source).map((e) => e.data.id));
-    // Add MOC nodes and their edges to core ideas
+    // Add MOC nodes as compound parents + edges for non-parented refs
     if (mocs?.length) {
         for (const moc of mocs) {
             elements.push({
@@ -220,18 +288,19 @@ const cyStylesheet = [
             "transition-duration": 150,
         },
     },
-    // MOC nodes — diamond shape, larger
+    // MOC nodes — diamond, prominent cluster anchors
     {
         selector: "node[?isMoc]",
         style: {
             shape: "diamond",
-            width: 35,
-            height: 35,
-            "font-size": "11px",
+            width: 45,
+            height: 45,
+            "font-size": "12px",
             "font-weight": "bold",
-            "border-width": 2,
+            "border-width": 2.5,
             "border-color": "#cba6f7",
-            "border-opacity": 0.5,
+            "border-opacity": 0.7,
+            "text-max-width": "140px",
         },
     },
     // Tension nodes — triangle shape, red
@@ -248,6 +317,16 @@ const cyStylesheet = [
             "border-opacity": 0.5,
         },
     },
+    // Cross-cluster edges — very faint, don't distract from clusters
+    {
+        selector: "edge[?crossCluster]",
+        style: {
+            opacity: 0.15,
+            width: 0.8,
+            "line-style": "dotted",
+            "line-dash-pattern": [2, 4],
+        },
+    },
     // MOC edges — dashed
     {
         selector: "edge[linkType = 'CORE_IDEA']",
@@ -310,19 +389,66 @@ const cyStylesheet = [
 /* ------------------------------------------------------------------ */
 /*  Layout options                                                    */
 /* ------------------------------------------------------------------ */
-function getLayoutOptions() {
+function getLayoutOptions(opts) {
+    const saved = opts?.savedPositions;
+    const hasPositions = saved && Object.keys(saved).length > 0;
+    // All nodes have saved positions — instant preset layout
+    if (hasPositions && !opts?.newNodeIds?.size) {
+        return {
+            name: "preset",
+            positions: (node) => {
+                const id = node.id();
+                return saved[id] ?? { x: 0, y: 0 };
+            },
+            fit: false,
+            padding: 60,
+        };
+    }
+    // Some or all nodes need computation.
+    // Per-edge idealEdgeLength pulls MOC clusters tight and keeps
+    // derivation chains compact while general notes spread out.
     return {
-        name: "cose-bilkent",
+        name: "fcose",
         animate: false,
-        nodeRepulsion: 6000,
-        idealEdgeLength: 120,
-        edgeElasticity: 0.1,
+        quality: "default",
+        randomize: !hasPositions,
+        nodeRepulsion: (node) => node.data("isMoc") ? 30000 : 8000,
+        idealEdgeLength: (edge) => {
+            const lt = edge.data("linkType");
+            const cross = edge.data("crossCluster");
+            if (lt === "CORE_IDEA")
+                return 70;
+            if (cross)
+                return 350;
+            if (lt === "BUILDS_ON" || lt === "DERIVED_FROM")
+                return 90;
+            return 150;
+        },
+        edgeElasticity: (edge) => {
+            const lt = edge.data("linkType");
+            const cross = edge.data("crossCluster");
+            if (lt === "CORE_IDEA")
+                return 0.45;
+            if (cross)
+                return 0.01;
+            if (lt === "BUILDS_ON" || lt === "DERIVED_FROM")
+                return 0.3;
+            return 0.1;
+        },
         nestingFactor: 0.1,
-        gravity: 0.25,
-        numIter: 2500,
+        gravity: 0.08,
+        numIter: 500,
         tile: true,
-        fit: true,
-        padding: 40,
+        fit: false,
+        padding: 60,
+        // Pin existing nodes, only layout new ones
+        ...(hasPositions
+            ? {
+                fixedNodeConstraint: Object.entries(saved)
+                    .filter(([id]) => !opts?.newNodeIds?.has(id))
+                    .map(([id, pos]) => ({ nodeId: id, position: pos })),
+            }
+            : {}),
     };
 }
 /* ------------------------------------------------------------------ */
@@ -335,7 +461,7 @@ export function GraphView({ notes, graphState, mocs, tensions, }) {
     const [zoomLevel, setZoomLevel] = useState(1);
     const [hoverInfo, setHoverInfo] = useState(null);
     // Build elements from data
-    const elements = useMemo(() => buildElements(notes, graphState ?? null, mocs, tensions), [notes, graphState]);
+    const elements = useMemo(() => buildElements(notes, graphState ?? null, mocs, tensions), [notes, graphState, mocs, tensions]);
     // Gather neighbor info for the detail panel
     const getNodeDetail = useCallback((nodeId) => {
         const cy = cyRef.current;
@@ -394,11 +520,21 @@ export function GraphView({ notes, graphState, mocs, tensions, }) {
     useEffect(() => {
         if (!containerRef.current)
             return;
+        // Detect which nodes are new vs have saved positions
+        const savedPositions = loadPositions();
+        const savedNodeIds = savedPositions
+            ? new Set(Object.keys(savedPositions))
+            : new Set();
+        const currentNodeIds = new Set(elements.filter((e) => !e.data.source).map((e) => e.data.id));
+        const newNodeIds = new Set([...currentNodeIds].filter((id) => !savedNodeIds.has(id)));
         const cy = cytoscape({
             container: containerRef.current,
             elements,
             style: cyStylesheet,
-            layout: getLayoutOptions(),
+            layout: getLayoutOptions({
+                savedPositions,
+                newNodeIds: newNodeIds.size > 0 ? newNodeIds : undefined,
+            }),
             zoom: 1,
             minZoom: 0.1,
             maxZoom: 5,
@@ -406,14 +542,51 @@ export function GraphView({ notes, graphState, mocs, tensions, }) {
             boxSelectionEnabled: false,
         });
         cyRef.current = cy;
-        // After layout settles, ensure zoom is 100% with nodes centered.
-        // fit:true already centered the graph; now pin zoom to 1 around
-        // the midpoint of the bounding box so pan stays correct.
-        cy.one("layoutstop", () => {
-            const bb = cy.elements().boundingBox();
-            const modelCenter = { x: (bb.x1 + bb.x2) / 2, y: (bb.y1 + bb.y2) / 2 };
-            cy.zoom({ level: 1, position: modelCenter });
+        // After layout settles, save positions and center view.
+        const centerGraph = () => {
+            cy.fit(cy.elements(), 60);
+            if (cy.zoom() > 0.8)
+                cy.zoom(0.8);
             cy.center();
+        };
+        cy.one("layoutstop", () => {
+            savePositions(cy);
+            centerGraph();
+        });
+        // For preset layout, also center immediately since layoutstop
+        // fires synchronously before the viewport may have adjusted.
+        requestAnimationFrame(() => centerGraph());
+        // Drag MOC nodes with their cluster children
+        const mocDragState = new Map();
+        cy.on("grab", "node[?isMoc]", (evt) => {
+            const node = evt.target;
+            const pos = node.position();
+            mocDragState.set(node.id(), { x: pos.x, y: pos.y });
+        });
+        cy.on("drag", "node[?isMoc]", (evt) => {
+            const moc = evt.target;
+            const prev = mocDragState.get(moc.id());
+            if (!prev)
+                return;
+            const curr = moc.position();
+            const dx = curr.x - prev.x;
+            const dy = curr.y - prev.y;
+            mocDragState.set(moc.id(), { x: curr.x, y: curr.y });
+            // Move all CORE_IDEA-connected notes along with the MOC
+            moc.connectedEdges().forEach((edge) => {
+                if (edge.data("linkType") !== "CORE_IDEA")
+                    return;
+                const child = edge.source().id() === moc.id()
+                    ? edge.target()
+                    : edge.source();
+                if (child.grabbed())
+                    return; // don't fight if user is dragging it
+                child.shift({ x: dx, y: dy });
+            });
+        });
+        // Persist position after manual drag
+        cy.on("dragfree", "node", () => {
+            savePositions(cy);
         });
         // Track zoom level for UI
         cy.on("zoom", () => {
@@ -510,7 +683,12 @@ export function GraphView({ notes, graphState, mocs, tensions, }) {
         const cy = cyRef.current;
         if (!cy)
             return;
-        cy.layout(getLayoutOptions()).run();
+        clearStoredPositions();
+        const layout = cy.layout(getLayoutOptions());
+        layout.run();
+        cy.one("layoutstop", () => {
+            savePositions(cy);
+        });
     }, []);
     if (notes.length === 0) {
         return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("p", { style: { color: "var(--bai-text-muted)" }, children: "No notes to display in graph" }) }));

package/dist/editors/knowledge-vault/components/NoteList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoteList.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/NoteList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAyBF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,2CA0BhD"}
+{"version":3,"file":"NoteList.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/NoteList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AA2BF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,2CAgDhD"}

package/dist/editors/knowledge-vault/components/NoteList.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { setSelectedNode } from "@powerhousedao/reactor-browser";
+import { memo, useState } from "react";
+const PAGE_SIZE = 30;
 const STATUS_BADGE_STYLES = {
     DRAFT: {
         background: "rgba(245, 158, 11, 0.2)",
@@ -23,31 +25,26 @@ const STATUS_BADGE_STYLES = {
     },
 };
 export function NoteList({ notes }) {
+    const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
     if (notes.length === 0) {
         return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg", style: { color: "var(--bai-text-muted)" }, children: "No knowledge notes yet" }), _jsx("p", { className: "mt-1 text-sm", style: { color: "var(--bai-text-faint)" }, children: "Create your first note to get started" })] }) }));
     }
-    return (_jsx("div", { className: "grid gap-3 p-4 sm:grid-cols-2 lg:grid-cols-3", children: notes.map((note) => (_jsx(NoteCard, { note: note }, note.id))) }));
+    const hasMore = visibleCount < notes.length;
+    return (_jsxs("div", { className: "p-4", children: [_jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: notes.slice(0, visibleCount).map((note) => (_jsx(NoteCard, { note: note }, note.id))) }), hasMore && (_jsx("div", { className: "mt-4 flex justify-center", children: _jsxs("button", { type: "button", onClick: () => setVisibleCount((c) => c + PAGE_SIZE), className: "rounded-lg border px-4 py-2 text-sm transition-colors", style: {
+                        borderColor: "var(--bai-border)",
+                        color: "var(--bai-text-muted)",
+                        background: "var(--bai-surface)",
+                    }, children: ["Show more (", notes.length - visibleCount, " remaining)"] }) }))] }));
 }
-function NoteCard({ note }) {
+const NoteCard = memo(function NoteCard({ note }) {
     const title = note.title ?? note.name;
     const status = note.status ?? "DRAFT";
     const badgeStyle = STATUS_BADGE_STYLES[status] ?? STATUS_BADGE_STYLES.DRAFT;
-    return (_jsxs("button", { type: "button", onClick: () => setSelectedNode(note.id), className: "note-card group flex flex-col rounded-xl border p-4 text-left transition-all", style: {
-            background: "var(--bai-surface)",
-            borderColor: "var(--bai-border)",
-        }, children: [_jsxs("div", { className: "mb-2 flex items-start justify-between gap-2", children: [_jsx("h3", { className: "note-card-title flex-1 truncate text-sm font-semibold", style: { color: "var(--bai-text)" }, children: title }), _jsx("span", { className: "shrink-0 rounded-full border px-2 py-0.5 text-[10px] font-medium", style: badgeStyle, children: status.replace("_", " ") })] }), note.description && (_jsx("p", { className: "mb-3 line-clamp-2 text-xs leading-relaxed", style: { color: "var(--bai-text-muted)" }, children: note.description })), _jsxs("div", { className: "mt-auto flex flex-wrap items-center gap-1.5 pt-2", children: [note.noteType && (_jsx("span", { className: "rounded px-1.5 py-0.5 text-[10px] font-medium", style: {
+    return (_jsxs("button", { type: "button", onClick: () => setSelectedNode(note.id), className: "group flex flex-col rounded-xl border border-[var(--bai-border)] bg-[var(--bai-surface)] p-4 text-left transition-all hover:border-[var(--bai-accent)] hover:bg-[var(--bai-hover)]", children: [_jsxs("div", { className: "mb-2 flex items-start justify-between gap-2", children: [_jsx("h3", { className: "flex-1 truncate text-sm font-semibold text-[var(--bai-text)] group-hover:text-[var(--bai-accent)]", children: title }), _jsx("span", { className: "shrink-0 rounded-full border px-2 py-0.5 text-[10px] font-medium", style: badgeStyle, children: status.replace("_", " ") })] }), note.description && (_jsx("p", { className: "mb-3 line-clamp-2 text-xs leading-relaxed", style: { color: "var(--bai-text-muted)" }, children: note.description })), _jsxs("div", { className: "mt-auto flex flex-wrap items-center gap-1.5 pt-2", children: [note.noteType && (_jsx("span", { className: "rounded px-1.5 py-0.5 text-[10px] font-medium", style: {
                             background: "var(--bai-hover)",
                             color: "var(--bai-text-muted)",
                         }, children: note.noteType })), note.topics.slice(0, 3).map((t) => (_jsxs("span", { className: "text-[10px]", style: { color: "var(--bai-accent)", opacity: 0.6 }, children: ["#", t.name] }, t.id))), note.links.length > 0 && (_jsxs("span", { className: "ml-auto text-[10px]", style: { color: "var(--bai-text-faint)" }, children: [note.links.length, " link", note.links.length !== 1 ? "s" : ""] }))] }), note.provenance?.author && (_jsxs("div", { className: "mt-2 border-t pt-2 text-[10px]", style: {
                     borderColor: "var(--bai-border)",
                     color: "var(--bai-text-faint)",
-                }, children: ["by ", note.provenance.author, note.provenance.updatedAt && (_jsxs("span", { children: [" \u00b7 ", new Date(note.provenance.updatedAt).toLocaleDateString()] }))] })), _jsx("style", { children: `
-        .note-card:hover {
-          background: var(--bai-hover) !important;
-          border-color: var(--bai-accent) !important;
-        }
-        .note-card:hover .note-card-title {
-          color: var(--bai-accent) !important;
-        }
-      ` })] }));
-}
+                }, children: ["by ", note.provenance.author, note.provenance.updatedAt && (_jsxs("span", { children: [" \u00b7 ", new Date(note.provenance.updatedAt).toLocaleDateString()] }))] }))] }));
+});

package/dist/editors/knowledge-vault/hooks/use-drive-init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-drive-init.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/hooks/use-drive-init.ts"],"names":[],"mappings":"AA+DA,wBAAgB,YAAY,SAsB3B;AAsGD;;;GAGG;AACH,wBAAgB,YAAY,wBAI3B"}
+{"version":3,"file":"use-drive-init.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/hooks/use-drive-init.ts"],"names":[],"mappings":"AA6DA,wBAAgB,YAAY,SAsB3B;AAsGD;;;GAGG;AACH,wBAAgB,YAAY,wBAI3B"}

package/dist/editors/knowledge-vault/hooks/use-drive-init.js

@@ -14,7 +14,6 @@ import { useSelectedDrive, useNodesInSelectedDrive, addDocument, addFolder, } fr
  *   /ops/queue/            <- pipeline queue singleton
  * /self/                   <- system identity & config
  *   /self/methodology/     <- methodology notes
- * /research/               <- bundled research claims
  *
  * Pattern: follows contributor-billing's proven approach —
  * module-level tracking Set per drive prevents duplicates,
@@ -35,7 +34,6 @@ const FOLDERS = [
     { name: "queue", parentPath: "ops" },
     { name: "self" },
     { name: "methodology", parentPath: "self" },
-    { name: "research" },
 ];
 const SINGLETONS = [
     {

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@powerhousedao/knowledge-note",
     "description": "Knowledge Note document model package for Powerhouse",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "license": "AGPL-3.0-only",
     "type": "module",
     "files": [
@@ -113,7 +113,7 @@
         "@powerhousedao/document-engineering": "1.40.1",
         "@powerhousedao/vetra": "6.0.0-dev.105",
         "cytoscape": "^3.33.1",
-        "cytoscape-cose-bilkent": "^4.1.0",
+        "cytoscape-fcose": "^2.2.0",
         "document-model": "6.0.0-dev.105",
         "graphql": "16.12.0",
         "graphql-tag": "^2.12.6",

package/dist/processors/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../processors/factory.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EAErB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIvD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,oBAAoB,MAgB7C,aAAa,gBAAgB,KAAG,OAAO,CAAC,eAAe,EAAE,CAUxE,CAAC"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../processors/factory.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EAErB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,oBAAoB,MAa7C,aAAa,gBAAgB,KAAG,OAAO,CAAC,eAAe,EAAE,CAUxE,CAAC"}

package/dist/processors/factory.js

@@ -2,14 +2,11 @@
  * This file aggregates all processor factories
  */
 import { graphIndexerProcessorFactory } from "./graph-indexer/factory.js";
-import { methodologyIndexerProcessorFactory } from "./methodology-indexer/factory.js";
 export const processorFactory = (module) => {
     console.log(`[processorFactory] Initializing with processorApp: ${module.processorApp}`);
     const factories = [];
     // Register graph indexer (watches bai/knowledge-note)
     factories.push(graphIndexerProcessorFactory(module));
-    // Register methodology indexer (watches bai/research-claim)
-    factories.push(methodologyIndexerProcessorFactory(module));
     console.log(`[processorFactory] Loaded ${factories.length} factories`);
     // Return the inner function that will be called for each drive
     return async (driveHeader) => {

package/dist/processors/graph-indexer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../processors/graph-indexer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAEjF,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEtC,qBAAa,qBAAsB,SAAQ,qBAAqB,CAAC,EAAE,CAAC;WAClD,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;IAItC,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAI/B,YAAY,CACzB,UAAU,EAAE,oBAAoB,EAAE,GACjC,OAAO,CAAC,IAAI,CAAC;IAqGV,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;YAUrB,UAAU;CAoBzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../processors/graph-indexer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAEjF,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEtC,qBAAa,qBAAsB,SAAQ,qBAAqB,CAAC,EAAE,CAAC;WAClD,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;IAItC,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAI/B,YAAY,CACzB,UAAU,EAAE,oBAAoB,EAAE,GACjC,OAAO,CAAC,IAAI,CAAC;IAqGV,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;YAQrB,UAAU;CAoBzB"}

package/dist/processors/graph-indexer/index.js

@@ -89,14 +89,11 @@ export class GraphIndexerProcessor extends RelationalDbProcessor {
         }
     }
     async onDisconnect() {
-        try {
-            await this.relationalDb.deleteFrom("graph_edges").execute();
-            await this.relationalDb.deleteFrom("graph_nodes").execute();
-            console.log(`[GraphIndexer] Cleaned up namespace: ${this.namespace}`);
-        }
-        catch (err) {
-            console.error(`[GraphIndexer] Error cleaning up:`, err);
-        }
+        // Intentionally no-op: preserve indexed data across restarts.
+        // The reactor does not replay historical operations on reconnect,
+        // so wiping tables here would leave the index permanently empty
+        // until new operations arrive. Use knowledgeGraphReindex mutation
+        // to rebuild if needed.
     }
     async deleteNode(documentId) {
         try {