@powerhousedao/knowledge-note 1.0.0

package/dist/editors/knowledge-note-editor/components/status-bar.d.ts

@@ -0,0 +1,14 @@
+import type { NoteStatus } from "../../../document-models/knowledge-note/v1/gen/schema/types.js";
+type StatusBarProps = {
+    status: NoteStatus | null;
+    provenanceAuthor: string | null;
+    hasProvenance: boolean;
+    onSubmitForReview: (id: string, actor: string, timestamp: string, comment?: string) => void;
+    onApprove: (id: string, actor: string, timestamp: string, comment?: string) => void;
+    onReject: (id: string, actor: string, timestamp: string, comment: string) => void;
+    onArchive: (id: string, actor: string, timestamp: string, comment: string) => void;
+    onRestore: (id: string, actor: string, timestamp: string, comment?: string) => void;
+};
+export declare function StatusBar({ status, provenanceAuthor, hasProvenance, onSubmitForReview, onApprove, onReject, onArchive, onRestore, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=status-bar.d.ts.map

package/dist/editors/knowledge-note-editor/components/status-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-note-editor/components/status-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gEAAgE,CAAC;AAEjG,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CACjB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;IACV,SAAS,EAAE,CACT,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;IACV,QAAQ,EAAE,CACR,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,SAAS,EAAE,CACT,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,SAAS,EAAE,CACT,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;CACX,CAAC;AA6BF,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,cAAc,2CA4MhB"}

package/dist/editors/knowledge-note-editor/components/status-bar.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { generateId } from "document-model/core";
+const STATUS_STYLES = {
+    DRAFT: "bg-amber-500/20 text-amber-300 border-amber-500/30",
+    IN_REVIEW: "bg-blue-500/20 text-blue-300 border-blue-500/30",
+    CANONICAL: "bg-emerald-500/20 text-emerald-300 border-emerald-500/30",
+    ARCHIVED: "bg-gray-500/20 text-gray-400 border-gray-500/30",
+};
+const STATUS_LABELS = {
+    DRAFT: "Draft",
+    IN_REVIEW: "In Review",
+    CANONICAL: "Canonical",
+    ARCHIVED: "Archived",
+};
+const FLOW_HINT = {
+    DRAFT: "Draft \u2192 In Review \u2192 Canonical",
+    IN_REVIEW: "In Review \u2192 Canonical or \u2192 Draft",
+    CANONICAL: "Canonical \u2192 Archived",
+    ARCHIVED: "Archived \u2192 Draft",
+};
+export function StatusBar({ status, provenanceAuthor, hasProvenance, onSubmitForReview, onApprove, onReject, onArchive, onRestore, }) {
+    const [form, setForm] = useState(null);
+    const currentStatus = status ?? "DRAFT";
+    const style = STATUS_STYLES[currentStatus] ?? STATUS_STYLES.DRAFT;
+    const label = STATUS_LABELS[currentStatus] ?? currentStatus;
+    function openForm(action) {
+        const defaultActor = action === "approve" || action === "reject"
+            ? ""
+            : (provenanceAuthor ?? "");
+        setForm({ action, actor: defaultActor, comment: "" });
+    }
+    function handleSubmit(e) {
+        e.preventDefault();
+        if (!form)
+            return;
+        const actor = form.actor.trim();
+        if (!actor)
+            return;
+        const id = generateId();
+        const ts = new Date().toISOString();
+        const comment = form.comment.trim();
+        switch (form.action) {
+            case "submit":
+                onSubmitForReview(id, actor, ts, comment || undefined);
+                break;
+            case "approve":
+                onApprove(id, actor, ts, comment || undefined);
+                break;
+            case "reject":
+                if (!comment)
+                    return; // comment required
+                onReject(id, actor, ts, comment);
+                break;
+            case "archive":
+                if (!comment)
+                    return; // comment required
+                onArchive(id, actor, ts, comment);
+                break;
+            case "restore":
+                onRestore(id, actor, ts, comment || undefined);
+                break;
+        }
+        setForm(null);
+    }
+    const needsComment = form?.action === "reject" || form?.action === "archive";
+    const needsReviewer = form?.action === "approve" || form?.action === "reject";
+    const ACTION_LABELS = {
+        submit: "Submit for Review",
+        approve: "Approve",
+        reject: "Reject",
+        archive: "Archive",
+        restore: "Restore to Draft",
+    };
+    const ACTION_COLORS = {
+        submit: "bg-blue-600 hover:bg-blue-700",
+        approve: "bg-emerald-600 hover:bg-emerald-700",
+        reject: "bg-red-600 hover:bg-red-700",
+        archive: "bg-gray-600 hover:bg-gray-700",
+        restore: "bg-amber-600 hover:bg-amber-700",
+    };
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: `inline-flex items-center rounded-full border px-3 py-1 text-xs font-semibold ${style}`, children: label }), !hasProvenance && currentStatus === "DRAFT" && (_jsx("span", { className: "text-[10px] text-amber-400/70", children: "Set provenance first \\u2192" })), hasProvenance && currentStatus === "DRAFT" && !form && (_jsx("button", { type: "button", onClick: () => openForm("submit"), className: "rounded bg-blue-600 px-3 py-1 text-xs font-medium text-white hover:bg-blue-700", children: "Submit for Review" })), currentStatus === "IN_REVIEW" && !form && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => openForm("approve"), className: "rounded bg-emerald-600 px-3 py-1 text-xs font-medium text-white hover:bg-emerald-700", children: "Approve" }), _jsx("button", { type: "button", onClick: () => openForm("reject"), className: "rounded bg-red-600 px-3 py-1 text-xs font-medium text-white hover:bg-red-700", children: "Reject" })] })), currentStatus === "CANONICAL" && !form && (_jsx("button", { type: "button", onClick: () => openForm("archive"), className: "rounded bg-gray-600 px-3 py-1 text-xs font-medium text-white hover:bg-gray-700", children: "Archive" })), currentStatus === "ARCHIVED" && !form && (_jsx("button", { type: "button", onClick: () => openForm("restore"), className: "rounded bg-amber-600 px-3 py-1 text-xs font-medium text-white hover:bg-amber-700", children: "Restore to Draft" })), _jsx("span", { className: "ml-auto text-[10px] text-gray-600", children: FLOW_HINT[currentStatus] })] }), form && (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-2 rounded-lg border border-white/10 bg-[#1e1e2e] p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs font-medium text-gray-400", children: ACTION_LABELS[form.action] }), needsReviewer && provenanceAuthor && (_jsxs("span", { className: "text-[10px] text-amber-400/70", children: ["(must differ from author: ", provenanceAuthor, ")"] }))] }), _jsx("div", { className: "flex gap-2", children: _jsxs("div", { className: "flex-1 space-y-1.5", children: [_jsx("input", { type: "text", value: form.actor, onChange: (e) => setForm({ ...form, actor: e.target.value }), placeholder: needsReviewer ? "Reviewer name..." : "Actor name...", autoFocus: true, className: "w-full rounded border border-white/10 bg-[#11111b] px-2.5 py-1.5 text-xs text-gray-300 outline-none focus:border-[#cba6f7]/50" }), (needsComment || form.comment) && (_jsx("input", { type: "text", value: form.comment, onChange: (e) => setForm({ ...form, comment: e.target.value }), placeholder: needsComment
+                                        ? "Reason (required)..."
+                                        : "Comment (optional)...", className: "w-full rounded border border-white/10 bg-[#11111b] px-2.5 py-1.5 text-xs text-gray-300 outline-none focus:border-[#cba6f7]/50" }))] }) }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx("button", { type: "button", onClick: () => setForm(null), className: "rounded px-2.5 py-1 text-xs text-gray-500 hover:bg-white/5", children: "Cancel" }), _jsx("button", { type: "submit", disabled: !form.actor.trim() || (needsComment && !form.comment.trim()), className: `rounded px-3 py-1 text-xs font-medium text-white disabled:opacity-40 ${ACTION_COLORS[form.action]}`, children: ACTION_LABELS[form.action] })] })] }))] }));
+}

