@powerhousedao/knowledge-note 1.0.0

package/dist/editors/knowledge-vault/hooks/use-knowledge-notes.d.ts

@@ -0,0 +1,28 @@
+export type KnowledgeNoteInfo = {
+    id: string;
+    name: string;
+    title: string | null;
+    noteType: string | null;
+    status: string | null;
+    description: string | null;
+    topics: {
+        id: string;
+        name: string;
+    }[];
+    links: {
+        id: string;
+        targetDocumentId: string | null;
+        targetTitle: string | null;
+        linkType: string | null;
+    }[];
+    provenance: {
+        author: string | null;
+        createdAt: string | null;
+        updatedAt: string | null;
+    } | null;
+};
+export declare function useKnowledgeNotes(): {
+    notes: KnowledgeNoteInfo[];
+    noteMap: Map<string, KnowledgeNoteInfo>;
+};
+//# sourceMappingURL=use-knowledge-notes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-knowledge-notes.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/hooks/use-knowledge-notes.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;QAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,EAAE;QACV,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1B,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,wBAAgB,iBAAiB;;;EA+DhC"}

package/dist/editors/knowledge-vault/hooks/use-knowledge-notes.js

@@ -0,0 +1,59 @@
+import { useMemo } from "react";
+import { useFileNodesInSelectedDrive, useDocumentsInSelectedDrive, } from "@powerhousedao/reactor-browser";
+export function useKnowledgeNotes() {
+    const fileNodes = useFileNodesInSelectedDrive();
+    const documents = useDocumentsInSelectedDrive();
+    const knowledgeFileNodes = useMemo(() => (fileNodes ?? []).filter((n) => n.documentType === "bai/knowledge-note"), [fileNodes]);
+    const docMap = useMemo(() => {
+        const map = new Map();
+        for (const doc of documents ?? []) {
+            if (doc.header.documentType === "bai/knowledge-note") {
+                map.set(doc.header.id, doc);
+            }
+        }
+        return map;
+    }, [documents]);
+    const notes = useMemo(() => {
+        return knowledgeFileNodes.flatMap((node) => {
+            const doc = docMap.get(node.id);
+            if (!doc)
+                return [];
+            const docState = doc.state;
+            if (!docState)
+                return [];
+            const state = docState.global;
+            return [
+                {
+                    id: node.id,
+                    name: node.name,
+                    title: state.title ?? null,
+                    noteType: state.noteType ?? null,
+                    status: state.status ?? "DRAFT",
+                    description: state.description ?? null,
+                    topics: (state.topics ?? []).map((t) => ({ id: t.id, name: t.name })),
+                    links: (state.links ?? []).map((l) => ({
+                        id: l.id,
+                        targetDocumentId: l.targetDocumentId ?? null,
+                        targetTitle: l.targetTitle ?? null,
+                        linkType: l.linkType ?? null,
+                    })),
+                    provenance: state.provenance
+                        ? {
+                            author: state.provenance.author ?? null,
+                            createdAt: state.provenance.createdAt ?? null,
+                            updatedAt: state.provenance.updatedAt ?? null,
+                        }
+                        : null,
+                },
+            ];
+        });
+    }, [knowledgeFileNodes, docMap]);
+    const noteMap = useMemo(() => {
+        const map = new Map();
+        for (const note of notes) {
+            map.set(note.id, note);
+        }
+        return map;
+    }, [notes]);
+    return { notes, noteMap };
+}

package/dist/editors/knowledge-vault/module.d.ts

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

package/dist/editors/knowledge-vault/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/knowledge-vault/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,mFAAmF;AACnF,eAAO,MAAM,cAAc,EAAE,YAO5B,CAAC"}

