@powerhousedao/knowledge-note 1.0.3 → 1.0.5

package/dist/processors/graph-indexer/query.d.ts

@@ -7,6 +7,10 @@ export interface GraphNodeResult {
     description: string | null;
     noteType: string | null;
     status: string | null;
+    content: string | null;
+    author: string | null;
+    sourceOrigin: string | null;
+    createdAt: string | null;
     updatedAt: string;
 }
 export interface GraphEdgeResult {
@@ -27,6 +31,15 @@ export interface ConnectionResult {
     depth: number;
     viaLinkType: string | null;
 }
+export interface TopicStatsResult {
+    name: string;
+    noteCount: number;
+}
+export interface RelatedByTopicResult {
+    node: GraphNodeResult;
+    sharedTopics: string[];
+    sharedTopicCount: number;
+}
 export declare function createGraphQuery(db: Kysely<DB>): {
     allNodes(): Promise<GraphNodeResult[]>;
     allEdges(): Promise<GraphEdgeResult[]>;
@@ -45,5 +58,13 @@ export declare function createGraphQuery(db: Kysely<DB>): {
         sharedTarget: GraphNodeResult;
     }>>;
     bridges(): Promise<GraphNodeResult[]>;
+    topicStats(): Promise<TopicStatsResult[]>;
+    topicsForNode(documentId: string): Promise<string[]>;
+    nodesByTopic(topic: string): Promise<GraphNodeResult[]>;
+    relatedByTopic(documentId: string, limit?: number): Promise<RelatedByTopicResult[]>;
+    fullSearch(query: string, limit?: number): Promise<GraphNodeResult[]>;
+    nodesByAuthor(author: string): Promise<GraphNodeResult[]>;
+    nodesByOrigin(origin: string): Promise<GraphNodeResult[]>;
+    recentNodes(limit?: number, since?: string): Promise<GraphNodeResult[]>;
 };
 //# sourceMappingURL=query.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../processors/graph-indexer/query.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,EAAwB,MAAM,aAAa,CAAC;AAE5D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAyBD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;gBAEzB,OAAO,CAAC,eAAe,EAAE,CAAC;gBAK1B,OAAO,CAAC,eAAe,EAAE,CAAC;iCAM9B,MAAM,GACjB,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC;0BASX,MAAM,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;mBAS1C,OAAO,CAAC,eAAe,EAAE,CAAC;aAchC,OAAO,CAAC,gBAAgB,CAAC;4BAiB1B,MAAM,sBAEjB,OAAO,CAAC,gBAAgB,EAAE,CAAC;0BA4CF,MAAM,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;eAS9C,OAAO,CAAC,MAAM,CAAC;uBAOP,MAAM,mBAAe,OAAO,CAAC,eAAe,EAAE,CAAC;6BAgBzC,MAAM,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;+BASrC,OAAO,CAClC,KAAK,CAAC;QACJ,CAAC,EAAE,eAAe,CAAC;QACnB,CAAC,EAAE,eAAe,CAAC;QACnB,YAAY,EAAE,eAAe,CAAC;KAC/B,CAAC,CACH;eAuDgB,OAAO,CAAC,eAAe,EAAE,CAAC;EA6D9C"}
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../processors/graph-indexer/query.ts"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import { sql } from "kysely";
 function rowToNode(row) {
     return {
         id: row.id,
@@ -6,6 +7,10 @@ function rowToNode(row) {
         description: row.description,
         noteType: row.note_type,
         status: row.status,
+        content: row.content,
+        author: row.author,
+        sourceOrigin: row.source_origin,
+        createdAt: row.created_at,
         updatedAt: row.updated_at,
     };
 }
@@ -55,14 +60,24 @@ export function createGraphQuery(db) {
             return rows.map(rowToNode);
         },
         async stats() {
-            const nodes = await db.selectFrom("graph_nodes").selectAll().execute();
-            const edges = await db.selectFrom("graph_edges").selectAll().execute();
-            const targetIds = new Set(edges.map((e) => e.target_document_id));
-            const orphanCount = nodes.filter((n) => !targetIds.has(n.document_id)).length;
+            const nodeCountResult = await db
+                .selectFrom("graph_nodes")
+                .select(sql `count(*)`.as("cnt"))
+                .executeTakeFirstOrThrow();
+            const edgeCountResult = await db
+                .selectFrom("graph_edges")
+                .select(sql `count(*)`.as("cnt"))
+                .executeTakeFirstOrThrow();
+            // Orphans: nodes not targeted by any edge
+            const orphanResult = await db
+                .selectFrom("graph_nodes")
+                .select(sql `count(*)`.as("cnt"))
+                .where("document_id", "not in", db.selectFrom("graph_edges").select("target_document_id"))
+                .executeTakeFirstOrThrow();
             return {
-                nodeCount: nodes.length,
-                edgeCount: edges.length,
-                orphanCount,
+                nodeCount: Number(nodeCountResult.cnt),
+                edgeCount: Number(edgeCountResult.cnt),
+                orphanCount: Number(orphanResult.cnt),
             };
         },
         async connections(documentId, maxDepth = 2) {
@@ -110,11 +125,19 @@ export function createGraphQuery(db) {
             return rows.map(rowToEdge);
         },
         async density() {
-            const nodes = await db.selectFrom("graph_nodes").selectAll().execute();
-            const edges = await db.selectFrom("graph_edges").selectAll().execute();
-            if (nodes.length <= 1)
+            const nodeCountResult = await db
+                .selectFrom("graph_nodes")
+                .select(sql `count(*)`.as("cnt"))
+                .executeTakeFirstOrThrow();
+            const edgeCountResult = await db
+                .selectFrom("graph_edges")
+                .select(sql `count(*)`.as("cnt"))
+                .executeTakeFirstOrThrow();
+            const nodeCount = Number(nodeCountResult.cnt);
+            const edgeCount = Number(edgeCountResult.cnt);
+            if (nodeCount <= 1)
                 return 0;
-            return edges.length / (nodes.length * (nodes.length - 1));
+            return edgeCount / (nodeCount * (nodeCount - 1));
         },
         async searchNodes(query, limit = 50) {
             const q = `%${query.toLowerCase()}%`;
@@ -142,7 +165,7 @@ export function createGraphQuery(db) {
             const edges = await db.selectFrom("graph_edges").selectAll().execute();
             const nodeRows = await db.selectFrom("graph_nodes").selectAll().execute();
             const nodeMap = new Map(nodeRows.map((n) => [n.document_id, rowToNode(n)]));
-            // Build incoming map: target → [source1, source2, ...]
+            // Build incoming map: target -> [source1, source2, ...]
             const incoming = new Map();
             const edgeSet = new Set();
             for (const e of edges) {
@@ -162,7 +185,7 @@ export function createGraphQuery(db) {
                     for (let j = i + 1; j < sources.length && results.length < limit; j++) {
                         const aId = sources[i];
                         const bId = sources[j];
-                        // Check if A→B or B→A exists
+                        // Check if A->B or B->A exists
                         if (!edgeSet.has(`${aId}->${bId}`) &&
                             !edgeSet.has(`${bId}->${aId}`)) {
                             const a = nodeMap.get(aId);
@@ -231,5 +254,123 @@ export function createGraphQuery(db) {
             }
             return bridgeNodes;
         },
+        // --- Phase 1: topics, content, provenance queries ---
+        async topicStats() {
+            const rows = await db
+                .selectFrom("graph_topics")
+                .select(["name"])
+                .select(sql `count(*)`.as("note_count"))
+                .groupBy("name")
+                .orderBy(sql `count(*)`, "desc")
+                .execute();
+            return rows.map((r) => ({
+                name: r.name,
+                noteCount: Number(r.note_count),
+            }));
+        },
+        async topicsForNode(documentId) {
+            const rows = await db
+                .selectFrom("graph_topics")
+                .where("document_id", "=", documentId)
+                .select("name")
+                .execute();
+            return rows.map((r) => r.name);
+        },
+        async nodesByTopic(topic) {
+            const rows = await db
+                .selectFrom("graph_nodes")
+                .innerJoin("graph_topics", "graph_nodes.document_id", "graph_topics.document_id")
+                .where("graph_topics.name", "=", topic)
+                .selectAll("graph_nodes")
+                .execute();
+            return rows.map(rowToNode);
+        },
+        async relatedByTopic(documentId, limit = 10) {
+            // Get topics of the source document
+            const sourceTopics = await db
+                .selectFrom("graph_topics")
+                .where("document_id", "=", documentId)
+                .select("name")
+                .execute();
+            if (sourceTopics.length === 0)
+                return [];
+            const topicNames = sourceTopics.map((t) => t.name);
+            // Find other documents sharing those topics
+            const rows = await db
+                .selectFrom("graph_topics")
+                .where("document_id", "!=", documentId)
+                .where("name", "in", topicNames)
+                .select(["document_id", "name"])
+                .execute();
+            // Group by document_id
+            const docTopics = new Map();
+            for (const row of rows) {
+                const existing = docTopics.get(row.document_id) ?? [];
+                existing.push(row.name);
+                docTopics.set(row.document_id, existing);
+            }
+            // Sort by shared topic count descending
+            const sorted = [...docTopics.entries()]
+                .sort((a, b) => b[1].length - a[1].length)
+                .slice(0, limit);
+            const results = [];
+            for (const [docId, shared] of sorted) {
+                const node = await db
+                    .selectFrom("graph_nodes")
+                    .where("document_id", "=", docId)
+                    .selectAll()
+                    .executeTakeFirst();
+                if (node) {
+                    results.push({
+                        node: rowToNode(node),
+                        sharedTopics: shared,
+                        sharedTopicCount: shared.length,
+                    });
+                }
+            }
+            return results;
+        },
+        async fullSearch(query, limit = 50) {
+            const q = `%${query.toLowerCase()}%`;
+            const rows = await db
+                .selectFrom("graph_nodes")
+                .where((eb) => eb.or([
+                eb(eb.fn("lower", ["title"]), "like", q),
+                eb(eb.fn("lower", ["description"]), "like", q),
+                eb(eb.fn("lower", ["content"]), "like", q),
+            ]))
+                .selectAll()
+                .limit(limit)
+                .execute();
+            return rows.map(rowToNode);
+        },
+        async nodesByAuthor(author) {
+            const rows = await db
+                .selectFrom("graph_nodes")
+                .where("author", "=", author)
+                .selectAll()
+                .execute();
+            return rows.map(rowToNode);
+        },
+        async nodesByOrigin(origin) {
+            const rows = await db
+                .selectFrom("graph_nodes")
+                .where("source_origin", "=", origin)
+                .selectAll()
+                .execute();
+            return rows.map(rowToNode);
+        },
+        async recentNodes(limit = 20, since) {
+            let query = db
+                .selectFrom("graph_nodes")
+                .selectAll()
+                .orderBy("created_at", "desc")
+                .limit(limit);
+            if (since) {
+                query = query.where("created_at", ">", since);
+            }
+            const rows = await query.execute();
+            return rows.map(rowToNode);
+        },
     };
 }

package/dist/processors/graph-indexer/schema.d.ts

@@ -5,6 +5,16 @@ export interface GraphNode {
     description: string | null;
     note_type: string | null;
     status: string | null;
+    content: string | null;
+    author: string | null;
+    source_origin: string | null;
+    created_at: string | null;
+    updated_at: string;
+}
+export interface GraphTopic {
+    id: string;
+    document_id: string;
+    name: string;
     updated_at: string;
 }
 export interface GraphEdge {
@@ -18,5 +28,6 @@ export interface GraphEdge {
 export interface DB {
     graph_nodes: GraphNode;
     graph_edges: GraphEdge;
+    graph_topics: GraphTopic;
 }
 //# sourceMappingURL=schema.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../processors/graph-indexer/schema.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,EAAE;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,WAAW,EAAE,SAAS,CAAC;CACxB"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../processors/graph-indexer/schema.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,EAAE;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,WAAW,EAAE,SAAS,CAAC;IACvB,YAAY,EAAE,UAAU,CAAC;CAC1B"}

package/dist/style.css

@@ -51,6 +51,7 @@
     --color-black: hsl(0 0% 0%);
     --color-white: hsl(0 0% 100%);
     --spacing: 0.25rem;
+    --container-md: 28rem;
     --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
@@ -275,12 +276,18 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
@@ -290,6 +297,9 @@
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
   .left-4 {
     left: calc(var(--spacing) * 4);
   }
@@ -380,6 +390,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
@@ -548,6 +561,9 @@
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -614,6 +630,9 @@
   .max-w-full {
     max-width: 100%;
   }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -635,6 +654,10 @@
   .border-collapse {
     border-collapse: collapse;
   }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .rotate-90 {
     rotate: 90deg;
   }
@@ -1102,6 +1125,9 @@
       background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
+  .p-0\.5 {
+    padding: calc(var(--spacing) * 0.5);
+  }
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
@@ -1183,6 +1209,12 @@
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
+  .pt-16 {
+    padding-top: calc(var(--spacing) * 16);
+  }
+  .pr-10 {
+    padding-right: calc(var(--spacing) * 10);
+  }
   .pb-1 {
     padding-bottom: calc(var(--spacing) * 1);
   }
@@ -1195,6 +1227,9 @@
   .pb-12 {
     padding-bottom: calc(var(--spacing) * 12);
   }
+  .pl-10 {
+    padding-left: calc(var(--spacing) * 10);
+  }
   .pl-18 {
     padding-left: calc(var(--spacing) * 18);
   }
@@ -1377,6 +1412,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-50 {
+    opacity: 50%;
+  }
   .opacity-60 {
     opacity: 60%;
   }
@@ -1471,6 +1509,13 @@
       }
     }
   }
+  .group-hover\:opacity-60 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 60%;
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -1862,6 +1907,21 @@
 [data-bai-theme="dark"] #document-editor-context[data-document-type^="bai/"] hr {
   border-color: var(--bai-border) !important;
 }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -2091,6 +2151,9 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;