@powerhousedao/knowledge-note 1.0.0

package/dist/editors/knowledge-graph-editor/editor.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { generateId } from "document-model/core";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { useSelectedKnowledgeGraphDocument, actions, } from "@powerhousedao/knowledge-note/document-models/knowledge-graph";
+import { useKnowledgeNoteDocumentsInSelectedDrive } from "@powerhousedao/knowledge-note/document-models/knowledge-note";
+import { TOOLBAR_CLASS } from "../shared/theme-context.js";
+export default function Editor() {
+    const [document, dispatch] = useSelectedKnowledgeGraphDocument();
+    const allNoteDocs = useKnowledgeNoteDocumentsInSelectedDrive();
+    const state = document.state.global;
+    const nodeCount = state.nodes.length;
+    const edgeCount = state.edges.length;
+    const handleSync = useCallback(() => {
+        const docs = allNoteDocs ?? [];
+        const noteIds = new Set(docs.map((d) => d.header.id));
+        const nodes = docs.map((doc) => ({
+            id: generateId(),
+            documentId: doc.header.id,
+            title: doc.state.global.title ?? doc.header.name ?? null,
+            noteType: doc.state.global.noteType ?? null,
+            status: doc.state.global.status ?? "DRAFT",
+        }));
+        const edges = docs.flatMap((doc) => {
+            const links = doc.state.global.links ?? [];
+            return links
+                .filter((l) => l.targetDocumentId && noteIds.has(l.targetDocumentId))
+                .map((link) => ({
+                id: generateId(),
+                sourceDocumentId: doc.header.id,
+                targetDocumentId: link.targetDocumentId ?? "",
+                linkType: link.linkType ?? null,
+            }));
+        });
+        dispatch(actions.syncGraph({
+            nodes,
+            edges,
+            syncedAt: new Date().toISOString(),
+        }));
+    }, [allNoteDocs, dispatch]);
+    return (_jsx("div", { className: "min-h-screen", style: { backgroundColor: "var(--bai-bg)", color: "var(--bai-text)" }, children: _jsxs("div", { className: "mx-auto max-w-4xl", children: [_jsx(DocumentToolbar, { className: TOOLBAR_CLASS }), _jsxs("div", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "rounded-xl p-6", style: {
+                                backgroundColor: "var(--bai-surface)",
+                                border: "1px solid var(--bai-border)",
+                            }, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-lg font-bold", style: { color: "var(--bai-text)" }, children: "Knowledge Graph" }), _jsx("p", { className: "mt-1 text-sm", style: { color: "var(--bai-text-muted)" }, children: "Materialized graph of note relationships, queryable via Switchboard." })] }), _jsxs("button", { type: "button", onClick: handleSync, className: "flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium hover:opacity-80", style: {
+                                                backgroundColor: "var(--bai-accent)",
+                                                color: "var(--bai-accent-text)",
+                                            }, children: [_jsx("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M21 2v6h-6M3 12a9 9 0 0115.36-6.36L21 8M3 22v-6h6M21 12a9 9 0 01-15.36 6.36L3 16" }) }), "Sync Graph"] })] }), _jsxs("div", { className: "mt-6 grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "rounded-lg p-4", style: {
+                                                backgroundColor: "var(--bai-bg)",
+                                                boxShadow: "0 0 0 1px var(--bai-ring)",
+                                            }, children: [_jsx("p", { className: "text-2xl font-bold text-emerald-400", children: nodeCount }), _jsx("p", { className: "text-xs", style: { color: "var(--bai-text-muted)" }, children: "Nodes" })] }), _jsxs("div", { className: "rounded-lg p-4", style: {
+                                                backgroundColor: "var(--bai-bg)",
+                                                boxShadow: "0 0 0 1px var(--bai-ring)",
+                                            }, children: [_jsx("p", { className: "text-2xl font-bold text-blue-400", children: edgeCount }), _jsx("p", { className: "text-xs", style: { color: "var(--bai-text-muted)" }, children: "Edges" })] }), _jsxs("div", { className: "rounded-lg p-4", style: {
+                                                backgroundColor: "var(--bai-bg)",
+                                                boxShadow: "0 0 0 1px var(--bai-ring)",
+                                            }, children: [_jsx("p", { className: "text-2xl font-bold", style: { color: "var(--bai-accent)" }, children: state.lastSyncedAt
+                                                        ? new Date(state.lastSyncedAt).toLocaleTimeString()
+                                                        : "\u2014" }), _jsx("p", { className: "text-xs", style: { color: "var(--bai-text-muted)" }, children: "Last Synced" })] })] })] }), _jsxs("div", { className: "rounded-xl p-6", style: {
+                                backgroundColor: "var(--bai-surface)",
+                                border: "1px solid var(--bai-border)",
+                            }, children: [_jsxs("h2", { className: "mb-3 text-sm font-semibold", style: { color: "var(--bai-text-tertiary)" }, children: ["Nodes (", nodeCount, ")"] }), nodeCount === 0 ? (_jsx("p", { className: "text-sm", style: { color: "var(--bai-text-faint)" }, children: "No nodes yet. Click \"Sync Graph\" to populate from notes." })) : (_jsx("div", { className: "space-y-1", children: state.nodes.map((node) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2 text-xs", style: { backgroundColor: "var(--bai-bg)" }, children: [_jsx("span", { className: `h-2 w-2 rounded-full ${node.status === "CANONICAL"
+                                                    ? "bg-emerald-400"
+                                                    : node.status === "IN_REVIEW"
+                                                        ? "bg-blue-400"
+                                                        : node.status === "ARCHIVED"
+                                                            ? "bg-gray-500"
+                                                            : "bg-amber-400"}` }), _jsx("span", { className: "flex-1 truncate", style: { color: "var(--bai-text-secondary)" }, children: node.title ?? node.documentId }), _jsx("span", { className: "rounded px-1.5 py-0.5 text-[10px]", style: {
+                                                    backgroundColor: "var(--bai-hover)",
+                                                    color: "var(--bai-text-muted)",
+                                                }, children: node.noteType ?? "note" }), _jsx("span", { className: "font-mono text-[10px]", style: { color: "var(--bai-text-faint)" }, children: node.documentId.slice(0, 8) })] }, node.id))) }))] }), _jsxs("div", { className: "rounded-xl p-6", style: {
+                                backgroundColor: "var(--bai-surface)",
+                                border: "1px solid var(--bai-border)",
+                            }, children: [_jsxs("h2", { className: "mb-3 text-sm font-semibold", style: { color: "var(--bai-text-tertiary)" }, children: ["Edges (", edgeCount, ")"] }), edgeCount === 0 ? (_jsx("p", { className: "text-sm", style: { color: "var(--bai-text-faint)" }, children: "No edges yet." })) : (_jsx("div", { className: "space-y-1", children: state.edges.map((edge) => {
+                                        const sourceNode = state.nodes.find((n) => n.documentId === edge.sourceDocumentId);
+                                        const targetNode = state.nodes.find((n) => n.documentId === edge.targetDocumentId);
+                                        return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg px-3 py-2 text-xs", style: { backgroundColor: "var(--bai-bg)" }, children: [_jsx("span", { className: "truncate", style: { color: "var(--bai-text-secondary)" }, children: sourceNode?.title ?? edge.sourceDocumentId.slice(0, 8) }), _jsx("span", { className: "shrink-0 rounded px-1.5 py-0.5 text-[10px]", style: {
+                                                        backgroundColor: "var(--bai-hover)",
+                                                        color: "var(--bai-text-muted)",
+                                                    }, children: edge.linkType ?? "relates to" }), _jsx("span", { className: "truncate", style: { color: "var(--bai-text-secondary)" }, children: targetNode?.title ?? edge.targetDocumentId.slice(0, 8) })] }, edge.id));
+                                    }) }))] })] })] }) }));
+}

package/dist/editors/knowledge-graph-editor/module.d.ts

@@ -0,0 +1,4 @@
+import type { EditorModule } from "document-model";
+/** Document editor module for the "["bai/knowledge-graph"]" document type */
+export declare const KnowledgeGraphEditor: EditorModule;
+//# sourceMappingURL=module.d.ts.map

package/dist/editors/knowledge-graph-editor/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/knowledge-graph-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,EAAE,YAOlC,CAAC"}

package/dist/editors/knowledge-graph-editor/module.js

@@ -0,0 +1,10 @@
+import { lazy } from "react";
+/** Document editor module for the "["bai/knowledge-graph"]" document type */
+export const KnowledgeGraphEditor = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["bai/knowledge-graph"],
+    config: {
+        id: "knowledge-graph-editor",
+        name: "KnowledgeGraphEditor",
+    },
+};

package/dist/editors/knowledge-note-editor/components/lifecycle-timeline.d.ts

@@ -0,0 +1,7 @@
+import type { LifecycleEvent } from "../../../document-models/knowledge-note/v1/gen/schema/types.js";
+type LifecycleTimelineProps = {
+    events: LifecycleEvent[];
+};
+export declare function LifecycleTimeline({ events }: LifecycleTimelineProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=lifecycle-timeline.d.ts.map

package/dist/editors/knowledge-note-editor/components/lifecycle-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle-timeline.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-note-editor/components/lifecycle-timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gEAAgE,CAAC;AAErG,KAAK,sBAAsB,GAAG;IAAE,MAAM,EAAE,cAAc,EAAE,CAAA;CAAE,CAAC;AAS3D,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CA0CnE"}

package/dist/editors/knowledge-note-editor/components/lifecycle-timeline.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const STATUS_DOT = {
+    DRAFT: "bg-amber-400",
+    IN_REVIEW: "bg-blue-400",
+    CANONICAL: "bg-emerald-400",
+    ARCHIVED: "bg-gray-500",
+};
+export function LifecycleTimeline({ events }) {
+    if (events.length === 0) {
+        return (_jsx("p", { className: "py-2 text-center text-xs text-gray-600", children: "No lifecycle events yet" }));
+    }
+    return (_jsx("div", { className: "space-y-0", children: events.map((event, i) => {
+            const isLast = i === events.length - 1;
+            const date = event.timestamp
+                ? new Date(event.timestamp).toLocaleString()
+                : "";
+            return (_jsxs("div", { className: "flex gap-3", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: `mt-1 h-2.5 w-2.5 rounded-full ${STATUS_DOT[event.toStatus ?? "DRAFT"]}` }), !isLast && _jsx("div", { className: "w-px flex-1 bg-white/10" })] }), _jsxs("div", { className: "pb-3", children: [_jsxs("p", { className: "text-xs font-medium text-gray-300", children: [event.fromStatus, " \u2192 ", event.toStatus] }), _jsxs("p", { className: "text-xs text-gray-500", children: [event.actor, " \u00B7 ", date] }), event.comment && (_jsxs("p", { className: "mt-0.5 text-xs italic text-gray-600", children: ["\u201C", event.comment, "\u201D"] }))] })] }, event.id));
+        }) }));
+}

package/dist/editors/knowledge-note-editor/components/links-section.d.ts

@@ -0,0 +1,11 @@
+import type { NoteLink, LinkType } from "../../../document-models/knowledge-note/v1/gen/schema/types.js";
+type LinksSectionProps = {
+    links: NoteLink[];
+    currentDocId: string;
+    onAddLink: (id: string, targetDocumentId: string, targetTitle: string, linkType: LinkType) => void;
+    onRemoveLink: (id: string) => void;
+    onUpdateLinkType: (id: string, linkType: LinkType) => void;
+};
+export declare function LinksSection({ links, currentDocId, onAddLink, onRemoveLink, onUpdateLinkType, }: LinksSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=links-section.d.ts.map

package/dist/editors/knowledge-note-editor/components/links-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"links-section.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-note-editor/components/links-section.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACT,MAAM,gEAAgE,CAAC;AAExE,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CACT,EAAE,EAAE,MAAM,EACV,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,QAAQ,KACf,IAAI,CAAC;IACV,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5D,CAAC;AA0BF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,gBAAgB,GACjB,EAAE,iBAAiB,2CA8FnB"}

package/dist/editors/knowledge-note-editor/components/links-section.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useRef, useEffect } from "react";
+import { generateId } from "document-model/core";
+import { useKnowledgeNoteDocumentsInSelectedDrive } from "@powerhousedao/knowledge-note/document-models/knowledge-note";
+const LINK_TYPES = [
+    "RELATES_TO",
+    "BUILDS_ON",
+    "CONTRADICTS",
+    "SUPERSEDES",
+    "DERIVED_FROM",
+];
+const LINK_TYPE_LABELS = {
+    RELATES_TO: "Relates to",
+    BUILDS_ON: "Builds on",
+    CONTRADICTS: "Contradicts",
+    SUPERSEDES: "Supersedes",
+    DERIVED_FROM: "Derived from",
+};
+const LINK_TYPE_COLORS = {
+    RELATES_TO: "bg-slate-500/20 text-slate-300",
+    BUILDS_ON: "bg-sky-500/20 text-sky-300",
+    CONTRADICTS: "bg-red-500/20 text-red-300",
+    SUPERSEDES: "bg-purple-500/20 text-purple-300",
+    DERIVED_FROM: "bg-amber-500/20 text-amber-300",
+};
+export function LinksSection({ links, currentDocId, onAddLink, onRemoveLink, onUpdateLinkType, }) {
+    const [isAdding, setIsAdding] = useState(false);
+    const [editingLinkId, setEditingLinkId] = useState(null);
+    const allDocs = useKnowledgeNoteDocumentsInSelectedDrive();
+    const docOptions = useMemo(() => {
+        const linkedIds = new Set(links.map((l) => l.targetDocumentId));
+        return (allDocs ?? [])
+            .filter((d) => d.header.id !== currentDocId && !linkedIds.has(d.header.id))
+            .map((d) => ({
+            id: d.header.id,
+            title: d.state.global.title ?? d.header.name ?? d.header.id,
+        }));
+    }, [allDocs, currentDocId, links]);
+    const allDocOptions = useMemo(() => {
+        return (allDocs ?? [])
+            .filter((d) => d.header.id !== currentDocId)
+            .map((d) => ({
+            id: d.header.id,
+            title: d.state.global.title ?? d.header.name ?? d.header.id,
+        }));
+    }, [allDocs, currentDocId]);
+    function handleAdd(targetId, targetTitle, linkType) {
+        onAddLink(generateId(), targetId, targetTitle, linkType);
+        setIsAdding(false);
+    }
+    if (links.length === 0 && !isAdding) {
+        return (_jsxs("div", { className: "rounded-lg border border-dashed border-white/10 p-4 text-center", children: [_jsx("p", { className: "mb-2 text-sm text-gray-500", children: "No linked notes yet" }), _jsx("button", { type: "button", onClick: () => setIsAdding(true), className: "text-sm font-medium text-[#cba6f7] hover:text-[#cba6f7]/80", children: "+ Add link" })] }));
+    }
+    return (_jsxs("div", { className: "space-y-2", children: [links.map((link) => (_jsx(LinkCard, { link: link, isEditing: editingLinkId === link.id, allDocOptions: allDocOptions, onStartEdit: () => setEditingLinkId(link.id), onCancelEdit: () => setEditingLinkId(null), onUpdateLinkType: onUpdateLinkType, onRemoveLink: onRemoveLink, onChangeTarget: (targetId, targetTitle) => {
+                    // Remove old link and add new one with updated target
+                    onRemoveLink(link.id);
+                    onAddLink(generateId(), targetId, targetTitle, link.linkType ?? "RELATES_TO");
+                    setEditingLinkId(null);
+                } }, link.id))), isAdding ? (_jsx(AddLinkForm, { docOptions: docOptions, onAdd: handleAdd, onCancel: () => setIsAdding(false) })) : (_jsx("button", { type: "button", onClick: () => setIsAdding(true), className: "w-full rounded-lg border border-dashed border-white/10 py-1.5 text-xs text-gray-500 hover:border-[#cba6f7]/30 hover:text-[#cba6f7]", children: "+ Add link" }))] }));
+}
+function LinkCard({ link, isEditing, allDocOptions, onStartEdit, onCancelEdit, onUpdateLinkType, onRemoveLink, onChangeTarget, }) {
+    if (isEditing) {
+        return (_jsxs("div", { className: "rounded-lg border border-[#cba6f7]/20 bg-[#cba6f7]/5 p-2", children: [_jsx("p", { className: "mb-1.5 text-[10px] font-medium uppercase text-gray-500", children: "Change target document" }), _jsx(DocumentSearch, { options: allDocOptions, onSelect: (doc) => onChangeTarget(doc.id, doc.title), onCancel: onCancelEdit, autoFocus: true })] }));
+    }
+    return (_jsxs("div", { className: "group flex items-center gap-2 rounded-lg border border-white/5 bg-[#1e1e2e] px-3 py-2", children: [_jsx("select", { value: link.linkType ?? "RELATES_TO", onChange: (e) => onUpdateLinkType(link.id, e.target.value), className: `rounded-md border-0 px-2 py-0.5 text-xs font-medium ${LINK_TYPE_COLORS[link.linkType ?? "RELATES_TO"]} bg-transparent`, children: LINK_TYPES.map((lt) => (_jsx("option", { value: lt, children: LINK_TYPE_LABELS[lt] }, lt))) }), _jsx("button", { type: "button", onClick: onStartEdit, className: "flex-1 truncate text-left text-sm text-gray-300 hover:text-[#cba6f7]", title: "Click to change target document", children: link.targetTitle || link.targetDocumentId || "Untitled" }), link.targetDocumentId && (_jsx("span", { className: "hidden text-[10px] font-mono text-gray-600 group-hover:inline", title: link.targetDocumentId, children: link.targetDocumentId.slice(0, 8) })), _jsx("button", { type: "button", onClick: () => onRemoveLink(link.id), className: "text-gray-600 opacity-0 transition-opacity hover:text-red-400 group-hover:opacity-100", "aria-label": "Remove link", children: "\u00D7" })] }));
+}
+function AddLinkForm({ docOptions, onAdd, onCancel, }) {
+    const [selectedDoc, setSelectedDoc] = useState(null);
+    const [manualTitle, setManualTitle] = useState("");
+    const [manualId, setManualId] = useState("");
+    const [linkType, setLinkType] = useState("RELATES_TO");
+    const [mode, setMode] = useState("search");
+    function handleSubmit() {
+        if (mode === "search" && selectedDoc) {
+            onAdd(selectedDoc.id, selectedDoc.title, linkType);
+        }
+        else if (mode === "manual" && manualTitle.trim()) {
+            onAdd(manualId.trim(), manualTitle.trim(), linkType);
+        }
+    }
+    const hasValue = mode === "search" ? !!selectedDoc : !!manualTitle.trim();
+    return (_jsxs("div", { className: "space-y-2 rounded-lg border border-[#cba6f7]/20 bg-[#cba6f7]/5 p-3", children: [_jsxs("div", { className: "flex gap-1", children: [_jsx("button", { type: "button", onClick: () => setMode("search"), className: `rounded px-2 py-0.5 text-[10px] font-medium ${mode === "search" ? "bg-[#313244] text-[#cba6f7]" : "text-gray-500"}`, children: "Search drive" }), _jsx("button", { type: "button", onClick: () => setMode("manual"), className: `rounded px-2 py-0.5 text-[10px] font-medium ${mode === "manual" ? "bg-[#313244] text-[#cba6f7]" : "text-gray-500"}`, children: "Manual entry" })] }), mode === "search" ? (_jsx("div", { children: selectedDoc ? (_jsxs("div", { className: "flex items-center gap-2 rounded border border-white/10 bg-[#1e1e2e] px-3 py-1.5", children: [_jsx("span", { className: "flex-1 truncate text-sm text-gray-300", children: selectedDoc.title }), _jsx("span", { className: "text-[10px] font-mono text-gray-600", children: selectedDoc.id.slice(0, 8) }), _jsx("button", { type: "button", onClick: () => setSelectedDoc(null), className: "text-gray-500 hover:text-red-400", children: "\u00D7" })] })) : (_jsx(DocumentSearch, { options: docOptions, onSelect: setSelectedDoc, onCancel: onCancel, autoFocus: true })) })) : (_jsxs(_Fragment, { children: [_jsx("input", { type: "text", value: manualTitle, onChange: (e) => setManualTitle(e.target.value), placeholder: "Link title...", autoFocus: true, className: "w-full rounded border border-white/10 bg-[#1e1e2e] px-3 py-1.5 text-sm text-gray-300 outline-none focus:border-[#cba6f7]/50" }), _jsx("input", { type: "text", value: manualId, onChange: (e) => setManualId(e.target.value), placeholder: "Document PHID (optional)", className: "w-full rounded border border-white/10 bg-[#1e1e2e] px-3 py-1.5 text-sm font-mono text-gray-400 outline-none focus:border-[#cba6f7]/50" })] })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("select", { value: linkType, onChange: (e) => setLinkType(e.target.value), className: "rounded border border-white/10 bg-[#1e1e2e] px-2 py-1.5 text-sm text-gray-300", children: LINK_TYPES.map((lt) => (_jsx("option", { value: lt, children: LINK_TYPE_LABELS[lt] }, lt))) }), _jsx("div", { className: "flex-1" }), _jsx("button", { type: "button", onClick: onCancel, className: "rounded px-3 py-1 text-xs text-gray-500 hover:bg-white/5", children: "Cancel" }), _jsx("button", { type: "button", onClick: handleSubmit, disabled: !hasValue, className: "rounded bg-[#cba6f7] px-3 py-1 text-xs font-medium text-[#1e1e2e] hover:bg-[#cba6f7]/80 disabled:opacity-40", children: "Add" })] })] }));
+}
+function DocumentSearch({ options, onSelect, onCancel, autoFocus, }) {
+    const [query, setQuery] = useState("");
+    const [isOpen, setIsOpen] = useState(true);
+    const inputRef = useRef(null);
+    const containerRef = useRef(null);
+    const filtered = useMemo(() => {
+        if (!query.trim())
+            return options.slice(0, 20);
+        const q = query.toLowerCase();
+        return options
+            .filter((d) => d.title.toLowerCase().includes(q) || d.id.toLowerCase().includes(q))
+            .slice(0, 20);
+    }, [options, query]);
+    useEffect(() => {
+        if (autoFocus)
+            inputRef.current?.focus();
+    }, [autoFocus]);
+    useEffect(() => {
+        function handleClickOutside(e) {
+            if (containerRef.current &&
+                !containerRef.current.contains(e.target)) {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    return (_jsxs("div", { ref: containerRef, className: "relative", children: [_jsx("input", { ref: inputRef, type: "text", value: query, onChange: (e) => {
+                    setQuery(e.target.value);
+                    setIsOpen(true);
+                }, onFocus: () => setIsOpen(true), onKeyDown: (e) => {
+                    if (e.key === "Escape")
+                        onCancel();
+                }, placeholder: "Search notes by title...", className: "w-full rounded border border-white/10 bg-[#1e1e2e] px-3 py-1.5 text-sm text-gray-300 outline-none focus:border-[#cba6f7]/50" }), isOpen && filtered.length > 0 && (_jsx("div", { className: "absolute z-10 mt-1 max-h-48 w-full overflow-y-auto rounded-lg border border-white/10 bg-[#181825] shadow-xl", children: filtered.map((doc) => (_jsxs("button", { type: "button", onClick: () => {
+                        onSelect(doc);
+                        setIsOpen(false);
+                        setQuery("");
+                    }, className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[#313244]", children: [_jsx("span", { className: "flex-1 truncate text-sm text-gray-300", children: doc.title }), _jsx("span", { className: "shrink-0 text-[10px] font-mono text-gray-600", children: doc.id.slice(0, 8) })] }, doc.id))) })), isOpen && query.trim() && filtered.length === 0 && (_jsx("div", { className: "absolute z-10 mt-1 w-full rounded-lg border border-white/10 bg-[#181825] px-3 py-2 shadow-xl", children: _jsx("p", { className: "text-xs text-gray-500", children: "No matching notes found" }) }))] }));
+}

package/dist/editors/knowledge-note-editor/components/markdown-preview.d.ts

@@ -0,0 +1,6 @@
+type MarkdownPreviewProps = {
+    content: string;
+};
+export declare function MarkdownPreview({ content }: MarkdownPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=markdown-preview.d.ts.map

package/dist/editors/knowledge-note-editor/components/markdown-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-preview.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-note-editor/components/markdown-preview.tsx"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AA0HF,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,oBAAoB,2CA6BhE"}

package/dist/editors/knowledge-note-editor/components/markdown-preview.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}
+function renderMarkdown(md) {
+    const lines = md.split("\n");
+    const html = [];
+    let inCodeBlock = false;
+    let inList = false;
+    let codeBuffer = [];
+    for (const line of lines) {
+        // Fenced code blocks
+        if (line.startsWith("```")) {
+            if (inCodeBlock) {
+                html.push(`<pre class="md-code-block"><code>${escapeHtml(codeBuffer.join("\n"))}</code></pre>`);
+                codeBuffer = [];
+                inCodeBlock = false;
+            }
+            else {
+                if (inList) {
+                    html.push("</ul>");
+                    inList = false;
+                }
+                inCodeBlock = true;
+            }
+            continue;
+        }
+        if (inCodeBlock) {
+            codeBuffer.push(line);
+            continue;
+        }
+        // Close list if line isn't a list item
+        if (inList && !line.match(/^[-*]\s/)) {
+            html.push("</ul>");
+            inList = false;
+        }
+        // Empty line
+        if (line.trim() === "") {
+            if (inList) {
+                html.push("</ul>");
+                inList = false;
+            }
+            continue;
+        }
+        // Headers
+        const h = line.match(/^(#{1,6})\s+(.*)/);
+        if (h) {
+            const level = h[1].length;
+            html.push(`<h${level} class="md-h${level}">${inlineFormat(h[2])}</h${level}>`);
+            continue;
+        }
+        // Blockquote
+        if (line.startsWith("> ")) {
+            html.push(`<blockquote class="md-blockquote">${inlineFormat(line.slice(2))}</blockquote>`);
+            continue;
+        }
+        // Horizontal rule
+        if (line.match(/^---+$/) || line.match(/^\*\*\*+$/)) {
+            html.push('<hr class="md-hr" />');
+            continue;
+        }
+        // Unordered list
+        const li = line.match(/^[-*]\s+(.*)/);
+        if (li) {
+            if (!inList) {
+                html.push('<ul class="md-list">');
+                inList = true;
+            }
+            html.push(`<li>${inlineFormat(li[1])}</li>`);
+            continue;
+        }
+        // Paragraph
+        html.push(`<p class="md-p">${inlineFormat(line)}</p>`);
+    }
+    if (inCodeBlock) {
+        html.push(`<pre class="md-code-block"><code>${escapeHtml(codeBuffer.join("\n"))}</code></pre>`);
+    }
+    if (inList)
+        html.push("</ul>");
+    return html.join("\n");
+}
+function inlineFormat(text) {
+    let out = escapeHtml(text);
+    // Inline code
+    out = out.replace(/`([^`]+)`/g, '<code class="md-inline-code">$1</code>');
+    // Bold
+    out = out.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
+    // Italic
+    out = out.replace(/\*([^*]+)\*/g, "<em>$1</em>");
+    // Links
+    out = out.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a class="md-link" href="$2">$1</a>');
+    // Wikilinks
+    out = out.replace(/\[\[([^\]]+)\]\]/g, '<span class="md-wikilink">$1</span>');
+    return out;
+}
+export function MarkdownPreview({ content }) {
+    const html = useMemo(() => renderMarkdown(content), [content]);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+        .md-preview h1.md-h1 { font-size: 1.5rem; font-weight: 700; color: #cdd6f4; margin: 1rem 0 0.5rem; }
+        .md-preview h2.md-h2 { font-size: 1.25rem; font-weight: 600; color: #cdd6f4; margin: 1rem 0 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 0.25rem; }
+        .md-preview h3.md-h3 { font-size: 1.1rem; font-weight: 600; color: #bac2de; margin: 0.75rem 0 0.25rem; }
+        .md-preview h4.md-h4, .md-preview h5.md-h5, .md-preview h6.md-h6 { font-size: 1rem; font-weight: 600; color: #a6adc8; margin: 0.5rem 0 0.25rem; }
+        .md-preview .md-p { color: #a6adc8; line-height: 1.7; margin: 0.4rem 0; }
+        .md-preview .md-blockquote { border-left: 3px solid #cba6f7; padding-left: 1rem; color: #7f849c; font-style: italic; margin: 0.5rem 0; }
+        .md-preview .md-list { padding-left: 1.5rem; color: #a6adc8; margin: 0.4rem 0; }
+        .md-preview .md-list li { margin: 0.2rem 0; line-height: 1.6; }
+        .md-preview .md-code-block { background: #11111b; border-radius: 0.5rem; padding: 0.75rem 1rem; overflow-x: auto; margin: 0.5rem 0; }
+        .md-preview .md-code-block code { color: #a6e3a1; font-size: 0.8rem; font-family: monospace; }
+        .md-preview .md-inline-code { background: rgba(203,166,247,0.1); color: #cba6f7; padding: 0.1rem 0.35rem; border-radius: 0.25rem; font-size: 0.85em; font-family: monospace; }
+        .md-preview .md-link { color: #89b4fa; text-decoration: underline; }
+        .md-preview .md-wikilink { color: #cba6f7; font-weight: 500; }
+        .md-preview .md-hr { border: none; border-top: 1px solid rgba(255,255,255,0.1); margin: 1rem 0; }
+        .md-preview strong { color: #cdd6f4; }
+        .md-preview em { color: #bac2de; }
+      ` }), _jsx("div", { className: "md-preview text-sm leading-relaxed", dangerouslySetInnerHTML: { __html: html } })] }));
+}

