@powerhousedao/knowledge-note 1.0.1 → 1.0.3

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,32 +389,79 @@ 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 })),
+            }
+            : {}),
     };
 }
 /* ------------------------------------------------------------------ */
 /*  Component                                                         */
 /* ------------------------------------------------------------------ */
-export function GraphView({ notes, graphState, mocs, tensions }) {
+export function GraphView({ notes, graphState, mocs, tensions, }) {
     const containerRef = useRef(null);
     const cyRef = useRef(null);
     const [selectedDetail, setSelectedDetail] = useState(null);
     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/HealthDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HealthDashboard.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/HealthDashboard.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,eAAe,4CA+iB9B"}
+{"version":3,"file":"HealthDashboard.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/HealthDashboard.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,eAAe,4CA8kB9B"}

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

@@ -191,7 +191,14 @@ export function HealthDashboard() {
                     border: "1px solid var(--bai-border)",
                 }, children: [_jsx("span", { className: `rounded-full border px-4 py-1.5 text-sm font-bold ${STATUS_BADGE[agentReport?.overallStatus ?? health.overallStatus]}`, children: agentReport?.overallStatus ?? health.overallStatus }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-lg font-bold", style: { color: "var(--bai-text)" }, children: "Vault Health" }), _jsx("p", { className: "text-xs", style: { color: "var(--bai-text-muted)" }, children: agentReport
                                     ? `Agent report from ${new Date(agentReport.generatedAt).toLocaleString()} by ${agentReport.generatedBy}`
-                                    : "Live metrics \u2014 run /health in Claude Code for a full agent report" })] }), _jsx("span", { className: "rounded-full border px-3 py-1 text-[10px] font-medium", style: { borderColor: "var(--bai-border)", color: "var(--bai-text-muted)" }, children: agentReport ? "Agent" : "Live" })] }), agentReport?.recommendations && agentReport.recommendations.length > 0 && (_jsxs("div", { className: "rounded-xl p-4", style: { backgroundColor: "var(--bai-accent-soft)", border: "1px solid var(--bai-border)" }, children: [_jsx("h3", { className: "mb-2 text-xs font-semibold", style: { color: "var(--bai-accent)" }, children: "Agent Recommendations" }), _jsx("ul", { className: "space-y-1", children: agentReport.recommendations.map((rec, i) => (_jsxs("li", { className: "flex items-start gap-2 text-xs", style: { color: "var(--bai-text-secondary)" }, children: [_jsx("span", { className: "mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full", style: { backgroundColor: "var(--bai-accent)" } }), rec] }, i))) })] })), _jsx("div", { className: "grid grid-cols-4 gap-3", children: [
+                                    : "Live metrics \u2014 run /health in Claude Code for a full agent report" })] }), _jsx("span", { className: "rounded-full border px-3 py-1 text-[10px] font-medium", style: {
+                            borderColor: "var(--bai-border)",
+                            color: "var(--bai-text-muted)",
+                        }, children: agentReport ? "Agent" : "Live" })] }), agentReport?.recommendations &&
+                agentReport.recommendations.length > 0 && (_jsxs("div", { className: "rounded-xl p-4", style: {
+                    backgroundColor: "var(--bai-accent-soft)",
+                    border: "1px solid var(--bai-border)",
+                }, children: [_jsx("h3", { className: "mb-2 text-xs font-semibold", style: { color: "var(--bai-accent)" }, children: "Agent Recommendations" }), _jsx("ul", { className: "space-y-1", children: agentReport.recommendations.map((rec, i) => (_jsxs("li", { className: "flex items-start gap-2 text-xs", style: { color: "var(--bai-text-secondary)" }, children: [_jsx("span", { className: "mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full", style: { backgroundColor: "var(--bai-accent)" } }), rec] }, i))) })] })), _jsx("div", { className: "grid grid-cols-4 gap-3", children: [
                     {
                         label: "Notes",
                         value: agentReport?.graphMetrics?.noteCount ?? health.noteCount,
@@ -225,13 +232,18 @@ export function HealthDashboard() {
                     {
                         label: "Orphans",
                         value: agentReport?.graphMetrics?.orphanCount ?? health.orphanCount,
-                        colorClass: (agentReport?.graphMetrics?.orphanCount ?? health.orphanCount) > 0 ? "text-amber-400" : "text-emerald-400",
+                        colorClass: (agentReport?.graphMetrics?.orphanCount ?? health.orphanCount) >
+                            0
+                            ? "text-amber-400"
+                            : "text-emerald-400",
                         colorStyle: undefined,
                     },
                     {
                         label: "Avg Links",
-                        value: (agentReport?.graphMetrics?.averageLinksPerNote ?? health.avgLinksPerNote).toFixed(1),
-                        colorClass: (agentReport?.graphMetrics?.averageLinksPerNote ?? health.avgLinksPerNote) < 2
+                        value: (agentReport?.graphMetrics?.averageLinksPerNote ??
+                            health.avgLinksPerNote).toFixed(1),
+                        colorClass: (agentReport?.graphMetrics?.averageLinksPerNote ??
+                            health.avgLinksPerNote) < 2
                             ? "text-amber-400"
                             : "text-emerald-400",
                         colorStyle: undefined,

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":"AA2DA,wBAAgB,YAAY,SAqB3B;AAsFD;;;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,10 +34,13 @@ const FOLDERS = [
     { name: "queue", parentPath: "ops" },
     { name: "self" },
     { name: "methodology", parentPath: "self" },
-    { name: "research" },
 ];
 const SINGLETONS = [
-    { name: "PipelineQueue", type: "bai/pipeline-queue", folderPath: "ops/queue" },
+    {
+        name: "PipelineQueue",
+        type: "bai/pipeline-queue",
+        folderPath: "ops/queue",
+    },
     { name: "HealthReport", type: "bai/health-report", folderPath: "ops/health" },
     { name: "KnowledgeGraph", type: "bai/knowledge-graph", folderPath: "self" },
     { name: "VaultConfig", type: "bai/vault-config", folderPath: "self" },
@@ -70,11 +72,15 @@ async function initDrive(driveId, existingNodes) {
         const existingFolderMap = buildExistingFolderMap(existingNodes);
         const folderIds = new Map(existingFolderMap);
         for (const folder of FOLDERS) {
-            const path = folder.parentPath ? `${folder.parentPath}/${folder.name}` : folder.name;
+            const path = folder.parentPath
+                ? `${folder.parentPath}/${folder.name}`
+                : folder.name;
             if (folderIds.has(path)) {
                 continue;
             }
-            const parentId = folder.parentPath ? folderIds.get(folder.parentPath) : undefined;
+            const parentId = folder.parentPath
+                ? folderIds.get(folder.parentPath)
+                : undefined;
             try {
                 const result = await addFolder(driveId, folder.name, parentId);
                 folderIds.set(path, result.id);
@@ -124,7 +130,9 @@ function buildExistingFolderMap(nodes) {
         let current = folder;
         while (current) {
             pathParts.unshift(current.name);
-            current = current.parentFolder ? folderById.get(current.parentFolder) : undefined;
+            current = current.parentFolder
+                ? folderById.get(current.parentFolder)
+                : undefined;
         }
         map.set(pathParts.join("/"), folder.id);
     }

package/dist/editors/moc-editor/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/moc-editor/editor.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAmV7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/moc-editor/editor.tsx"],"names":[],"mappings":"AAuBA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA6X7B"}

package/dist/editors/moc-editor/editor.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { generateId } from "document-model/core";
 import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { setSelectedNode, useDocumentsInSelectedDrive, } from "@powerhousedao/reactor-browser";
 import { useSelectedMocDocument, actions, } from "@powerhousedao/knowledge-note/document-models/moc";
 import { TOOLBAR_CLASS } from "../shared/theme-context.js";
 const TIERS = ["HUB", "DOMAIN", "TOPIC"];
@@ -16,6 +17,7 @@ function ts() {
 export default function Editor() {
     const [document, dispatch] = useSelectedMocDocument();
     const state = document.state.global;
+    const allDocs = useDocumentsInSelectedDrive();
     const [newQuestion, setNewQuestion] = useState("");
     const [newIdeaRef, setNewIdeaRef] = useState("");
     const [newIdeaPhrase, setNewIdeaPhrase] = useState("");
@@ -47,10 +49,17 @@ export default function Editor() {
                                     } })] }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { className: "rounded-xl p-6", style: {
                                         backgroundColor: "var(--bai-surface)",
                                         border: "1px solid var(--bai-border)",
-                                    }, children: [_jsxs("h3", { className: "mb-3 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: ["Core Ideas (", (state.coreIdeas ?? []).length, ")"] }), _jsxs("div", { className: "space-y-2", children: [(state.coreIdeas ?? []).map((idea) => (_jsxs("div", { className: "group flex items-start gap-2 rounded-lg px-3 py-2", style: {
-                                                        backgroundColor: "var(--bai-bg)",
-                                                        boxShadow: "0 0 0 1px var(--bai-ring)",
-                                                    }, children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-xs", style: { color: "var(--bai-text-secondary)" }, children: idea.contextPhrase }), _jsx("p", { className: "text-[10px] font-mono mt-0.5", style: { color: "var(--bai-text-faint)" }, children: idea.noteRef?.slice(0, 12) })] }), _jsx("button", { type: "button", onClick: () => dispatch(actions.removeCoreIdea({ id: idea.id })), className: "opacity-0 hover:text-red-400 group-hover:opacity-100", style: { color: "var(--bai-text-faint)" }, children: "\u00D7" })] }, idea.id))), _jsxs("form", { className: "flex gap-2", onSubmit: (e) => {
+                                    }, children: [_jsxs("h3", { className: "mb-3 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: ["Core Ideas (", (state.coreIdeas ?? []).length, ")"] }), _jsxs("div", { className: "space-y-2", children: [(state.coreIdeas ?? []).map((idea) => {
+                                                    const linkedDoc = (allDocs ?? []).find((d) => d.header.id === idea.noteRef);
+                                                    const noteTitle = linkedDoc
+                                                        ? (linkedDoc.state.global.title ?? linkedDoc.header.name)
+                                                        : null;
+                                                    return (_jsxs("div", { className: "group flex items-start gap-2 rounded-lg px-3 py-2", style: {
+                                                            backgroundColor: "var(--bai-bg)",
+                                                            boxShadow: "0 0 0 1px var(--bai-ring)",
+                                                        }, children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-xs", style: { color: "var(--bai-text-secondary)" }, children: idea.contextPhrase }), idea.noteRef &&
+                                                                        (noteTitle ? (_jsxs("button", { type: "button", onClick: () => setSelectedNode(idea.noteRef), className: "mt-0.5 text-[10px] text-left truncate max-w-full transition-colors hover:underline", style: { color: "var(--bai-accent)" }, title: `Open note: ${noteTitle}`, children: [noteTitle, _jsxs("svg", { className: "ml-1 inline h-2.5 w-2.5", style: { color: "var(--bai-text-faint)" }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }), _jsx("path", { d: "M15 3h6v6" }), _jsx("path", { d: "M10 14L21 3" })] })] })) : (_jsx("p", { className: "text-[10px] font-mono mt-0.5", style: { color: "var(--bai-text-faint)" }, children: idea.noteRef.slice(0, 12) })))] }), _jsx("button", { type: "button", onClick: () => dispatch(actions.removeCoreIdea({ id: idea.id })), className: "opacity-0 hover:text-red-400 group-hover:opacity-100", style: { color: "var(--bai-text-faint)" }, children: "\u00D7" })] }, idea.id));
+                                                }), _jsxs("form", { className: "flex gap-2", onSubmit: (e) => {
                                                         e.preventDefault();
                                                         if (!newIdeaRef.trim() || !newIdeaPhrase.trim())
                                                             return;

package/dist/editors/tension-editor/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/tension-editor/editor.tsx"],"names":[],"mappings":"AAsBA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA+H7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/tension-editor/editor.tsx"],"names":[],"mappings":"AAsBA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAyO7B"}