@powerhousedao/knowledge-note 1.0.0

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

@@ -0,0 +1,283 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useDocumentsInSelectedDrive, setSelectedNode, } from "@powerhousedao/reactor-browser";
+import { generateId } from "document-model/core";
+const STATUS_BADGE = {
+    PASS: "bg-emerald-500/20 text-emerald-300 border-emerald-500/30",
+    WARN: "bg-amber-500/20 text-amber-300 border-amber-500/30",
+    FAIL: "bg-red-500/20 text-red-300 border-red-500/30",
+};
+export function HealthDashboard() {
+    const documents = useDocumentsInSelectedDrive();
+    // Read from bai/health-report document (written by agent via /health skill)
+    const agentReport = useMemo(() => {
+        const reportDoc = (documents ?? []).find((d) => d.header.documentType === "bai/health-report");
+        if (!reportDoc)
+            return null;
+        const state = reportDoc.state.global;
+        if (!state.generatedAt)
+            return null;
+        return state;
+    }, [documents]);
+    // Compute live health from documents (fallback + real-time awareness)
+    const health = useMemo(() => {
+        const docs = documents ?? [];
+        const notes = docs.filter((d) => d.header.documentType === "bai/knowledge-note");
+        const mocs = docs.filter((d) => d.header.documentType === "bai/moc");
+        const sources = docs.filter((d) => d.header.documentType === "bai/source");
+        const observations = docs.filter((d) => d.header.documentType === "bai/observation");
+        const tensions = docs.filter((d) => d.header.documentType === "bai/tension");
+        // Extract note state
+        const noteStates = notes.map((d) => {
+            const state = d.state
+                .global;
+            return {
+                id: d.header.id,
+                title: state.title ?? d.header.name,
+                status: state.status ?? "DRAFT",
+                noteType: state.noteType ?? null,
+                description: state.description ?? null,
+                links: state.links ?? [],
+                topics: state.topics ?? [],
+            };
+        });
+        const noteIds = new Set(noteStates.map((n) => n.id));
+        const edgeCount = noteStates.reduce((sum, n) => sum +
+            n.links.filter((l) => l.targetDocumentId && noteIds.has(l.targetDocumentId)).length, 0);
+        // Incoming link counts
+        const incomingCounts = new Map();
+        for (const note of noteStates) {
+            for (const link of note.links) {
+                if (link.targetDocumentId && noteIds.has(link.targetDocumentId)) {
+                    incomingCounts.set(link.targetDocumentId, (incomingCounts.get(link.targetDocumentId) ?? 0) + 1);
+                }
+            }
+        }
+        const orphans = noteStates.filter((n) => !incomingCounts.has(n.id));
+        const density = noteStates.length > 1
+            ? edgeCount / (noteStates.length * (noteStates.length - 1))
+            : 0;
+        const avgLinks = noteStates.length > 0 ? edgeCount / noteStates.length : 0;
+        // Status distribution
+        const statusDist = {};
+        for (const n of noteStates) {
+            statusDist[n.status] = (statusDist[n.status] ?? 0) + 1;
+        }
+        // Build checks
+        const checks = [];
+        checks.push({
+            id: generateId(),
+            category: "ORPHAN_DETECTION",
+            status: orphans.length === 0 ? "PASS" : orphans.length <= 3 ? "WARN" : "FAIL",
+            message: orphans.length === 0
+                ? "All notes have incoming links"
+                : `${orphans.length} orphan note(s)`,
+            affectedItems: orphans.map((n) => n.title),
+        });
+        checks.push({
+            id: generateId(),
+            category: "LINK_HEALTH",
+            status: avgLinks >= 2 ? "PASS" : avgLinks >= 1 ? "WARN" : "FAIL",
+            message: `Avg ${avgLinks.toFixed(1)} links/note${avgLinks < 2 ? " (target: 2+)" : ""}`,
+            affectedItems: noteStates
+                .filter((n) => n.links.length < 2)
+                .map((n) => n.title),
+        });
+        const noDesc = noteStates.filter((n) => !n.description);
+        checks.push({
+            id: generateId(),
+            category: "DESCRIPTION_QUALITY",
+            status: noDesc.length === 0 ? "PASS" : noDesc.length <= 2 ? "WARN" : "FAIL",
+            message: noDesc.length === 0
+                ? "All notes have descriptions"
+                : `${noDesc.length} missing descriptions`,
+            affectedItems: noDesc.map((n) => n.title),
+        });
+        const noType = noteStates.filter((n) => !n.noteType);
+        checks.push({
+            id: generateId(),
+            category: "SCHEMA_COMPLIANCE",
+            status: noType.length === 0 ? "PASS" : "WARN",
+            message: noType.length === 0
+                ? "All notes have a type"
+                : `${noType.length} note(s) missing type`,
+            affectedItems: noType.map((n) => n.title),
+        });
+        const noTopics = noteStates.filter((n) => n.topics.length === 0);
+        checks.push({
+            id: generateId(),
+            category: "MOC_COHERENCE",
+            status: noTopics.length === 0 ? "PASS" : noTopics.length <= 3 ? "WARN" : "FAIL",
+            message: noTopics.length === 0
+                ? "All notes have topics"
+                : `${noTopics.length} note(s) without topics`,
+            affectedItems: noTopics.map((n) => n.title),
+        });
+        const pendingObs = observations.filter((d) => {
+            const s = d.state.global;
+            return s.status === "PENDING";
+        });
+        if (pendingObs.length > 0) {
+            checks.push({
+                id: generateId(),
+                category: "PROCESSING_THROUGHPUT",
+                status: pendingObs.length > 5 ? "FAIL" : "WARN",
+                message: `${pendingObs.length} pending observation(s) — review and promote or archive`,
+                affectedItems: pendingObs.map((d) => d.header.name),
+            });
+        }
+        const openTensions = tensions.filter((d) => {
+            const s = d.state.global;
+            return s.status === "OPEN";
+        });
+        if (openTensions.length > 0) {
+            checks.push({
+                id: generateId(),
+                category: "THREE_SPACE_BOUNDARIES",
+                status: openTensions.length > 3 ? "FAIL" : "WARN",
+                message: `${openTensions.length} open tension(s) — resolve or dissolve`,
+                affectedItems: openTensions.map((d) => d.header.name),
+            });
+        }
+        const overallStatus = checks.some((c) => c.status === "FAIL")
+            ? "FAIL"
+            : checks.some((c) => c.status === "WARN")
+                ? "WARN"
+                : "PASS";
+        const recommendations = [];
+        if (orphans.length > 0)
+            recommendations.push({
+                text: `Connect ${orphans.length} orphan note(s) — open each and add links via the Links tab`,
+                noteIds: orphans.map((n) => n.id),
+            });
+        if (avgLinks < 2) {
+            const lowLink = noteStates.filter((n) => n.links.length < 2);
+            recommendations.push({
+                text: `${lowLink.length} note(s) have fewer than 2 links — open and add connections`,
+                noteIds: lowLink.map((n) => n.id),
+            });
+        }
+        if (noDesc.length > 0)
+            recommendations.push({
+                text: `Add descriptions to ${noDesc.length} note(s)`,
+                noteIds: noDesc.map((n) => n.id),
+            });
+        if (noType.length > 0)
+            recommendations.push({
+                text: `Set note types on ${noType.length} note(s)`,
+                noteIds: noType.map((n) => n.id),
+            });
+        if (noTopics.length > 0)
+            recommendations.push({
+                text: `Tag ${noTopics.length} note(s) with topics`,
+                noteIds: noTopics.map((n) => n.id),
+            });
+        return {
+            noteCount: noteStates.length,
+            mocCount: mocs.length,
+            sourceCount: sources.length,
+            edgeCount,
+            density,
+            orphanCount: orphans.length,
+            avgLinksPerNote: avgLinks,
+            statusDist,
+            overallStatus,
+            checks,
+            recommendations,
+        };
+    }, [documents]);
+    return (_jsxs("div", { className: "p-4 space-y-6", children: [_jsxs("div", { className: "flex items-center gap-4 rounded-xl p-6", style: {
+                    backgroundColor: "var(--bai-surface)",
+                    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: [
+                    {
+                        label: "Notes",
+                        value: agentReport?.graphMetrics?.noteCount ?? health.noteCount,
+                        colorClass: "",
+                        colorStyle: { color: "var(--bai-accent)" },
+                    },
+                    {
+                        label: "MOCs",
+                        value: agentReport?.graphMetrics?.mocCount ?? health.mocCount,
+                        colorClass: "text-blue-400",
+                        colorStyle: undefined,
+                    },
+                    {
+                        label: "Sources",
+                        value: health.sourceCount,
+                        colorClass: "text-cyan-400",
+                        colorStyle: undefined,
+                    },
+                    {
+                        label: "Edges",
+                        value: agentReport?.graphMetrics?.connectionCount ?? health.edgeCount,
+                        colorClass: "text-emerald-400",
+                        colorStyle: undefined,
+                    },
+                    {
+                        label: "Density",
+                        value: `${((agentReport?.graphMetrics?.density ?? health.density) * 100).toFixed(1)}%`,
+                        colorClass: "",
+                        colorStyle: { color: "var(--bai-text-secondary)" },
+                    },
+                    {
+                        label: "Orphans",
+                        value: agentReport?.graphMetrics?.orphanCount ?? health.orphanCount,
+                        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
+                            ? "text-amber-400"
+                            : "text-emerald-400",
+                        colorStyle: undefined,
+                    },
+                    {
+                        label: "Status Mix",
+                        value: Object.entries(health.statusDist)
+                            .map(([k, v]) => `${k}:${v}`)
+                            .join(" "),
+                        colorClass: "",
+                        colorStyle: { color: "var(--bai-text-tertiary)" },
+                    },
+                ].map((m) => (_jsxs("div", { className: "rounded-xl p-4", style: {
+                        backgroundColor: "var(--bai-bg)",
+                        border: "1px solid var(--bai-border)",
+                    }, children: [_jsx("p", { className: `text-xl font-bold ${m.colorClass}`, style: m.colorStyle, children: m.value }), _jsx("p", { className: "text-[10px]", style: { color: "var(--bai-text-faint)" }, children: m.label })] }, m.label))) }), _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: ["Health Checks (", (agentReport?.checks ?? health.checks).length, ")"] }), _jsx("div", { className: "space-y-2", children: (agentReport?.checks ?? health.checks).map((check) => (_jsxs("div", { className: "flex items-start gap-3 rounded-lg px-4 py-3", style: {
+                                backgroundColor: "var(--bai-bg)",
+                                border: "1px solid var(--bai-border)",
+                            }, children: [_jsx("span", { className: `mt-0.5 shrink-0 rounded-full border px-2 py-0.5 text-[10px] font-bold ${STATUS_BADGE[check.status]}`, children: check.status }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-xs font-medium", style: { color: "var(--bai-text-secondary)" }, children: check.category.replaceAll("_", " ") }), _jsx("p", { className: "mt-0.5 text-xs", style: { color: "var(--bai-text-muted)" }, children: check.message }), check.affectedItems.length > 0 && check.status !== "PASS" && (_jsxs("div", { className: "mt-1 flex flex-wrap gap-1", children: [check.affectedItems.slice(0, 5).map((item, i) => {
+                                                    // Find the note ID for this item so we can navigate to it
+                                                    const noteDoc = (documents ?? []).find((d) => d.header.documentType === "bai/knowledge-note" &&
+                                                        (d.state.global.title === item ||
+                                                            d.header.name === item));
+                                                    return noteDoc ? (_jsx("button", { type: "button", onClick: () => setSelectedNode(noteDoc.header.id), className: "rounded px-1.5 py-0.5 text-[10px] cursor-pointer", style: {
+                                                            backgroundColor: "var(--bai-hover)",
+                                                            color: "var(--bai-accent)",
+                                                        }, children: item }, i)) : (_jsx("span", { className: "rounded px-1.5 py-0.5 text-[10px]", style: {
+                                                            backgroundColor: "var(--bai-hover)",
+                                                            color: "var(--bai-text-faint)",
+                                                        }, children: item }, i));
+                                                }), check.affectedItems.length > 5 && (_jsxs("span", { className: "text-[10px]", style: { color: "var(--bai-text-faint)" }, children: ["+", check.affectedItems.length - 5, " more"] }))] }))] })] }, check.id))) })] }), !agentReport && health.recommendations.length > 0 && (_jsxs("div", { className: "rounded-xl p-6", style: {
+                    backgroundColor: "var(--bai-surface)",
+                    border: "1px solid var(--bai-border)",
+                }, children: [_jsx("h3", { className: "mb-3 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: "Recommendations" }), _jsx("ul", { className: "space-y-3", children: health.recommendations.map((rec, i) => (_jsxs("li", { children: [_jsxs("div", { className: "flex items-start gap-2 text-xs", style: { color: "var(--bai-text-tertiary)" }, children: [_jsx("span", { className: "mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full", style: { backgroundColor: "var(--bai-accent)" } }), rec.text] }), rec.noteIds.length > 0 && (_jsxs("div", { className: "mt-1.5 ml-3.5 flex flex-wrap gap-1", children: [rec.noteIds.slice(0, 5).map((noteId) => {
+                                            const doc = (documents ?? []).find((d) => d.header.id === noteId);
+                                            const title = doc
+                                                ? (doc.state.global.title ?? doc.header.name)
+                                                : noteId.slice(0, 8);
+                                            return (_jsx("button", { type: "button", onClick: () => setSelectedNode(noteId), className: "rounded px-2 py-1 text-[10px]", style: {
+                                                    backgroundColor: "var(--bai-hover)",
+                                                    color: "var(--bai-accent)",
+                                                }, children: typeof title === "string" && title.length > 35
+                                                    ? title.slice(0, 35) + "\u2026"
+                                                    : title }, noteId));
+                                        }), rec.noteIds.length > 5 && (_jsxs("span", { className: "text-[10px]", style: { color: "var(--bai-text-faint)" }, children: ["+", rec.noteIds.length - 5, " more"] }))] }))] }, i))) })] }))] }));
+}

