@powerhousedao/knowledge-note 1.0.0

package/dist/editors/research-claim-editor/editor.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { useSelectedResearchClaimDocument, actions, } from "@powerhousedao/knowledge-note/document-models/research-claim";
+import { generateId } from "document-model/core";
+import { MarkdownPreview } from "../shared/markdown-preview.js";
+import { TOOLBAR_CLASS } from "../shared/theme-context.js";
+const KIND_COLORS = {
+    research: "bg-purple-500/20 text-purple-300 border-purple-500/30",
+    example: "bg-cyan-500/20 text-cyan-300 border-cyan-500/30",
+    foundation: "bg-blue-500/20 text-blue-300 border-blue-500/30",
+    methodology: "bg-emerald-500/20 text-emerald-300 border-emerald-500/30",
+    principle: "bg-amber-500/20 text-amber-300 border-amber-500/30",
+};
+export default function Editor() {
+    const [document, dispatch] = useSelectedResearchClaimDocument();
+    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 }), _jsxs("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 flex-wrap", children: [state.kind && (_jsx("span", { className: `rounded-full border px-3 py-1 text-xs font-semibold ${KIND_COLORS[state.kind] ?? "bg-gray-500/20 text-gray-300 border-gray-500/30"}`, children: state.kind })), state.methodology.map((m) => (_jsx("span", { className: "rounded px-2 py-0.5 text-[10px]", style: {
+                                                backgroundColor: "var(--bai-hover)",
+                                                color: "var(--bai-text-tertiary)",
+                                            }, children: m }, m)))] }), _jsx("h1", { className: "text-xl font-bold", style: { color: "var(--bai-text)" }, children: state.title }), state.description && (_jsx("p", { className: "text-sm", style: { color: "var(--bai-text-tertiary)" }, children: state.description }))] }), state.content && (_jsxs("div", { className: "rounded-xl p-6", style: {
+                                backgroundColor: "var(--bai-surface)",
+                                border: "1px solid var(--bai-border)",
+                            }, children: [_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx("h3", { className: "text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: "Content" }), _jsx(EditContentButton, { content: state.content, dispatch: dispatch })] }), _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 }) })] })), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "rounded-xl p-4", style: {
+                                        backgroundColor: "var(--bai-surface)",
+                                        border: "1px solid var(--bai-border)",
+                                    }, children: [_jsxs("h3", { className: "mb-2 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: ["Topics (", state.topics.length, ")"] }), _jsxs("div", { className: "flex flex-wrap gap-1", children: [state.topics.map((t) => (_jsx("span", { className: "rounded px-2 py-0.5 text-xs", style: {
+                                                        backgroundColor: "var(--bai-accent-soft)",
+                                                        color: "var(--bai-accent)",
+                                                    }, children: t }, t))), state.topics.length === 0 && (_jsx("span", { className: "text-xs", style: { color: "var(--bai-text-faint)" }, children: "No topics" }))] })] }), _jsxs("div", { className: "rounded-xl p-4", style: {
+                                        backgroundColor: "var(--bai-surface)",
+                                        border: "1px solid var(--bai-border)",
+                                    }, children: [_jsxs("h3", { className: "mb-2 text-xs font-semibold uppercase tracking-wider", style: { color: "var(--bai-text-muted)" }, children: ["Sources (", state.sources.length, ")"] }), _jsxs("div", { className: "flex flex-wrap gap-1", children: [state.sources.map((s) => (_jsx("span", { className: "rounded bg-cyan-500/10 px-2 py-0.5 text-xs text-cyan-400", children: s }, s))), state.sources.length === 0 && (_jsx("span", { className: "text-xs", style: { color: "var(--bai-text-faint)" }, children: "No sources" }))] })] })] }), _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: ["Connections (", state.connections.length, ")"] }), state.connections.length > 0 ? (_jsx("div", { className: "space-y-2", children: state.connections.map((conn) => (_jsxs("div", { className: "flex items-start gap-3 rounded-lg px-4 py-3", style: {
+                                            backgroundColor: "var(--bai-bg)",
+                                            boxShadow: "0 0 0 1px var(--bai-ring)",
+                                        }, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-xs", style: { color: "var(--bai-text-tertiary)" }, children: conn.contextPhrase }), _jsx("p", { className: "mt-1 font-mono text-[10px] truncate", style: { color: "var(--bai-text-faint)" }, children: conn.targetRef })] }), _jsx("button", { type: "button", onClick: () => dispatch(actions.removeResearchConnection({ id: conn.id })), className: "shrink-0 rounded px-2 py-1 text-[10px] text-red-400 hover:bg-red-500/10", children: "Remove" })] }, conn.id))) })) : (_jsx("p", { className: "text-xs", style: { color: "var(--bai-text-faint)" }, children: "No connections yet" })), _jsx(AddConnectionForm, { dispatch: dispatch })] })] })] }) }));
+}
+function EditContentButton({ content, dispatch, }) {
+    const [editing, setEditing] = useState(false);
+    const [text, setText] = useState(content);
+    if (!editing) {
+        return (_jsx("button", { type: "button", onClick: () => {
+                setText(content);
+                setEditing(true);
+            }, className: "rounded px-3 py-1 text-xs hover:opacity-80", style: {
+                backgroundColor: "var(--bai-hover)",
+                color: "var(--bai-text-tertiary)",
+            }, children: "Edit" }));
+    }
+    return (_jsxs("div", { className: "w-full space-y-2", children: [_jsx("textarea", { value: text, onChange: (e) => setText(e.target.value), rows: 8, 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)",
+                } }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx("button", { type: "button", onClick: () => setEditing(false), className: "rounded px-3 py-1 text-xs hover:opacity-80", style: {
+                            backgroundColor: "var(--bai-hover)",
+                            color: "var(--bai-text-tertiary)",
+                        }, children: "Cancel" }), _jsx("button", { type: "button", onClick: () => {
+                            dispatch(actions.updateClaimContent({ content: text }));
+                            setEditing(false);
+                        }, className: "rounded px-3 py-1 text-xs font-medium hover:opacity-80", style: {
+                            backgroundColor: "var(--bai-accent)",
+                            color: "var(--bai-accent-text)",
+                        }, children: "Save" })] })] }));
+}
+function AddConnectionForm({ dispatch, }) {
+    const [open, setOpen] = useState(false);
+    const [targetRef, setTargetRef] = useState("");
+    const [contextPhrase, setContextPhrase] = useState("");
+    if (!open) {
+        return (_jsx("button", { type: "button", onClick: () => setOpen(true), className: "mt-3 rounded px-3 py-1.5 text-xs hover:opacity-80", style: {
+                backgroundColor: "var(--bai-hover)",
+                color: "var(--bai-text-tertiary)",
+            }, children: "+ Add Connection" }));
+    }
+    return (_jsxs("div", { className: "mt-3 rounded-lg p-4 space-y-3", style: {
+            backgroundColor: "var(--bai-bg)",
+            border: "1px solid var(--bai-border)",
+        }, children: [_jsx("input", { type: "text", value: targetRef, onChange: (e) => setTargetRef(e.target.value), placeholder: "Target document ID or reference", className: "w-full rounded-lg px-3 py-2 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("input", { type: "text", value: contextPhrase, onChange: (e) => setContextPhrase(e.target.value), placeholder: "Context phrase describing the connection", className: "w-full rounded-lg px-3 py-2 text-sm outline-none focus:border-[#cba6f7]/50", style: {
+                    backgroundColor: "var(--bai-deep)",
+                    color: "var(--bai-text-secondary)",
+                    border: "1px solid var(--bai-border)",
+                } }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: () => setOpen(false), className: "rounded px-3 py-1 text-xs hover:opacity-80", style: {
+                            backgroundColor: "var(--bai-hover)",
+                            color: "var(--bai-text-tertiary)",
+                        }, children: "Cancel" }), _jsx("button", { type: "button", disabled: !targetRef.trim() || !contextPhrase.trim(), onClick: () => {
+                            dispatch(actions.addResearchConnection({
+                                id: generateId(),
+                                targetRef: targetRef.trim(),
+                                contextPhrase: contextPhrase.trim(),
+                            }));
+                            setTargetRef("");
+                            setContextPhrase("");
+                            setOpen(false);
+                        }, className: "rounded px-3 py-1 text-xs font-medium hover:opacity-80 disabled:opacity-40", style: {
+                            backgroundColor: "var(--bai-accent)",
+                            color: "var(--bai-accent-text)",
+                        }, children: "Add" })] })] }));
+}
+function CreateForm({ dispatch, }) {
+    const [title, setTitle] = useState("");
+    const [desc, setDesc] = useState("");
+    const [content, setContent] = useState("");
+    const [kind, setKind] = useState("research");
+    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 Research Claim" }), _jsx("input", { type: "text", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Claim title (a clear, declarative statement)", 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 description of the claim", 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("select", { value: kind, onChange: (e) => setKind(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: [_jsx("option", { value: "research", children: "Research" }), _jsx("option", { value: "foundation", children: "Foundation" }), _jsx("option", { value: "methodology", children: "Methodology" }), _jsx("option", { value: "principle", children: "Principle" }), _jsx("option", { value: "example", children: "Example" })] }), _jsx("textarea", { value: content, onChange: (e) => setContent(e.target.value), placeholder: "Full claim content (markdown supported)", rows: 6, 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.createClaim({
+                                    title: title.trim(),
+                                    description: desc.trim(),
+                                    content: content.trim(),
+                                    kind,
+                                    methodology: [],
+                                    sources: [],
+                                    topics: [],
+                                })), 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 Claim" })] }) })] }) }));
+}

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

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

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

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

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