package/dist/editors/knowledge-vault/module.js

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

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

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

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

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

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

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { generateId } from "document-model/core";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { useSelectedMocDocument, actions, } from "@powerhousedao/knowledge-note/document-models/moc";
+import { TOOLBAR_CLASS } from "../shared/theme-context.js";
+const TIERS = ["HUB", "DOMAIN", "TOPIC"];
+const TIER_COLORS = {
+    HUB: "bg-purple-500/20 text-purple-300 border-purple-500/30",
+    DOMAIN: "bg-blue-500/20 text-blue-300 border-blue-500/30",
+    TOPIC: "bg-emerald-500/20 text-emerald-300 border-emerald-500/30",
+};
+function ts() {
+    return new Date().toISOString();
+}
+export default function Editor() {
+    const [document, dispatch] = useSelectedMocDocument();
+    const state = document.state.global;
+    const [newQuestion, setNewQuestion] = useState("");
+    const [newIdeaRef, setNewIdeaRef] = useState("");
+    const [newIdeaPhrase, setNewIdeaPhrase] = useState("");
+    const initialized = !!state.title;
+    if (!initialized) {
+        return _jsx(InitForm, { dispatch: 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-5xl", 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 gap-3 mb-3", children: [_jsx("span", { className: `rounded-full border px-3 py-1 text-xs font-semibold ${TIER_COLORS[state.tier ?? "TOPIC"]}`, children: state.tier }), _jsxs("span", { className: "text-xs", style: { color: "var(--bai-text-muted)" }, children: [state.noteCount ?? 0, " notes"] })] }), _jsx("h1", { className: "text-2xl font-bold", style: { color: "var(--bai-text)" }, children: state.title }), _jsx("textarea", { defaultValue: state.description ?? "", placeholder: "Description...", onBlur: (e) => dispatch(actions.updateDescription({
+                                        description: e.target.value.trim(),
+                                        updatedAt: ts(),
+                                    })), className: "mt-2 w-full resize-none rounded-lg px-3 py-2 text-sm outline-none placeholder:opacity-50 focus:border-[#cba6f7]/50", rows: 2, style: {
+                                        backgroundColor: "var(--bai-bg)",
+                                        color: "var(--bai-text-secondary)",
+                                        border: "1px solid var(--bai-border)",
+                                    } })] }), _jsxs("div", { className: "rounded-xl p-6", style: {
+                                backgroundColor: "var(--bai-surface)",
+                                border: "1px solid var(--bai-border)",
+                            }, children: [_jsx("h3", { className: "mb-2 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: "Orientation" }), _jsx("p", { className: "mb-1.5 text-[10px]", style: { color: "var(--bai-text-faint)" }, children: "A synthesis paragraph explaining what this topic covers, key themes, and how the core ideas relate to each other." }), _jsx("textarea", { defaultValue: state.orientation ?? "", placeholder: "Write a 2-3 paragraph synthesis of this topic area \u2014 what are the key themes, how do the core ideas connect, and what's the current state of understanding...", onBlur: (e) => dispatch(actions.updateOrientation({
+                                        orientation: e.target.value.trim(),
+                                        updatedAt: ts(),
+                                    })), className: "w-full resize-y rounded-lg px-4 py-3 text-sm leading-relaxed outline-none placeholder:opacity-50 focus:border-[#cba6f7]/50", rows: 10, style: {
+                                        backgroundColor: "var(--bai-deep)",
+                                        color: "var(--bai-text-secondary)",
+                                        border: "1px solid var(--bai-border)",
+                                        minHeight: "160px",
+                                    } })] }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { className: "rounded-xl p-6", style: {
+                                        backgroundColor: "var(--bai-surface)",
+                                        border: "1px solid var(--bai-border)",
+                                    }, children: [_jsxs("h3", { className: "mb-3 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: ["Core Ideas (", (state.coreIdeas ?? []).length, ")"] }), _jsxs("div", { className: "space-y-2", children: [(state.coreIdeas ?? []).map((idea) => (_jsxs("div", { className: "group flex items-start gap-2 rounded-lg px-3 py-2", style: {
+                                                        backgroundColor: "var(--bai-bg)",
+                                                        boxShadow: "0 0 0 1px var(--bai-ring)",
+                                                    }, children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-xs", style: { color: "var(--bai-text-secondary)" }, children: idea.contextPhrase }), _jsx("p", { className: "text-[10px] font-mono mt-0.5", style: { color: "var(--bai-text-faint)" }, children: idea.noteRef?.slice(0, 12) })] }), _jsx("button", { type: "button", onClick: () => dispatch(actions.removeCoreIdea({ id: idea.id })), className: "opacity-0 hover:text-red-400 group-hover:opacity-100", style: { color: "var(--bai-text-faint)" }, children: "\u00D7" })] }, idea.id))), _jsxs("form", { className: "flex gap-2", onSubmit: (e) => {
+                                                        e.preventDefault();
+                                                        if (!newIdeaRef.trim() || !newIdeaPhrase.trim())
+                                                            return;
+                                                        dispatch(actions.addCoreIdea({
+                                                            id: generateId(),
+                                                            noteRef: newIdeaRef.trim(),
+                                                            contextPhrase: newIdeaPhrase.trim(),
+                                                            sortOrder: (state.coreIdeas ?? []).length,
+                                                            addedAt: ts(),
+                                                        }));
+                                                        setNewIdeaRef("");
+                                                        setNewIdeaPhrase("");
+                                                    }, children: [_jsx("input", { type: "text", value: newIdeaRef, onChange: (e) => setNewIdeaRef(e.target.value), placeholder: "Note ID...", className: "w-24 rounded px-2 py-1 text-xs font-mono outline-none focus:border-[#cba6f7]/50", style: {
+                                                                backgroundColor: "var(--bai-deep)",
+                                                                color: "var(--bai-text-tertiary)",
+                                                                border: "1px solid var(--bai-border)",
+                                                            } }), _jsx("input", { type: "text", value: newIdeaPhrase, onChange: (e) => setNewIdeaPhrase(e.target.value), placeholder: "Why it matters here...", className: "flex-1 rounded px-2 py-1 text-xs outline-none focus:border-[#cba6f7]/50", style: {
+                                                                backgroundColor: "var(--bai-deep)",
+                                                                color: "var(--bai-text-secondary)",
+                                                                border: "1px solid var(--bai-border)",
+                                                            } }), _jsx("button", { type: "submit", className: "rounded px-2 py-1 text-xs font-medium", style: {
+                                                                backgroundColor: "var(--bai-accent)",
+                                                                color: "var(--bai-accent-text)",
+                                                            }, children: "Add" })] })] })] }), _jsxs("div", { className: "space-y-6", children: [_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: "Tensions" }), (state.tensions ?? []).map((t) => (_jsxs("div", { className: "group flex items-center gap-2 rounded-lg px-3 py-2 mb-1", style: {
+                                                        backgroundColor: "var(--bai-bg)",
+                                                        boxShadow: "0 0 0 1px var(--bai-ring)",
+                                                    }, children: [_jsx("span", { className: "h-2 w-2 shrink-0 rounded-full bg-red-400" }), _jsx("span", { className: "flex-1 text-xs", style: { color: "var(--bai-text-secondary)" }, children: t.description }), _jsx("button", { type: "button", onClick: () => dispatch(actions.removeTension({ id: t.id })), className: "opacity-0 hover:text-red-400 group-hover:opacity-100", style: { color: "var(--bai-text-faint)" }, children: "\u00D7" })] }, t.id)))] }), _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: "Open Questions" }), (state.openQuestions ?? []).map((q, i) => (_jsxs("div", { className: "group flex items-center gap-2 rounded-lg px-3 py-2 mb-1", style: {
+                                                        backgroundColor: "var(--bai-bg)",
+                                                        boxShadow: "0 0 0 1px var(--bai-ring)",
+                                                    }, children: [_jsx("span", { className: "flex-1 text-xs", style: { color: "var(--bai-text-secondary)" }, children: q }), _jsx("button", { type: "button", onClick: () => dispatch(actions.removeOpenQuestion({ question: q })), className: "opacity-0 hover:text-red-400 group-hover:opacity-100", style: { color: "var(--bai-text-faint)" }, children: "\u00D7" })] }, i))), _jsxs("form", { className: "flex gap-2 mt-2", onSubmit: (e) => {
+                                                        e.preventDefault();
+                                                        if (!newQuestion.trim())
+                                                            return;
+                                                        dispatch(actions.addOpenQuestion({ question: newQuestion.trim() }));
+                                                        setNewQuestion("");
+                                                    }, children: [_jsx("input", { type: "text", value: newQuestion, onChange: (e) => setNewQuestion(e.target.value), placeholder: "Add question...", className: "flex-1 rounded px-2 py-1 text-xs outline-none focus:border-[#cba6f7]/50", style: {
+                                                                backgroundColor: "var(--bai-deep)",
+                                                                color: "var(--bai-text-secondary)",
+                                                                border: "1px solid var(--bai-border)",
+                                                            } }), _jsx("button", { type: "submit", className: "rounded px-2 py-1 text-xs font-medium", style: {
+                                                                backgroundColor: "var(--bai-accent)",
+                                                                color: "var(--bai-accent-text)",
+                                                            }, children: "Add" })] })] })] })] })] })] }) }));
+}
+function InitForm({ dispatch, }) {
+    const [title, setTitle] = useState("");
+    const [desc, setDesc] = useState("");
+    const [orient, setOrient] = useState("");
+    const [tier, setTier] = useState("TOPIC");
+    return (_jsx("div", { className: "min-h-screen", style: { backgroundColor: "var(--bai-bg)", color: "var(--bai-text)" }, children: _jsxs("div", { className: "mx-auto max-w-2xl", children: [_jsx(DocumentToolbar, { className: TOOLBAR_CLASS }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "rounded-xl p-8 space-y-4", style: {
+                            backgroundColor: "var(--bai-surface)",
+                            border: "1px solid var(--bai-border)",
+                        }, children: [_jsx("h2", { className: "text-lg font-bold", style: { color: "var(--bai-text)" }, children: "Create Map of Content" }), _jsx("input", { type: "text", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "MOC Title", className: "w-full rounded-lg px-3 py-2 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                                    backgroundColor: "var(--bai-bg)",
+                                    color: "var(--bai-text-secondary)",
+                                    border: "1px solid var(--bai-border)",
+                                } }), _jsx("input", { type: "text", value: desc, onChange: (e) => setDesc(e.target.value), placeholder: "Description", className: "w-full rounded-lg px-3 py-2 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                                    backgroundColor: "var(--bai-bg)",
+                                    color: "var(--bai-text-secondary)",
+                                    border: "1px solid var(--bai-border)",
+                                } }), _jsx("textarea", { value: orient, onChange: (e) => setOrient(e.target.value), placeholder: "Orientation (2-3 sentences)", rows: 3, className: "w-full rounded-lg px-3 py-2 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                                    backgroundColor: "var(--bai-bg)",
+                                    color: "var(--bai-text-secondary)",
+                                    border: "1px solid var(--bai-border)",
+                                } }), _jsx("select", { value: tier, onChange: (e) => setTier(e.target.value), className: "rounded-lg px-3 py-2 text-sm", style: {
+                                    backgroundColor: "var(--bai-bg)",
+                                    color: "var(--bai-text-secondary)",
+                                    border: "1px solid var(--bai-border)",
+                                }, children: TIERS.map((t) => (_jsx("option", { value: t, children: t }, t))) }), _jsx("button", { type: "button", disabled: !title.trim() || !desc.trim() || !orient.trim(), onClick: () => dispatch(actions.createMoc({
+                                    title,
+                                    description: desc,
+                                    orientation: orient,
+                                    tier: tier,
+                                    createdAt: ts(),
+                                })), className: "rounded-lg px-4 py-2 text-sm font-medium hover:opacity-80 disabled:opacity-40", style: {
+                                    backgroundColor: "var(--bai-accent)",
+                                    color: "var(--bai-accent-text)",
+                                }, children: "Create MOC" })] }) })] }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/moc-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,iEAAiE;AACjE,eAAO,MAAM,SAAS,EAAE,YAOvB,CAAC"}

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

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