package/dist/editors/knowledge-vault/components/NavigationBreadcrumbs.d.ts

@@ -0,0 +1,3 @@
+/** Shows the navigation breadcrumbs for the selected drive or folder */
+export declare function NavigationBreadcrumbs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NavigationBreadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/NavigationBreadcrumbs.tsx"],"names":[],"mappings":"AAEA,wEAAwE;AACxE,wBAAgB,qBAAqB,4CAMpC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Breadcrumbs } from "@powerhousedao/design-system/connect";
+/** Shows the navigation breadcrumbs for the selected drive or folder */
+export function NavigationBreadcrumbs() {
+    return (_jsx("div", { className: "border-b border-gray-200 pb-3 space-y-3", children: _jsx(Breadcrumbs, {}) }));
+}

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

@@ -0,0 +1,7 @@
+import type { KnowledgeNoteInfo } from "../hooks/use-knowledge-notes.js";
+type NoteListProps = {
+    notes: KnowledgeNoteInfo[];
+};
+export declare function NoteList({ notes }: NoteListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NoteList.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { setSelectedNode } from "@powerhousedao/reactor-browser";
+const STATUS_BADGE_STYLES = {
+    DRAFT: {
+        background: "rgba(245, 158, 11, 0.2)",
+        color: "rgba(252, 211, 77, 1)",
+        borderColor: "rgba(245, 158, 11, 0.3)",
+    },
+    IN_REVIEW: {
+        background: "rgba(59, 130, 246, 0.2)",
+        color: "rgba(147, 197, 253, 1)",
+        borderColor: "rgba(59, 130, 246, 0.3)",
+    },
+    CANONICAL: {
+        background: "rgba(16, 185, 129, 0.2)",
+        color: "rgba(110, 231, 183, 1)",
+        borderColor: "rgba(16, 185, 129, 0.3)",
+    },
+    ARCHIVED: {
+        background: "var(--bai-hover)",
+        color: "var(--bai-text-muted)",
+        borderColor: "var(--bai-border)",
+    },
+};
+export function NoteList({ notes }) {
+    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))) }));
+}
+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: {
+                            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;
+        }
+      ` })] }));
+}

package/dist/editors/knowledge-vault/components/PipelineView.d.ts

@@ -0,0 +1,2 @@
+export declare function PipelineView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PipelineView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineView.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/PipelineView.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,YAAY,4CAkI3B"}

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

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useDocumentsInSelectedDrive } from "@powerhousedao/reactor-browser";
+const PHASE_COLORS = {
+    create: "bg-amber-400",
+    reflect: "bg-blue-400",
+    reweave: "bg-purple-400",
+    verify: "bg-emerald-400",
+    enrich: "bg-sky-400",
+};
+const STATUS_COLORS = {
+    PENDING: "text-gray-400",
+    IN_PROGRESS: "text-blue-400",
+    BLOCKED: "text-red-400",
+    DONE: "text-emerald-400",
+    FAILED: "text-red-500",
+};
+export function PipelineView() {
+    const documents = useDocumentsInSelectedDrive();
+    const queueDoc = useMemo(() => {
+        return (documents ?? []).find((d) => d.header.documentType === "bai/pipeline-queue");
+    }, [documents]);
+    const state = useMemo(() => {
+        if (!queueDoc)
+            return null;
+        return queueDoc.state
+            .global;
+    }, [queueDoc]);
+    const tasks = useMemo(() => {
+        if (!state?.tasks)
+            return [];
+        return state.tasks;
+    }, [state]);
+    const stats = useMemo(() => {
+        const pending = tasks.filter((t) => t.status === "PENDING").length;
+        const inProgress = tasks.filter((t) => t.status === "IN_PROGRESS").length;
+        const blocked = tasks.filter((t) => t.status === "BLOCKED").length;
+        const done = tasks.filter((t) => t.status === "DONE").length;
+        const failed = tasks.filter((t) => t.status === "FAILED").length;
+        return { pending, inProgress, blocked, done, failed, total: tasks.length };
+    }, [tasks]);
+    if (!queueDoc) {
+        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg text-gray-500", children: "Pipeline queue initializing..." }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "The pipeline-queue document will be created automatically" })] }) }));
+    }
+    return (_jsxs("div", { className: "p-4 space-y-6", children: [_jsx("div", { className: "grid grid-cols-5 gap-3", children: [
+                    { label: "Pending", value: stats.pending, color: "text-gray-400" },
+                    {
+                        label: "In Progress",
+                        value: stats.inProgress,
+                        color: "text-blue-400",
+                    },
+                    { label: "Blocked", value: stats.blocked, color: "text-red-400" },
+                    { label: "Done", value: stats.done, color: "text-emerald-400" },
+                    { label: "Failed", value: stats.failed, color: "text-red-500" },
+                ].map((s) => (_jsxs("div", { className: "rounded-lg bg-[#1e1e2e] p-3 ring-1 ring-white/5", children: [_jsx("p", { className: `text-xl font-bold ${s.color}`, children: s.value }), _jsx("p", { className: "text-[10px] text-gray-600", children: s.label })] }, s.label))) }), tasks.length === 0 ? (_jsxs("div", { className: "rounded-lg border border-dashed border-white/10 p-6 text-center", children: [_jsx("p", { className: "text-sm text-gray-500", children: "No tasks in the pipeline" }), _jsx("p", { className: "mt-1 text-xs text-gray-600", children: "Use /seed to ingest source material and start processing" })] })) : (_jsx("div", { className: "space-y-1", children: tasks.map((task) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-white/5 bg-[#1e1e2e] px-4 py-3", children: [_jsx("span", { className: `text-xs font-semibold ${STATUS_COLORS[task.status] ?? "text-gray-500"}`, children: task.status }), _jsx("span", { className: "flex-1 truncate text-sm text-gray-300", children: task.target }), _jsxs("div", { className: "flex items-center gap-1", children: [task.completedPhases.map((phase) => (_jsx("span", { className: `h-2 w-6 rounded-full ${PHASE_COLORS[phase] ?? "bg-gray-500"} opacity-60`, title: `${phase} (done)` }, phase))), task.currentPhase && (_jsx("span", { className: `h-2 w-6 rounded-full ${PHASE_COLORS[task.currentPhase] ?? "bg-gray-500"} animate-pulse`, title: `${task.currentPhase} (current)` }))] }), _jsx("span", { className: "rounded bg-[#313244] px-1.5 py-0.5 text-[10px] text-gray-500", children: task.taskType }), task.assignedTo && (_jsx("span", { className: "text-[10px] text-gray-600", children: task.assignedTo }))] }, task.id))) }))] }));
+}

package/dist/editors/knowledge-vault/components/SourceList.d.ts

@@ -0,0 +1,2 @@
+export declare function SourceList(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SourceList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SourceList.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/SourceList.tsx"],"names":[],"mappings":"AA8GA,wBAAgB,UAAU,4CAoNzB"}

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

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from "react";
+import { setSelectedNode, useDocumentsInSelectedDrive, useSelectedDriveId, deleteNode, } from "@powerhousedao/reactor-browser";
+import { CreateDocumentDialog } from "./CreateDocumentDialog.js";
+function DeleteModal({ target, driveId, onClose, }) {
+    const [deleting, setDeleting] = useState(false);
+    if (!target)
+        return null;
+    async function handleDelete() {
+        if (!driveId || !target)
+            return;
+        setDeleting(true);
+        try {
+            await deleteNode(driveId, target.id);
+        }
+        finally {
+            setDeleting(false);
+            onClose();
+        }
+    }
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [_jsx("div", { className: "absolute inset-0 bg-black/60", onClick: onClose }), _jsxs("div", { className: "relative z-10 w-[400px] rounded-2xl p-6 shadow-2xl", style: {
+                    backgroundColor: "var(--bai-surface)",
+                    border: "1px solid var(--bai-border)",
+                }, children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-red-500/10", children: _jsx("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6" }) }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "text-sm font-semibold", style: { color: "var(--bai-text)" }, children: "Delete Source" }), _jsxs("p", { className: "mt-1.5 text-xs", style: { color: "var(--bai-text-tertiary)" }, children: ["Are you sure you want to delete", " ", _jsx("span", { className: "font-medium", style: { color: "var(--bai-text-secondary)" }, children: target.title }), "? This will remove the source and its history from the vault."] })] })] }), _jsxs("div", { className: "mt-6 flex justify-end gap-3", children: [_jsx("button", { type: "button", onClick: onClose, disabled: deleting, className: "rounded-xl px-4 py-2 text-sm font-medium transition-colors hover:bg-white/5", style: { color: "var(--bai-text-tertiary)" }, children: "Cancel" }), _jsx("button", { type: "button", onClick: handleDelete, disabled: deleting, className: "rounded-xl bg-red-500/20 px-4 py-2 text-sm font-semibold text-red-400 ring-1 ring-red-500/30 transition-colors hover:bg-red-500/30 disabled:opacity-40", children: deleting ? "Deleting..." : "Delete" })] })] })] }));
+}
+const STATUS_COLORS = {
+    INBOX: "bg-amber-500/20 text-amber-300 border-amber-500/30",
+    EXTRACTING: "bg-blue-500/20 text-blue-300 border-blue-500/30",
+    EXTRACTED: "bg-emerald-500/20 text-emerald-300 border-emerald-500/30",
+    ARCHIVED: "bg-gray-500/20 text-gray-400 border-gray-500/30",
+};
+export function SourceList() {
+    const [createOpen, setCreateOpen] = useState(false);
+    const [deleteTarget, setDeleteTarget] = useState(null);
+    const documents = useDocumentsInSelectedDrive();
+    const driveId = useSelectedDriveId();
+    const sources = useMemo(() => {
+        return (documents ?? [])
+            .filter((d) => d.header.documentType === "bai/source")
+            .map((d) => {
+            const state = d.state.global;
+            return {
+                id: d.header.id,
+                name: d.header.name,
+                title: state.title ?? d.header.name,
+                sourceType: state.sourceType ?? null,
+                status: state.status ?? "INBOX",
+                claimCount: (state.extractedClaims ?? []).length,
+                createdBy: state.createdBy ?? null,
+            };
+        });
+    }, [documents]);
+    const grouped = useMemo(() => {
+        const groups = {
+            INBOX: [],
+            EXTRACTING: [],
+            EXTRACTED: [],
+            ARCHIVED: [],
+        };
+        for (const s of sources) {
+            const bucket = groups[s.status] ?? groups.INBOX;
+            bucket.push(s);
+        }
+        return groups;
+    }, [sources]);
+    return (_jsxs("div", { className: "p-4 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("h2", { className: "text-sm font-semibold", style: { color: "var(--bai-text-tertiary)" }, children: ["Sources (", sources.length, ")"] }), _jsxs("button", { type: "button", onClick: () => setCreateOpen(true), className: "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors hover:opacity-80", style: {
+                            backgroundColor: "var(--bai-accent)",
+                            color: "var(--bai-accent-text)",
+                        }, children: [_jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("path", { d: "M12 5v14M5 12h14" }) }), "Ingest Source"] })] }), sources.length === 0 ? (_jsx("div", { className: "flex h-64 items-center justify-center rounded-xl", style: {
+                    backgroundColor: "var(--bai-surface)",
+                    border: "1px solid var(--bai-border)",
+                }, children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-sm", style: { color: "var(--bai-text-muted)" }, children: "No sources yet" }), _jsx("p", { className: "mt-1 text-xs", style: { color: "var(--bai-text-faint)" }, children: "Ingest source material to start the extraction pipeline" })] }) })) : (_jsx(_Fragment, { children: ["INBOX", "EXTRACTING", "EXTRACTED", "ARCHIVED"].map((status) => {
+                    const items = grouped[status];
+                    if (items.length === 0)
+                        return null;
+                    return (_jsxs("div", { children: [_jsxs("h3", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: [_jsx("span", { className: `inline-block h-2 w-2 rounded-full ${STATUS_COLORS[status]?.split(" ")[0]}` }), status.replace("_", " "), " (", items.length, ")"] }), _jsx("div", { className: "space-y-1", children: items.map((source) => (_jsxs("div", { className: "group flex items-center gap-3 rounded-lg px-4 py-3", style: {
+                                        backgroundColor: "var(--bai-bg)",
+                                        border: "1px solid var(--bai-border)",
+                                    }, children: [_jsxs("button", { type: "button", onClick: () => setSelectedNode(source.id), className: "flex flex-1 items-center gap-3 text-left min-w-0", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "truncate text-sm font-medium", style: { color: "var(--bai-text-secondary)" }, children: source.title }), _jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [source.sourceType && (_jsx("span", { className: "rounded px-1.5 py-0.5 text-[10px]", style: {
+                                                                        backgroundColor: "var(--bai-hover)",
+                                                                        color: "var(--bai-text-muted)",
+                                                                    }, children: source.sourceType })), source.createdBy && (_jsxs("span", { className: "text-[10px]", style: { color: "var(--bai-text-faint)" }, children: ["by ", source.createdBy] }))] })] }), source.claimCount > 0 && (_jsxs("span", { className: "text-[10px]", style: { color: "var(--bai-text-faint)" }, children: [source.claimCount, " claims"] })), _jsx("span", { className: `shrink-0 rounded-full border px-2 py-0.5 text-[10px] font-medium ${STATUS_COLORS[source.status]}`, children: source.status })] }), _jsx("button", { type: "button", onClick: (e) => {
+                                                e.stopPropagation();
+                                                setDeleteTarget({
+                                                    id: source.id,
+                                                    title: source.title,
+                                                });
+                                            }, className: "shrink-0 rounded p-1.5 opacity-0 transition-all hover:bg-red-500/10 hover:text-red-400 group-hover:opacity-100", style: { color: "var(--bai-text-faint)" }, title: "Delete source", children: _jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6" }) }) })] }, source.id))) })] }, status));
+                }) })), _jsx(CreateDocumentDialog, { open: createOpen, documentType: "bai/source", documentTypeLabel: "Source", onClose: () => setCreateOpen(false) }), _jsx(DeleteModal, { target: deleteTarget, driveId: driveId, onClose: () => setDeleteTarget(null) })] }));
+}

package/dist/editors/knowledge-vault/components/VaultSidebar.d.ts

@@ -0,0 +1,7 @@
+import type { KnowledgeNoteInfo } from "../hooks/use-knowledge-notes.js";
+type VaultSidebarProps = {
+    notes: KnowledgeNoteInfo[];
+};
+export declare function VaultSidebar({ notes }: VaultSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VaultSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VaultSidebar.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/VaultSidebar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAGzE,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAsBF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CA8hBxD"}