package/dist/editors/knowledge-note-editor/components/topics-bar.d.ts

@@ -0,0 +1,9 @@
+import type { Topic } from "../../../document-models/knowledge-note/v1/gen/schema/types.js";
+type TopicsBarProps = {
+    topics: Topic[];
+    onAddTopic: (id: string, name: string) => void;
+    onRemoveTopic: (id: string) => void;
+};
+export declare function TopicsBar({ topics, onAddTopic, onRemoveTopic, }: TopicsBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=topics-bar.d.ts.map

package/dist/editors/knowledge-note-editor/components/topics-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"topics-bar.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-note-editor/components/topics-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gEAAgE,CAAC;AAE5F,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,UAAU,EACV,aAAa,GACd,EAAE,cAAc,2CA6ChB"}

package/dist/editors/knowledge-note-editor/components/topics-bar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { generateId } from "document-model/core";
+export function TopicsBar({ topics, onAddTopic, onRemoveTopic, }) {
+    const [input, setInput] = useState("");
+    function handleAdd() {
+        const name = input.trim();
+        if (!name)
+            return;
+        onAddTopic(generateId(), name);
+        setInput("");
+    }
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [topics.map((topic) => (_jsxs("span", { className: "group inline-flex items-center gap-1 rounded-full bg-[#cba6f7]/10 px-3 py-1 text-xs font-medium text-[#cba6f7]", children: [topic.name, _jsx("button", { type: "button", onClick: () => onRemoveTopic(topic.id), className: "ml-0.5 text-[#cba6f7]/40 opacity-0 transition-opacity hover:text-[#cba6f7] group-hover:opacity-100", "aria-label": `Remove topic ${topic.name}`, children: "\u00D7" })] }, topic.id))), _jsx("form", { className: "inline-flex", onSubmit: (e) => {
+                    e.preventDefault();
+                    handleAdd();
+                }, children: _jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), placeholder: "Add topic...", className: "w-24 rounded-full border border-dashed border-white/10 bg-transparent px-3 py-1 text-xs text-gray-400 outline-none placeholder:text-gray-600 focus:border-[#cba6f7]/40" }) })] }));
+}