package/dist/editors/observation-editor/editor.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/observation-editor/editor.tsx"],"names":[],"mappings":"AAiCA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAwI7B"}

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

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { useSelectedObservationDocument, actions, } from "@powerhousedao/knowledge-note/document-models/observation";
+import { MarkdownPreview } from "../shared/markdown-preview.js";
+import { TOOLBAR_CLASS } from "../shared/theme-context.js";
+const CATEGORIES = [
+    "METHODOLOGY",
+    "PROCESS",
+    "FRICTION",
+    "SURPRISE",
+    "QUALITY",
+];
+const CAT_COLORS = {
+    METHODOLOGY: "bg-purple-500/20 text-purple-300",
+    PROCESS: "bg-blue-500/20 text-blue-300",
+    FRICTION: "bg-amber-500/20 text-amber-300",
+    SURPRISE: "bg-cyan-500/20 text-cyan-300",
+    QUALITY: "bg-emerald-500/20 text-emerald-300",
+};
+const STATUS_COLORS = {
+    PENDING: "bg-amber-500/20 text-amber-300 border-amber-500/30",
+    PROMOTED: "bg-blue-500/20 text-blue-300 border-blue-500/30",
+    IMPLEMENTED: "bg-emerald-500/20 text-emerald-300 border-emerald-500/30",
+    ARCHIVED: "bg-gray-500/20 text-gray-400 border-gray-500/30",
+};
+function ts() {
+    return new Date().toISOString();
+}
+export default function Editor() {
+    const [document, dispatch] = useSelectedObservationDocument();
+    const state = document.state.global;
+    const initialized = !!state.title;
+    if (!initialized) {
+        return _jsx(CreateForm, { dispatch: 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-3xl", children: [_jsx(DocumentToolbar, { className: TOOLBAR_CLASS }), _jsx("div", { className: "p-6 space-y-6", children: _jsxs("div", { className: "rounded-xl p-6 space-y-4", style: {
+                            backgroundColor: "var(--bai-surface)",
+                            border: "1px solid var(--bai-border)",
+                        }, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: `rounded-full border px-3 py-1 text-xs font-semibold ${STATUS_COLORS[state.status ?? "PENDING"]}`, children: state.status }), state.category && (_jsx("span", { className: `rounded px-2 py-0.5 text-xs font-medium ${CAT_COLORS[state.category] ?? ""}`, children: state.category })), state.observedBy && (_jsxs("span", { className: "text-xs", style: { color: "var(--bai-text-faint)" }, children: ["by ", state.observedBy] })), state.observedAt && (_jsx("span", { className: "text-xs", style: { color: "var(--bai-text-faint)" }, children: new Date(state.observedAt).toLocaleDateString() }))] }), _jsx("h1", { className: "text-xl font-bold", style: { color: "var(--bai-text)" }, children: state.title }), _jsx("p", { className: "text-sm", style: { color: "var(--bai-text-tertiary)" }, children: state.description }), state.content && (_jsx("div", { className: "max-h-[600px] overflow-y-auto rounded-lg px-5 py-4 scrollbar-thin", style: {
+                                    backgroundColor: "var(--bai-deep)",
+                                    border: "1px solid var(--bai-border)",
+                                }, children: _jsx(MarkdownPreview, { content: state.content }) })), state.promotedTo && (_jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-blue-500/10 px-3 py-2 text-xs text-blue-300", children: ["Promoted to:", " ", _jsx("span", { className: "font-mono", children: state.promotedTo })] })), _jsx("div", { className: "flex gap-2 pt-2", style: { borderTop: "1px solid var(--bai-border)" }, children: state.status === "PENDING" && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => {
+                                                const ref = prompt("Promoted to note ID:");
+                                                if (ref)
+                                                    dispatch(actions.promoteObservation({
+                                                        promotedTo: ref,
+                                                        promotedAt: ts(),
+                                                    }));
+                                            }, className: "rounded bg-blue-600 px-3 py-1 text-xs font-medium text-white hover:bg-blue-700", children: "Promote" }), _jsx("button", { type: "button", onClick: () => dispatch(actions.implementObservation({ updatedAt: ts() })), className: "rounded bg-emerald-600 px-3 py-1 text-xs font-medium text-white hover:bg-emerald-700", children: "Implement" }), _jsx("button", { type: "button", onClick: () => dispatch(actions.archiveObservation({ updatedAt: ts() })), className: "rounded bg-gray-600 px-3 py-1 text-xs font-medium text-white hover:bg-gray-700", children: "Archive" })] })) })] }) })] }) }));
+}
+function CreateForm({ dispatch, }) {
+    const [title, setTitle] = useState("");
+    const [desc, setDesc] = useState("");
+    const [content, setContent] = useState("");
+    const [category, setCategory] = useState("FRICTION");
+    const [observer, setObserver] = useState("");
+    return (_jsx("div", { className: "min-h-screen", style: { backgroundColor: "var(--bai-bg)", color: "var(--bai-text)" }, children: _jsxs("div", { className: "mx-auto max-w-2xl", children: [_jsx(DocumentToolbar, { className: TOOLBAR_CLASS }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "rounded-xl p-8 space-y-4", style: {
+                            backgroundColor: "var(--bai-surface)",
+                            border: "1px solid var(--bai-border)",
+                        }, children: [_jsx("h2", { className: "text-lg font-bold", style: { color: "var(--bai-text)" }, children: "Capture Observation" }), _jsx("input", { type: "text", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "What did you observe?", className: "w-full rounded-lg px-3 py-2 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                                    backgroundColor: "var(--bai-bg)",
+                                    color: "var(--bai-text-secondary)",
+                                    border: "1px solid var(--bai-border)",
+                                } }), _jsx("input", { type: "text", value: desc, onChange: (e) => setDesc(e.target.value), placeholder: "Brief summary", className: "w-full rounded-lg px-3 py-2 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                                    backgroundColor: "var(--bai-bg)",
+                                    color: "var(--bai-text-secondary)",
+                                    border: "1px solid var(--bai-border)",
+                                } }), _jsxs("div", { className: "flex gap-3", children: [_jsx("select", { value: category, onChange: (e) => setCategory(e.target.value), className: "rounded-lg px-3 py-2 text-sm", style: {
+                                            backgroundColor: "var(--bai-bg)",
+                                            color: "var(--bai-text-secondary)",
+                                            border: "1px solid var(--bai-border)",
+                                        }, children: CATEGORIES.map((c) => (_jsx("option", { value: c, children: c }, c))) }), _jsx("input", { type: "text", value: observer, onChange: (e) => setObserver(e.target.value), placeholder: "Observer (optional)", className: "flex-1 rounded-lg px-3 py-2 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                                            backgroundColor: "var(--bai-bg)",
+                                            color: "var(--bai-text-secondary)",
+                                            border: "1px solid var(--bai-border)",
+                                        } })] }), _jsx("textarea", { value: content, onChange: (e) => setContent(e.target.value), placeholder: "Details (optional)", rows: 4, className: "w-full rounded-lg px-4 py-3 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                                    backgroundColor: "var(--bai-deep)",
+                                    color: "var(--bai-text-secondary)",
+                                    border: "1px solid var(--bai-border)",
+                                } }), _jsx("button", { type: "button", disabled: !title.trim() || !desc.trim(), onClick: () => dispatch(actions.createObservation({
+                                    title,
+                                    description: desc,
+                                    content: content || undefined,
+                                    category: category,
+                                    observedAt: ts(),
+                                    observedBy: observer || undefined,
+                                })), className: "rounded-lg px-4 py-2 text-sm font-medium hover:opacity-80 disabled:opacity-40", style: {
+                                    backgroundColor: "var(--bai-accent)",
+                                    color: "var(--bai-accent-text)",
+                                }, children: "Capture" })] }) })] }) }));
+}