package/dist/editors/shared/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/shared/markdown-preview.d.ts.map

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

package/dist/editors/shared/markdown-preview.js

@@ -0,0 +1,207 @@
+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 isTableRow(line) {
+    return line.trimStart().startsWith("|") && line.trimEnd().endsWith("|");
+}
+function isTableSeparator(line) {
+    return /^\|[\s:-]+(\|[\s:-]+)*\|$/.test(line.trim());
+}
+function parseTableCells(line) {
+    return line
+        .trim()
+        .replace(/^\|/, "")
+        .replace(/\|$/, "")
+        .split("|")
+        .map((cell) => cell.trim());
+}
+function parseTableAlignments(line) {
+    return parseTableCells(line).map((cell) => {
+        const left = cell.startsWith(":");
+        const right = cell.endsWith(":");
+        if (left && right)
+            return "center";
+        if (right)
+            return "right";
+        if (left)
+            return "left";
+        return null;
+    });
+}
+function renderTable(tableLines) {
+    if (tableLines.length < 2)
+        return tableLines
+            .map((l) => `<p class="md-p">${inlineFormat(l)}</p>`)
+            .join("\n");
+    const headerCells = parseTableCells(tableLines[0]);
+    const alignments = isTableSeparator(tableLines[1])
+        ? parseTableAlignments(tableLines[1])
+        : [];
+    const bodyStart = isTableSeparator(tableLines[1]) ? 2 : 1;
+    const alignAttr = (i) => {
+        const a = alignments[i];
+        return a ? ` style="text-align:${a}"` : "";
+    };
+    let out = '<div class="md-table-wrap"><table class="md-table"><thead><tr>';
+    headerCells.forEach((cell, i) => {
+        out += `<th${alignAttr(i)}>${inlineFormat(cell)}</th>`;
+    });
+    out += "</tr></thead><tbody>";
+    for (let r = bodyStart; r < tableLines.length; r++) {
+        const cells = parseTableCells(tableLines[r]);
+        out += "<tr>";
+        cells.forEach((cell, i) => {
+            out += `<td${alignAttr(i)}>${inlineFormat(cell)}</td>`;
+        });
+        out += "</tr>";
+    }
+    out += "</tbody></table></div>";
+    return out;
+}
+function renderMarkdown(md) {
+    const lines = md.split("\n");
+    const html = [];
+    let inCodeBlock = false;
+    let inList = false;
+    let inTable = false;
+    let codeBuffer = [];
+    let tableBuffer = [];
+    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;
+                }
+                if (inTable) {
+                    html.push(renderTable(tableBuffer));
+                    tableBuffer = [];
+                    inTable = false;
+                }
+                inCodeBlock = true;
+            }
+            continue;
+        }
+        if (inCodeBlock) {
+            codeBuffer.push(line);
+            continue;
+        }
+        // Table rows
+        if (isTableRow(line) || (inTable && isTableSeparator(line))) {
+            if (inList) {
+                html.push("</ul>");
+                inList = false;
+            }
+            inTable = true;
+            tableBuffer.push(line);
+            continue;
+        }
+        if (inTable) {
+            html.push(renderTable(tableBuffer));
+            tableBuffer = [];
+            inTable = false;
+        }
+        // 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>");
+    if (inTable)
+        html.push(renderTable(tableBuffer));
+    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: var(--bai-text); margin: 1rem 0 0.5rem; }
+        .md-preview h2.md-h2 { font-size: 1.25rem; font-weight: 600; color: var(--bai-text); margin: 1rem 0 0.5rem; border-bottom: 1px solid var(--bai-border); padding-bottom: 0.25rem; }
+        .md-preview h3.md-h3 { font-size: 1.1rem; font-weight: 600; color: var(--bai-text-secondary); 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: var(--bai-text-secondary); margin: 0.5rem 0 0.25rem; }
+        .md-preview .md-p { color: var(--bai-text-secondary); line-height: 1.7; margin: 0.4rem 0; }
+        .md-preview .md-blockquote { border-left: 3px solid var(--bai-accent); padding-left: 1rem; color: var(--bai-text-tertiary); font-style: italic; margin: 0.5rem 0; }
+        .md-preview .md-list { padding-left: 1.5rem; color: var(--bai-text-secondary); margin: 0.4rem 0; }
+        .md-preview .md-list li { margin: 0.2rem 0; line-height: 1.6; }
+        .md-preview .md-code-block { background: var(--bai-deep); 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: var(--bai-accent-soft); color: var(--bai-accent); 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: var(--bai-accent); font-weight: 500; }
+        .md-preview .md-hr { border: none; border-top: 1px solid var(--bai-border); margin: 1rem 0; }
+        .md-preview strong { color: var(--bai-text); }
+        .md-preview em { color: var(--bai-text-secondary); }
+        .md-preview .md-table-wrap { overflow-x: auto; margin: 0.75rem 0; }
+        .md-preview .md-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
+        .md-preview .md-table th { color: var(--bai-text); font-weight: 600; text-align: left; padding: 0.5rem 0.75rem; border-bottom: 2px solid var(--bai-border); white-space: nowrap; }
+        .md-preview .md-table td { color: var(--bai-text-secondary); padding: 0.4rem 0.75rem; border-bottom: 1px solid var(--bai-border); }
+        .md-preview .md-table tbody tr:hover { background: color-mix(in srgb, var(--bai-text) 3%, transparent); }
+      ` }), _jsx("div", { className: "md-preview text-sm leading-relaxed", dangerouslySetInnerHTML: { __html: html } })] }));
+}

package/dist/editors/shared/theme-context.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+export type BaiTheme = "dark" | "light";
+type ThemeContextValue = {
+    theme: BaiTheme;
+    toggle: () => void;
+};
+export declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+/** Same classes — CSS vars resolve differently under each theme */
+export declare const TOOLBAR_CLASS: string;
+/** Small sun/moon toggle button */
+export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=theme-context.d.ts.map

package/dist/editors/shared/theme-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.d.ts","sourceRoot":"","sources":["../../../editors/shared/theme-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAExC,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAmBF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAsBlE;AAED,wBAAgB,QAAQ,sBAEvB;AAYD,mEAAmE;AACnE,eAAO,MAAM,aAAa,QAAU,CAAC;AAErC,mCAAmC;AACnC,wBAAgB,WAAW,4CAqC1B"}

package/dist/editors/shared/theme-context.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect, useCallback, } from "react";
+const STORAGE_KEY = "bai-theme";
+const ThemeContext = createContext({
+    theme: "dark",
+    toggle: () => { },
+});
+function getStoredTheme() {
+    try {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        if (stored === "light" || stored === "dark")
+            return stored;
+    }
+    catch {
+        // localStorage unavailable
+    }
+    return "dark";
+}
+export function ThemeProvider({ children }) {
+    const [theme, setTheme] = useState(getStoredTheme);
+    useEffect(() => {
+        try {
+            localStorage.setItem(STORAGE_KEY, theme);
+        }
+        catch {
+            // localStorage unavailable
+        }
+    }, [theme]);
+    const toggle = useCallback(() => {
+        setTheme((t) => (t === "dark" ? "light" : "dark"));
+    }, []);
+    return (_jsx(ThemeContext.Provider, { value: { theme, toggle }, children: _jsx("div", { "data-bai-theme": theme, className: "bai-theme", children: children }) }));
+}
+export function useTheme() {
+    return useContext(ThemeContext);
+}
+/** Toolbar classes for dark and light themes */
+const TB_DARK = [
+    "!bg-[var(--bai-surface)] !border-[var(--bai-border)]",
+    "[&_button]:!bg-[var(--bai-bg)] [&_button]:!border-[var(--bai-border)]",
+    "[&_button:hover]:!bg-[var(--bai-hover)]",
+    "[&_button_svg]:!text-[var(--bai-text-tertiary)] [&_button:hover_svg]:!text-[var(--bai-text-secondary)]",
+    "[&_span]:!text-[var(--bai-text-tertiary)] [&_button:hover_span]:!text-[var(--bai-text-secondary)]",
+    "[&_h1]:!text-[var(--bai-text-tertiary)]",
+].join(" ");
+/** Same classes — CSS vars resolve differently under each theme */
+export const TOOLBAR_CLASS = TB_DARK;
+/** Small sun/moon toggle button */
+export function ThemeToggle() {
+    const { theme, toggle } = useTheme();
+    return (_jsx("button", { type: "button", onClick: toggle, className: "flex h-7 w-7 items-center justify-center rounded-md transition-colors", style: {
+            background: "var(--bai-hover)",
+            color: "var(--bai-text-tertiary)",
+        }, title: `Switch to ${theme === "dark" ? "light" : "dark"} mode`, children: theme === "dark" ? (_jsxs("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("circle", { cx: "12", cy: "12", r: "5" }), _jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })] })) : (_jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" }) })) }));
+}

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

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