package/dist/editors/knowledge-note-editor/components/metadata-panel.d.ts

@@ -0,0 +1,9 @@
+import type { KnowledgeNoteState } from "../../../document-models/knowledge-note/v1/gen/schema/types.js";
+type MetadataPanelProps = {
+    state: KnowledgeNoteState;
+    onSetField: (field: string, value: string | null) => void;
+    onSetListField: (field: string, values: string[]) => void;
+};
+export declare function MetadataPanel({ state, onSetField, onSetListField, }: MetadataPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=metadata-panel.d.ts.map

package/dist/editors/knowledge-note-editor/components/metadata-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata-panel.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-note-editor/components/metadata-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAC;AAEzG,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3D,CAAC;AAmGF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,cAAc,GACf,EAAE,kBAAkB,2CAiEpB"}

package/dist/editors/knowledge-note-editor/components/metadata-panel.js

@@ -0,0 +1,127 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+const STRING_FIELDS = [
+    { key: "scope", label: "Scope", placeholder: "e.g. global, team, personal" },
+    {
+        key: "confidence",
+        label: "Confidence",
+        placeholder: "e.g. high, medium, low",
+    },
+    {
+        key: "severity",
+        label: "Severity",
+        placeholder: "e.g. critical, warning, info",
+    },
+    {
+        key: "context",
+        label: "Context",
+        placeholder: "e.g. onboarding, deployment",
+    },
+    {
+        key: "model",
+        label: "Model",
+        placeholder: "e.g. reducer, hook, component",
+    },
+    { key: "modelId", label: "Model ID", placeholder: "e.g. bai/knowledge-note" },
+    { key: "version", label: "Version", placeholder: "e.g. v0.1, 1.2.0" },
+    {
+        key: "filePath",
+        label: "File Path",
+        placeholder: "e.g. src/reducers/content.ts",
+    },
+    { key: "editor", label: "Editor", placeholder: "Who last edited this note" },
+    {
+        key: "decisionStatus",
+        label: "Decision Status",
+        placeholder: "e.g. proposed, accepted, rejected",
+    },
+    {
+        key: "sourceType",
+        label: "Source Type",
+        placeholder: "e.g. API, hook, event",
+    },
+    {
+        key: "targetType",
+        label: "Target Type",
+        placeholder: "e.g. component, service",
+    },
+    {
+        key: "relationType",
+        label: "Relation Type",
+        placeholder: "e.g. depends-on, extends",
+    },
+    {
+        key: "cardinality",
+        label: "Cardinality",
+        placeholder: "e.g. one-to-many, many-to-many",
+    },
+    { key: "computes", label: "Computes", placeholder: "What this note derives" },
+    {
+        key: "errorMessage",
+        label: "Error Message",
+        placeholder: "Error text if applicable",
+    },
+    {
+        key: "rootCause",
+        label: "Root Cause",
+        placeholder: "Underlying cause of an issue",
+    },
+    {
+        key: "correctPattern",
+        label: "Correct Pattern",
+        placeholder: "The right way to do it",
+    },
+];
+const LIST_FIELDS = [
+    { key: "models", label: "Models", placeholder: "Add model..." },
+    { key: "modules", label: "Modules", placeholder: "Add module..." },
+    { key: "hooksUsed", label: "Hooks Used", placeholder: "Add hook..." },
+    {
+        key: "dispatchTargets",
+        label: "Dispatch Targets",
+        placeholder: "Add target...",
+    },
+    { key: "inputs", label: "Inputs", placeholder: "Add input..." },
+    { key: "outputs", label: "Outputs", placeholder: "Add output..." },
+    { key: "consumedBy", label: "Consumed By", placeholder: "Add consumer..." },
+    {
+        key: "alternatives",
+        label: "Alternatives",
+        placeholder: "Add alternative...",
+    },
+    {
+        key: "consequences",
+        label: "Consequences",
+        placeholder: "Add consequence...",
+    },
+];
+export function MetadataPanel({ state, onSetField, onSetListField, }) {
+    const [expanded, setExpanded] = useState(false);
+    const populatedStringFields = STRING_FIELDS.filter((f) => state[f.key] != null);
+    const populatedListFields = LIST_FIELDS.filter((f) => {
+        const v = state[f.key];
+        return Array.isArray(v) && v.length > 0;
+    });
+    const hasAnyMetadata = populatedStringFields.length > 0 || populatedListFields.length > 0;
+    return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setExpanded(!expanded), className: "flex w-full items-center justify-between text-xs font-semibold uppercase tracking-wider text-gray-500", children: [_jsxs("span", { children: ["Metadata", hasAnyMetadata && (_jsxs("span", { className: "font-normal text-gray-600", children: [" ", "(", populatedStringFields.length + populatedListFields.length, ")"] }))] }), _jsx("span", { className: "text-gray-600", children: expanded ? "\u25B2" : "\u25BC" })] }), expanded && (_jsxs("div", { className: "mt-3 space-y-3", children: [_jsx("div", { className: "space-y-2", children: STRING_FIELDS.map((f) => (_jsx(MetadataStringField, { label: f.label, placeholder: f.placeholder, value: state[f.key], onChange: (v) => onSetField(f.key, v) }, f.key))) }), _jsx("hr", { className: "border-white/10" }), _jsx("div", { className: "space-y-2", children: LIST_FIELDS.map((f) => (_jsx(MetadataListField, { label: f.label, placeholder: f.placeholder, values: state[f.key] ?? [], onChange: (v) => onSetListField(f.key, v) }, f.key))) })] }))] }));
+}
+function MetadataStringField({ label, value, placeholder, onChange, }) {
+    return (_jsxs("label", { className: "block text-xs", children: [_jsx("span", { className: "mb-0.5 block text-gray-600", children: label }), _jsx("input", { type: "text", defaultValue: value ?? "", placeholder: placeholder, onBlur: (e) => onChange(e.target.value || null), className: "w-full rounded border border-white/10 bg-[#11111b] px-2 py-1 text-xs text-gray-300 outline-none placeholder:text-gray-700 focus:border-[#cba6f7]/50" })] }));
+}
+function MetadataListField({ label, values, placeholder, onChange, }) {
+    const [input, setInput] = useState("");
+    function handleAdd() {
+        const t = input.trim();
+        if (!t)
+            return;
+        onChange([...values, t]);
+        setInput("");
+    }
+    function handleRemove(index) {
+        onChange(values.filter((_, i) => i !== index));
+    }
+    return (_jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "text-gray-600", children: label }), _jsxs("div", { className: "mt-1 flex flex-wrap gap-1", children: [values.map((v, i) => (_jsxs("span", { className: "group inline-flex items-center gap-0.5 rounded bg-[#313244] px-1.5 py-0.5 text-gray-400", children: [v, _jsx("button", { type: "button", onClick: () => handleRemove(i), className: "text-gray-600 opacity-0 hover:text-red-400 group-hover:opacity-100", children: "\u00D7" })] }, `${v}-${i}`))), _jsx("form", { className: "inline-flex", onSubmit: (e) => {
+                            e.preventDefault();
+                            handleAdd();
+                        }, children: _jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), placeholder: placeholder, className: "w-28 rounded border border-dashed border-white/10 bg-transparent px-1.5 py-0.5 text-xs text-gray-400 outline-none placeholder:text-gray-700 focus:border-[#cba6f7]/40" }) })] })] }));
+}