package/dist/editors/knowledge-note-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/knowledge-note-editor/editor.d.ts.map

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

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

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { useSelectedKnowledgeNoteDocument, actions, } from "@powerhousedao/knowledge-note/document-models/knowledge-note";
+import { StatusBar } from "./components/status-bar.js";
+import { TopicsBar } from "./components/topics-bar.js";
+import { LinksSection } from "./components/links-section.js";
+import { ProvenanceInfo } from "./components/provenance-info.js";
+import { LifecycleTimeline } from "./components/lifecycle-timeline.js";
+import { MetadataPanel } from "./components/metadata-panel.js";
+import { MarkdownPreview } from "../shared/markdown-preview.js";
+import { TOOLBAR_CLASS } from "../shared/theme-context.js";
+const NOTE_TYPES = [
+    "concept",
+    "decision",
+    "pattern",
+    "observation",
+    "procedure",
+    "architecture",
+    "bug-pattern",
+    "integration",
+    "workflow",
+    "reference",
+];
+function timestamp() {
+    return new Date().toISOString();
+}
+export default function Editor() {
+    const [document, dispatch] = useSelectedKnowledgeNoteDocument();
+    const [activeTab, setActiveTab] = useState("content");
+    const [contentMode, setContentMode] = useState("preview");
+    const state = document.state.global;
+    const handleSetTitle = useCallback((title) => {
+        if (title && title !== state.title) {
+            dispatch(actions.setTitle({ title, updatedAt: timestamp() }));
+        }
+    }, [dispatch, state.title]);
+    const handleSetDescription = useCallback((description) => {
+        if (description !== (state.description ?? "")) {
+            dispatch(actions.setDescription({ description, updatedAt: timestamp() }));
+        }
+    }, [dispatch, state.description]);
+    const handleSetNoteType = useCallback((noteType) => {
+        dispatch(actions.setNoteType({ noteType, updatedAt: timestamp() }));
+    }, [dispatch]);
+    const handleSetContent = useCallback((content) => {
+        dispatch(actions.setContent({ content, updatedAt: timestamp() }));
+    }, [dispatch]);
+    const handleSetMetadataField = useCallback((field, value) => {
+        dispatch(actions.setMetadataField({
+            field,
+            value: value ?? undefined,
+            updatedAt: timestamp(),
+        }));
+    }, [dispatch]);
+    const handleSetMetadataListField = useCallback((field, values) => {
+        dispatch(actions.setMetadataListField({ field, values, updatedAt: timestamp() }));
+    }, [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-6xl", children: [_jsx(DocumentToolbar, { className: TOOLBAR_CLASS }), _jsxs("div", { className: "flex gap-6 p-6 pb-12", children: [_jsxs("div", { className: "min-w-0 flex-1 space-y-5 rounded-xl p-6", style: {
+                                backgroundColor: "var(--bai-surface)",
+                                border: "1px solid var(--bai-border)",
+                            }, children: [_jsxs("div", { className: "space-y-3", children: [_jsx(StatusBar, { status: state.status ?? null, provenanceAuthor: state.provenance?.author ?? null, hasProvenance: !!state.provenance, onSubmitForReview: (id, actor, ts, comment) => dispatch(actions.submitForReview({
+                                                id,
+                                                actor,
+                                                timestamp: ts,
+                                                comment,
+                                            })), onApprove: (id, actor, ts, comment) => dispatch(actions.approveNote({ id, actor, timestamp: ts, comment })), onReject: (id, actor, ts, comment) => dispatch(actions.rejectNote({ id, actor, timestamp: ts, comment })), onArchive: (id, actor, ts, comment) => dispatch(actions.archiveNote({ id, actor, timestamp: ts, comment })), onRestore: (id, actor, ts, comment) => dispatch(actions.restoreNote({ id, actor, timestamp: ts, comment })) }), _jsx("input", { type: "text", defaultValue: state.title ?? "", placeholder: "Untitled Note", onBlur: (e) => handleSetTitle(e.target.value.trim()), onKeyDown: (e) => {
+                                                if (e.key === "Enter")
+                                                    e.currentTarget.blur();
+                                            }, className: "w-full border-0 bg-transparent text-2xl font-bold outline-none", style: { color: "var(--bai-text)" } })] }), _jsx("textarea", { defaultValue: state.description ?? "", placeholder: "Brief description (max 200 chars)...", maxLength: 200, rows: 2, onBlur: (e) => handleSetDescription(e.target.value.trim()), className: "w-full resize-none rounded-lg px-3 py-2 text-sm outline-none placeholder:opacity-50 focus:border-[#cba6f7]/50", style: {
+                                        backgroundColor: "var(--bai-bg)",
+                                        color: "var(--bai-text-secondary)",
+                                        border: "1px solid var(--bai-border)",
+                                    } }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("select", { value: state.noteType ?? "", onChange: (e) => handleSetNoteType(e.target.value), className: "rounded-lg px-3 py-1.5 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                                                backgroundColor: "var(--bai-bg)",
+                                                color: "var(--bai-text-secondary)",
+                                                border: "1px solid var(--bai-border)",
+                                            }, children: [_jsx("option", { value: "", disabled: true, children: "Note type..." }), NOTE_TYPES.map((t) => (_jsx("option", { value: t, children: t }, t)))] }), _jsx("div", { className: "h-4 w-px", style: { backgroundColor: "var(--bai-border)" } }), _jsx(TopicsBar, { topics: state.topics, onAddTopic: (id, name) => dispatch(actions.addTopic({ id, name })), onRemoveTopic: (id) => dispatch(actions.removeTopic({ id })) })] }), _jsx("div", { className: "flex gap-1", style: { borderBottom: "1px solid var(--bai-border)" }, children: [
+                                        ["content", "Content"],
+                                        ["links", "Links"],
+                                        ["history", "History"],
+                                    ].map(([key, label]) => (_jsxs("button", { type: "button", onClick: () => setActiveTab(key), className: `border-b-2 px-4 py-2 text-sm font-medium transition-colors ${activeTab === key
+                                            ? "border-[#cba6f7] text-[#cba6f7]"
+                                            : "border-transparent hover:border-gray-600"}`, style: activeTab === key
+                                            ? undefined
+                                            : { color: "var(--bai-text-muted)" }, children: [label, key === "links" && state.links.length > 0 && (_jsx("span", { className: "ml-1.5 rounded-full px-1.5 py-0.5 text-xs", style: {
+                                                    backgroundColor: "var(--bai-hover)",
+                                                    color: "var(--bai-text-tertiary)",
+                                                }, children: state.links.length }))] }, key))) }), activeTab === "content" && (_jsxs("div", { children: [_jsxs("div", { className: "mb-3 flex gap-1", children: [_jsx("button", { type: "button", onClick: () => setContentMode("preview"), className: "rounded px-2.5 py-1 text-xs font-medium transition-colors", style: contentMode === "preview"
+                                                        ? {
+                                                            backgroundColor: "var(--bai-hover)",
+                                                            color: "var(--bai-accent)",
+                                                        }
+                                                        : { color: "var(--bai-text-muted)" }, children: "Preview" }), _jsx("button", { type: "button", onClick: () => setContentMode("edit"), className: "rounded px-2.5 py-1 text-xs font-medium transition-colors", style: contentMode === "edit"
+                                                        ? {
+                                                            backgroundColor: "var(--bai-hover)",
+                                                            color: "var(--bai-accent)",
+                                                        }
+                                                        : { color: "var(--bai-text-muted)" }, children: "Edit" })] }), contentMode === "preview" ? (_jsx("div", { className: "min-h-[400px] cursor-text rounded-lg px-4 py-3", style: {
+                                                backgroundColor: "var(--bai-deep)",
+                                                border: "1px solid var(--bai-border)",
+                                            }, onClick: () => setContentMode("edit"), children: state.content ? (_jsx(MarkdownPreview, { content: state.content })) : (_jsx("p", { className: "text-sm italic", style: { color: "var(--bai-text-faint)" }, children: "Click to start writing..." })) })) : (_jsx("textarea", { defaultValue: state.content ?? "", placeholder: "Write your note content here... (supports markdown)", rows: 20, autoFocus: true, onBlur: (e) => {
+                                                handleSetContent(e.target.value);
+                                                setContentMode("preview");
+                                            }, className: "w-full resize-y rounded-lg px-4 py-3 font-mono text-sm leading-relaxed outline-none placeholder:opacity-50 focus:border-[#cba6f7]/50", style: {
+                                                backgroundColor: "var(--bai-deep)",
+                                                color: "var(--bai-text-secondary)",
+                                                border: "1px solid var(--bai-border)",
+                                            } }))] })), activeTab === "links" && (_jsx(LinksSection, { links: state.links, currentDocId: document.header.id, onAddLink: (id, targetDocumentId, targetTitle, linkType) => dispatch(actions.addLink({
+                                        id,
+                                        targetDocumentId,
+                                        targetTitle,
+                                        linkType,
+                                    })), onRemoveLink: (id) => dispatch(actions.removeLink({ id })), onUpdateLinkType: (id, linkType) => dispatch(actions.updateLinkType({ id, linkType })) })), activeTab === "history" && (_jsx(LifecycleTimeline, { events: state.lifecycleEvents }))] }), _jsxs("div", { className: "w-64 shrink-0 space-y-6 self-start rounded-xl p-5", style: {
+                                backgroundColor: "var(--bai-surface)",
+                                border: "1px solid var(--bai-border)",
+                            }, children: [_jsxs("div", { children: [_jsx("h4", { className: "mb-2 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: "Provenance" }), _jsx(ProvenanceInfo, { provenance: state.provenance ?? null, onSetProvenance: (author, sourceOrigin) => dispatch(actions.setProvenance({
+                                                author,
+                                                sourceOrigin,
+                                                createdAt: timestamp(),
+                                            })) })] }), _jsx("hr", { style: { borderColor: "var(--bai-border)" } }), _jsx(MetadataPanel, { state: state, onSetField: handleSetMetadataField, onSetListField: handleSetMetadataListField })] })] })] }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/knowledge-note-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/knowledge-note-editor/module.js

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

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