package/dist/editors/observation-editor/module.d.ts

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

package/dist/editors/observation-editor/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/observation-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,EAAE,YAO/B,CAAC"}

package/dist/editors/observation-editor/module.js

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

package/dist/editors/pipeline-queue-editor/editor.d.ts

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

package/dist/editors/pipeline-queue-editor/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/pipeline-queue-editor/editor.tsx"],"names":[],"mappings":"AAuBA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAoP7B"}

package/dist/editors/pipeline-queue-editor/editor.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { setSelectedNode } from "@powerhousedao/reactor-browser";
+import { useSelectedPipelineQueueDocument, actions, } from "@powerhousedao/knowledge-note/document-models/pipeline-queue";
+import { TOOLBAR_CLASS } from "../shared/theme-context.js";
+const STATUS_COLORS = {
+    PENDING: "text-gray-400",
+    IN_PROGRESS: "text-blue-400",
+    BLOCKED: "text-red-400",
+    DONE: "text-emerald-400",
+    FAILED: "text-red-500",
+};
+const PHASE_COLORS = {
+    create: "bg-amber-400",
+    reflect: "bg-blue-400",
+    reweave: "bg-purple-400",
+    verify: "bg-emerald-400",
+    enrich: "bg-sky-400",
+};
+export default function Editor() {
+    const [document, dispatch] = useSelectedPipelineQueueDocument();
+    const state = document.state.global;
+    const tasks = state.tasks ?? [];
+    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 (_jsx("div", { className: "min-h-screen", style: { backgroundColor: "var(--bai-bg)", color: "var(--bai-text)" }, children: _jsxs("div", { className: "mx-auto max-w-5xl", 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: [_jsx("h1", { className: "text-xl font-bold mb-1", style: { color: "var(--bai-text)" }, children: "Processing Pipeline" }), _jsxs("p", { className: "text-sm", style: { color: "var(--bai-text-muted)" }, children: ["Schema v", state.schemaVersion, " \u00B7 ", tasks.length, " total tasks \u00B7 Last processed:", " ", state.lastProcessedAt
+                                            ? new Date(state.lastProcessedAt).toLocaleString()
+                                            : "Never"] })] }), _jsx("div", { className: "grid grid-cols-5 gap-3", children: [
+                                { label: "Pending", value: pending, color: "text-gray-400" },
+                                {
+                                    label: "In Progress",
+                                    value: inProgress,
+                                    color: "text-blue-400",
+                                },
+                                { label: "Blocked", value: blocked, color: "text-red-400" },
+                                { label: "Done", value: done, color: "text-emerald-400" },
+                                { label: "Failed", value: failed, color: "text-red-500" },
+                            ].map((s) => (_jsxs("div", { className: "rounded-xl p-4", style: {
+                                    backgroundColor: "var(--bai-surface)",
+                                    boxShadow: "0 0 0 1px var(--bai-ring)",
+                                }, children: [_jsx("p", { className: `text-2xl font-bold ${s.color}`, children: s.value }), _jsx("p", { className: "text-[10px]", style: { color: "var(--bai-text-faint)" }, children: s.label })] }, s.label))) }), _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: "Phase Order" }), _jsx("div", { className: "space-y-2", children: (state.phaseOrder ?? []).map((entry, i) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "rounded px-2 py-0.5 text-xs font-medium", style: {
+                                                    backgroundColor: "var(--bai-hover)",
+                                                    color: "var(--bai-text-tertiary)",
+                                                }, children: entry.taskType }), _jsx("div", { className: "flex gap-1", children: (entry.phases ?? []).map((phase, j) => (_jsxs("span", { className: "flex items-center gap-1", children: [j > 0 && (_jsx("span", { style: { color: "var(--bai-text-faint)" }, children: "\u2192" })), _jsx("span", { className: `h-2 w-6 rounded-full ${PHASE_COLORS[phase] ?? "bg-gray-500"}`, title: phase }), _jsx("span", { className: "text-[10px]", style: { color: "var(--bai-text-muted)" }, children: phase })] }, j))) })] }, i))) })] }), _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: ["Tasks (", tasks.length, ")"] }), tasks.length === 0 ? (_jsx("p", { className: "text-sm py-4 text-center", style: { color: "var(--bai-text-faint)" }, children: "No tasks. Use /seed to ingest sources and start the pipeline." })) : (_jsx("div", { className: "space-y-1", children: tasks.map((task) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg px-4 py-3", style: {
+                                            backgroundColor: "var(--bai-bg)",
+                                            boxShadow: "0 0 0 1px var(--bai-ring)",
+                                        }, children: [_jsx("span", { className: `w-20 shrink-0 text-xs font-semibold ${STATUS_COLORS[task.status] ?? "text-gray-500"}`, children: task.status }), task.documentRef ? (_jsxs("button", { type: "button", onClick: () => setSelectedNode(task.documentRef), className: "flex-1 truncate text-left text-sm transition-colors", style: { color: "var(--bai-text-secondary)" }, title: `Open source: ${task.target}`, children: [task.target, _jsxs("svg", { className: "ml-1 inline h-3 w-3", style: { color: "var(--bai-text-faint)" }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }), _jsx("path", { d: "M15 3h6v6" }), _jsx("path", { d: "M10 14L21 3" })] })] })) : (_jsx("span", { className: "flex-1 truncate text-sm", style: { color: "var(--bai-text-secondary)" }, children: task.target })), _jsxs("div", { className: "flex items-center gap-1", children: [(task.completedPhases ?? []).map((p) => (_jsx("span", { className: `h-2 w-6 rounded-full ${PHASE_COLORS[p] ?? "bg-gray-500"} opacity-60`, title: `${p} (done)` }, p))), 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 px-1.5 py-0.5 text-[10px]", style: {
+                                                    backgroundColor: "var(--bai-hover)",
+                                                    color: "var(--bai-text-muted)",
+                                                }, children: task.taskType }), task.assignedTo && (_jsx("span", { className: "text-[10px]", style: { color: "var(--bai-text-faint)" }, children: task.assignedTo })), (task.handoffs ?? []).length > 0 && (_jsxs("span", { className: "text-[10px]", style: { color: "var(--bai-text-faint)" }, children: [task.handoffs.length, " handoff", task.handoffs.length !== 1 ? "s" : ""] }))] }, task.id))) }))] })] })] }) }));
+}

package/dist/editors/pipeline-queue-editor/module.d.ts

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

package/dist/editors/pipeline-queue-editor/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/pipeline-queue-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,4EAA4E;AAC5E,eAAO,MAAM,mBAAmB,EAAE,YAOjC,CAAC"}

package/dist/editors/pipeline-queue-editor/module.js

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

package/dist/editors/research-claim-editor/editor.d.ts

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

package/dist/editors/research-claim-editor/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/research-claim-editor/editor.tsx"],"names":[],"mappings":"AAkBA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAuO7B"}