package/dist/editors/knowledge-note-editor/components/provenance-info.d.ts

@@ -0,0 +1,8 @@
+import type { Provenance, SourceOrigin } from "../../../document-models/knowledge-note/v1/gen/schema/types.js";
+type ProvenanceInfoProps = {
+    provenance: Provenance | null;
+    onSetProvenance: (author: string, sourceOrigin: SourceOrigin) => void;
+};
+export declare function ProvenanceInfo({ provenance, onSetProvenance, }: ProvenanceInfoProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=provenance-info.d.ts.map

package/dist/editors/knowledge-note-editor/components/provenance-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provenance-info.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-note-editor/components/provenance-info.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACb,MAAM,gEAAgE,CAAC;AAExE,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;CACvE,CAAC;AAeF,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,eAAe,GAChB,EAAE,mBAAmB,2CA0HrB"}

package/dist/editors/knowledge-note-editor/components/provenance-info.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+const SOURCE_OPTIONS = [
+    { value: "MANUAL", label: "Manual" },
+    { value: "SESSION_MINE", label: "Session Mine" },
+    { value: "IMPORT", label: "Import" },
+    { value: "DERIVED", label: "Derived" },
+];
+const SOURCE_LABELS = {
+    MANUAL: "Manual",
+    SESSION_MINE: "Session Mine",
+    IMPORT: "Import",
+    DERIVED: "Derived",
+};
+export function ProvenanceInfo({ provenance, onSetProvenance, }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [author, setAuthor] = useState("");
+    const [sourceOrigin, setSourceOrigin] = useState("MANUAL");
+    function handleSubmit(e) {
+        e.preventDefault();
+        const trimmed = author.trim();
+        if (!trimmed)
+            return;
+        onSetProvenance(trimmed, sourceOrigin);
+        setIsEditing(false);
+        setAuthor("");
+    }
+    if (!provenance && !isEditing) {
+        return (_jsxs("div", { className: "rounded-lg border border-dashed border-white/10 p-3 text-center", children: [_jsx("p", { className: "mb-2 text-xs text-gray-500", children: "No provenance set" }), _jsx("button", { type: "button", onClick: () => setIsEditing(true), className: "text-xs font-medium text-[#cba6f7] hover:text-[#cba6f7]/80", children: "Set provenance" })] }));
+    }
+    if (isEditing) {
+        return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-2 rounded-lg border border-[#cba6f7]/20 bg-[#cba6f7]/5 p-3", children: [_jsxs("label", { className: "block text-xs", children: [_jsx("span", { className: "text-gray-500", children: "Author" }), _jsx("input", { type: "text", value: author, onChange: (e) => setAuthor(e.target.value), placeholder: "Author name...", autoFocus: true, className: "mt-1 w-full rounded border border-white/10 bg-[#1e1e2e] px-2 py-1.5 text-xs text-gray-300 outline-none focus:border-[#cba6f7]/50" })] }), _jsxs("label", { className: "block text-xs", children: [_jsx("span", { className: "text-gray-500", children: "Source origin" }), _jsx("select", { value: sourceOrigin, onChange: (e) => setSourceOrigin(e.target.value), className: "mt-1 w-full rounded border border-white/10 bg-[#1e1e2e] px-2 py-1.5 text-xs text-gray-300 outline-none focus:border-[#cba6f7]/50", children: SOURCE_OPTIONS.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) })] }), _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [_jsx("button", { type: "button", onClick: () => setIsEditing(false), className: "rounded px-2.5 py-1 text-xs text-gray-500 hover:bg-white/5", children: "Cancel" }), _jsx("button", { type: "submit", className: "rounded bg-[#cba6f7] px-2.5 py-1 text-xs font-medium text-[#1e1e2e] hover:bg-[#cba6f7]/80", children: "Save" })] })] }));
+    }
+    const createdDate = provenance?.createdAt
+        ? new Date(provenance.createdAt).toLocaleDateString()
+        : "Unknown";
+    const updatedDate = provenance?.updatedAt
+        ? new Date(provenance.updatedAt).toLocaleDateString()
+        : "Unknown";
+    return (_jsxs("div", { className: "space-y-1.5 text-xs text-gray-400", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-600", children: "Author" }), _jsx("span", { className: "font-medium text-gray-300", children: provenance?.author ?? "Unknown" })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-600", children: "Source" }), _jsx("span", { children: SOURCE_LABELS[provenance?.sourceOrigin] ??
+                            provenance?.sourceOrigin })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-600", children: "Created" }), _jsx("span", { children: createdDate })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-600", children: "Updated" }), _jsx("span", { children: updatedDate })] }), provenance?.sessionId && (_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-gray-600", children: "Session" }), _jsx("span", { className: "max-w-[120px] truncate font-mono", title: provenance.sessionId, children: provenance.sessionId })] }))] }));
+}