@@ -0,0 +1,6 @@
+/**
+ * Document creation UI component.
+ * Displays available document types as clickable buttons.
+ */
+export declare function CreateDocument(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateDocument.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateDocument.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/CreateDocument.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,cAAc,4CAsB7B"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { showCreateDocumentModal, useAllowedDocumentModelModules, } from "@powerhousedao/reactor-browser";
+/**
+ * Document creation UI component.
+ * Displays available document types as clickable buttons.
+ */
+export function CreateDocument() {
+    const allowedDocumentModelModules = useAllowedDocumentModelModules();
+    return (_jsxs("div", { children: [_jsx("h3", { className: "mb-3 mt-4 text-sm font-bold text-gray-600", children: "Create document" }), _jsx("div", { className: "flex w-full flex-wrap gap-4", children: allowedDocumentModelModules?.map((documentModelModule) => {
+                    return (_jsx(CreateDocumentButton, { documentModelModule: documentModelModule }, documentModelModule.documentModel.global.id));
+                }) })] }));
+}
+function CreateDocumentButton({ documentModelModule }) {
+    const documentType = documentModelModule.documentModel.global.id;
+    const documentModelName = documentModelModule.documentModel.global.name || documentType;
+    const documentModelDescription = documentModelModule.documentModel.global.description;
+    return (_jsx("button", { className: "cursor-pointer rounded-md bg-gray-200 py-2 px-3 hover:bg-gray-300", title: documentModelName, "aria-description": documentModelDescription, onClick: () => showCreateDocumentModal(documentType), children: documentModelName }));
+}

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

@@ -0,0 +1,9 @@
+type CreateDocumentDialogProps = {
+    open: boolean;
+    documentType: string;
+    documentTypeLabel: string;
+    onClose: () => void;
+};
+export declare function CreateDocumentDialog({ open, documentType, documentTypeLabel, onClose, }: CreateDocumentDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CreateDocumentDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateDocumentDialog.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/CreateDocumentDialog.tsx"],"names":[],"mappings":"AAQA,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAgBF,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,OAAO,GACR,EAAE,yBAAyB,kDAoH3B"}

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

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { addDocument, setSelectedNode, useSelectedDriveId, } from "@powerhousedao/reactor-browser";
+import { useFolderMap } from "../hooks/use-drive-init.js";
+/**
+ * Maps document types to their target folder paths.
+ * Documents are placed in structured folders, not drive root.
+ */
+const DOC_TYPE_FOLDER = {
+    "bai/knowledge-note": "knowledge/notes",
+    "bai/moc": "knowledge",
+    "bai/source": "sources",
+    "bai/observation": "ops",
+    "bai/tension": "ops",
+    "bai/health-report": "ops/health",
+    "bai/research-claim": "research",
+};
+export function CreateDocumentDialog({ open, documentType, documentTypeLabel, onClose, }) {
+    const [name, setName] = useState("");
+    const [loading, setLoading] = useState(false);
+    const inputRef = useRef(null);
+    const driveId = useSelectedDriveId();
+    const folderMap = useFolderMap();
+    useEffect(() => {
+        if (open) {
+            setName("");
+            setLoading(false);
+            setTimeout(() => inputRef.current?.focus(), 50);
+        }
+    }, [open]);
+    useEffect(() => {
+        if (!open)
+            return;
+        function handleKey(e) {
+            if (e.key === "Escape")
+                onClose();
+        }
+        window.addEventListener("keydown", handleKey);
+        return () => window.removeEventListener("keydown", handleKey);
+    }, [open, onClose]);
+    async function handleSubmit(e) {
+        e.preventDefault();
+        if (!name.trim() || !driveId || loading)
+            return;
+        setLoading(true);
+        try {
+            const targetFolder = DOC_TYPE_FOLDER[documentType];
+            const parentFolderId = targetFolder
+                ? folderMap.get(targetFolder)
+                : undefined;
+            const result = await addDocument(driveId, name.trim(), documentType, parentFolderId);
+            onClose();
+            if (result?.id) {
+                setSelectedNode(result.id);
+            }
+        }
+        catch (err) {
+            console.error("[CreateDocument] Failed:", err);
+            setLoading(false);
+        }
+    }
+    if (!open)
+        return null;
+    const targetFolder = DOC_TYPE_FOLDER[documentType];
+    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("form", { onSubmit: handleSubmit, className: "relative z-10 w-[420px] rounded-2xl p-6 shadow-2xl", style: {
+                    backgroundColor: "var(--bai-surface)",
+                    border: "1px solid var(--bai-border)",
+                }, children: [_jsxs("h2", { className: "text-lg font-bold", style: { color: "var(--bai-text)" }, children: ["Create ", documentTypeLabel] }), _jsxs("p", { className: "mt-1 text-xs", style: { color: "var(--bai-text-muted)" }, children: [documentType, targetFolder && (_jsxs("span", { className: "ml-2", style: { color: "var(--bai-text-faint)" }, children: ["\u2192 /", targetFolder, "/"] }))] }), _jsx("div", { className: "mt-5", children: _jsx("input", { ref: inputRef, type: "text", value: name, onChange: (e) => setName(e.target.value), placeholder: `Name your ${documentTypeLabel.toLowerCase()}...`, className: "w-full rounded-xl px-4 py-3 text-sm outline-none", style: {
+                                backgroundColor: "var(--bai-bg)",
+                                border: "1px solid var(--bai-border)",
+                                color: "var(--bai-text-secondary)",
+                            } }) }), _jsxs("div", { className: "mt-6 flex justify-end gap-3", children: [_jsx("button", { type: "button", onClick: onClose, className: "rounded-xl px-5 py-2.5 text-sm font-medium transition-colors hover:bg-white/5", style: { color: "var(--bai-text-tertiary)" }, children: "Cancel" }), _jsx("button", { type: "submit", disabled: !name.trim() || loading, className: "rounded-xl px-5 py-2.5 text-sm font-semibold transition-colors hover:opacity-80 disabled:opacity-40", style: {
+                                    backgroundColor: "var(--bai-accent)",
+                                    color: "var(--bai-accent-text)",
+                                }, children: loading ? "Creating..." : "Create" })] })] })] }));
+}

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

@@ -0,0 +1,3 @@
+/** Shows the documents and folders in the selected drive */
+export declare function DriveContents(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DriveContents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DriveContents.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/DriveContents.tsx"],"names":[],"mappings":"AAMA,4DAA4D;AAC5D,wBAAgB,aAAa,4CAU5B"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CreateDocument } from "./CreateDocument.js";
+import { EmptyState } from "./EmptyState.js";
+import { Files } from "./Files.js";
+import { Folders } from "./Folders.js";
+import { NavigationBreadcrumbs } from "./NavigationBreadcrumbs.js";
+/** Shows the documents and folders in the selected drive */
+export function DriveContents() {
+    return (_jsxs("div", { className: "space-y-6 px-6", children: [_jsx(NavigationBreadcrumbs, {}), _jsx(Folders, {}), _jsx(Files, {}), _jsx(EmptyState, {}), _jsx(CreateDocument, {})] }));
+}

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

@@ -0,0 +1,3 @@
+import type { EditorProps } from "document-model";
+export declare function DriveExplorer({ children }: EditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DriveExplorer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/knowledge-vault/components/DriveExplorer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+BlD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAiUtD"}