@jotx-labs/editor 2.4.145 → 2.4.147

package/dist/components/EditorRibbon.d.ts

@@ -1,13 +1,14 @@
 /**
- * EditorRibbon - Toolbar ribbon for the editor
- * This is a stub that can be customized per platform
+ * EditorRibbon - Context-aware toolbar ribbon
+ * Shows ALL tools always, enables/disables based on block type
  */
-export type EditorContext = 'paragraph' | 'heading' | 'list' | 'table' | 'code' | 'image' | 'callout' | 'mermaid' | 'chart' | 'math';
+import { Editor } from '@tiptap/react';
+import '../styles/EditorRibbon.css';
+export type EditorContext = 'paragraph' | 'heading' | 'list' | 'table' | 'callout' | 'code' | 'mermaid' | 'chart' | 'math' | 'image';
 export interface EditorRibbonProps {
-    editor: any;
+    editor: Editor | null;
+    expanded: boolean;
     context: EditorContext;
-    expanded?: boolean;
-    onToggleExpand?: () => void;
 }
-export declare function EditorRibbon({ editor: _editor, context: _context, expanded, onToggleExpand: _onToggleExpand }: EditorRibbonProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorRibbon({ editor, expanded, context }: EditorRibbonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EditorRibbon.d.ts.map

package/dist/components/EditorRibbon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorRibbon.d.ts","sourceRoot":"","sources":["../../src/components/EditorRibbon.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,MAAM,aAAa,GACnB,WAAW,GACX,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAA;AAGZ,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,GAAG,CAAA;IACX,OAAO,EAAE,aAAa,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,wBAAgB,YAAY,CAAC,EACzB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,QAAQ,EACjB,QAAgB,EAChB,cAAc,EAAE,eAAe,EAClC,EAAE,iBAAiB,2CAWnB"}
+{"version":3,"file":"EditorRibbon.d.ts","sourceRoot":"","sources":["../../src/components/EditorRibbon.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAwBtC,OAAO,4BAA4B,CAAA;AAEnC,MAAM,MAAM,aAAa,GACnB,WAAW,GACX,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,GACP,MAAM,GACN,OAAO,CAAA;AAEb,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,aAAa,CAAA;CACzB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CAgV5E"}

package/dist/components/EditorRibbon.js

@@ -1,12 +1,83 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorRibbon = EditorRibbon;
 const jsx_runtime_1 = require("react/jsx-runtime");
-function EditorRibbon({ editor: _editor, context: _context, expanded = false, onToggleExpand: _onToggleExpand }) {
-    if (!expanded) {
+/**
+ * EditorRibbon - Context-aware toolbar ribbon
+ * Shows ALL tools always, enables/disables based on block type
+ */
+const react_1 = __importDefault(require("react"));
+const lucide_react_1 = require("lucide-react");
+require("../styles/EditorRibbon.css");
+function EditorRibbon({ editor, expanded, context }) {
+    // Track list level with state to trigger re-renders on selection change
+    const [listLevel, setListLevel] = react_1.default.useState(0);
+    react_1.default.useEffect(() => {
+        if (!editor)
+            return;
+        const updateListLevel = () => {
+            if (context !== 'list') {
+                setListLevel(0);
+                return;
+            }
+            try {
+                const { $from } = editor.state.selection;
+                let level = 0;
+                for (let d = $from.depth; d > 0; d--) {
+                    const node = $from.node(d);
+                    const name = node.type?.name;
+                    // Count list containers, not list items
+                    if (name === 'bulletList' || name === 'orderedList' || name === 'taskList') {
+                        level++;
+                    }
+                }
+                setListLevel(Math.max(1, level));
+            }
+            catch {
+                setListLevel(1);
+            }
+        };
+        updateListLevel();
+        editor.on('selectionUpdate', updateListLevel);
+        editor.on('transaction', updateListLevel);
+        return () => {
+            editor.off('selectionUpdate', updateListLevel);
+            editor.off('transaction', updateListLevel);
+        };
+    }, [editor, context]);
+    if (!editor)
         return null;
-    }
-    // Stub implementation - platform-specific implementations can override
-    return ((0, jsx_runtime_1.jsx)("div", { className: "editor-ribbon", style: { display: 'none' } }));
+    // Determine what's enabled based on context
+    const formattingEnabled = !['code', 'mermaid', 'chart', 'math'].includes(context);
+    // List TYPE buttons work for paragraphs too (to convert text to list)
+    const listTypeEnabled = formattingEnabled && !['table', 'image'].includes(context);
+    // Indent/outdent only work when inside a list
+    const listIndentEnabled = context === 'list';
+    // Table operations - enabled when in table context
+    const tableEnabled = context === 'table';
+    const btn = (active, enabled = true) => `editor-ribbon-btn ${active ? 'active' : ''}`;
+    const isTask = editor.isActive('taskList');
+    const itemType = isTask ? 'taskItem' : 'listItem';
+    return ((0, jsx_runtime_1.jsx)("div", { className: `editor-ribbon ${expanded ? 'expanded' : ''}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-content", children: [(0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-section", children: [(0, jsx_runtime_1.jsx)("span", { className: "editor-ribbon-section-label", children: "Format" }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-btn-group", children: [(0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('bold')), title: "Bold (Ctrl/Cmd+B)", disabled: !formattingEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleBold().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Bold, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('italic')), title: "Italic (Ctrl/Cmd+I)", disabled: !formattingEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleItalic().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Italic, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('underline')), title: "Underline (Ctrl/Cmd+U)", disabled: !formattingEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleUnderline().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Underline, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('strike')), title: "Strikethrough", disabled: !formattingEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleStrike().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Strikethrough, { size: 16 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-btn-group", children: [(0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('code')), title: "Inline Code", disabled: !formattingEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleCode().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Code, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('highlight')), title: "Highlight", disabled: !formattingEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleHighlight().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Highlighter, { size: 16 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-color-picker", title: "Text Color", children: [(0, jsx_runtime_1.jsxs)("button", { className: "editor-ribbon-btn", disabled: !formattingEnabled, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Type, { size: 16 }), (0, jsx_runtime_1.jsx)("div", { className: "editor-ribbon-color-preview", style: {
+                                                backgroundColor: formattingEnabled
+                                                    ? (editor.getAttributes('textStyle').color || 'var(--vscode-foreground)')
+                                                    : 'var(--vscode-foreground)'
+                                            } })] }), (0, jsx_runtime_1.jsx)("input", { type: "color", disabled: !formattingEnabled, onInput: (e) => editor.chain().focus().setColor(e.target.value).run(), value: editor.getAttributes('textStyle').color || '#ffffff' })] }), (0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('link')), title: "Insert Link", disabled: !formattingEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                                const url = window.prompt('Enter URL:');
+                                if (url) {
+                                    editor.chain().focus().setLink({ href: url }).run();
+                                }
+                            }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Link2, { size: 16 }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "editor-ribbon-separator" }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-section", children: [(0, jsx_runtime_1.jsx)("span", { className: "editor-ribbon-section-label", children: "List" }), listIndentEnabled && listLevel > 0 && ((0, jsx_runtime_1.jsxs)("span", { className: "editor-ribbon-level-chip", title: "Nesting level", children: ["L", listLevel] })), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-btn-group", children: [(0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Outdent (Shift+Tab)", disabled: !listIndentEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().liftListItem(itemType).run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.IndentDecrease, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Indent (Tab)", disabled: !listIndentEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().sinkListItem(itemType).run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.IndentIncrease, { size: 16 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-btn-group", children: [(0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('bulletList')), title: "Bullet List", disabled: !listTypeEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleBulletList().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.List, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('orderedList')), title: "Numbered List", disabled: !listTypeEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleOrderedList().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ListOrdered, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: btn(editor.isActive('taskList')), title: "Task List", disabled: !listTypeEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().toggleTaskList().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckSquare, { size: 16 }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "editor-ribbon-separator" }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-section", children: [(0, jsx_runtime_1.jsx)("span", { className: "editor-ribbon-section-label", children: "Table" }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-btn-group", children: [(0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Add Row Above", disabled: !tableEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().addRowBefore().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowUpToLine, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Add Row Below", disabled: !tableEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().addRowAfter().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowDownToLine, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Delete Row", disabled: !tableEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().deleteRow().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Rows2, { size: 16 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-btn-group", children: [(0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Add Column Before", disabled: !tableEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().addColumnBefore().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeftToLine, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Add Column After", disabled: !tableEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().addColumnAfter().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRightToLine, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Delete Column", disabled: !tableEnabled, onMouseDown: (e) => e.preventDefault(), onClick: () => editor.chain().focus().deleteColumn().run(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Columns2, { size: 16 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-ribbon-btn-group", children: [(0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Merge Cells (select multiple cells first)", disabled: !tableEnabled, onMouseDown: (e) => {
+                                        e.preventDefault();
+                                        e.stopPropagation();
+                                        editor.commands.mergeCells();
+                                    }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Combine, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: "editor-ribbon-btn", title: "Split Cell (only works on merged cells)", disabled: !tableEnabled, onMouseDown: (e) => {
+                                        e.preventDefault();
+                                        e.stopPropagation();
+                                        editor.commands.splitCell();
+                                    }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Split, { size: 16 }) })] })] })] }) }));
 }
 //# sourceMappingURL=EditorRibbon.js.map

package/dist/components/EditorRibbon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorRibbon.js","sourceRoot":"","sources":["../../src/components/EditorRibbon.tsx"],"names":[],"mappings":";;AA2BA,oCAgBC;;AAhBD,SAAgB,YAAY,CAAC,EACzB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,QAAQ,EACjB,QAAQ,GAAG,KAAK,EAChB,cAAc,EAAE,eAAe,EACf;IAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;IACf,CAAC;IAED,uEAAuE;IACvE,OAAO,CACH,gCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAEnD,CACT,CAAA;AACL,CAAC"}
+{"version":3,"file":"EditorRibbon.js","sourceRoot":"","sources":["../../src/components/EditorRibbon.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -61,4 +61,5 @@ export { ExportMenu } from './components/DocumentHeader/ExportMenu';
 export { ViewOptions } from './components/DocumentHeader/ViewOptions';
 export { JotxLogo } from './components/Brand/JotxLogo';
 export { GraphView, type GraphViewProps, type GraphData } from './components/GraphView/GraphView';
+export { EditorRibbon, type EditorRibbonProps, type EditorContext } from './components/EditorRibbon';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -6,7 +6,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableFilterExtension = exports.JotxTable = exports.GridCardNode = exports.ButtonNode = exports.CardNode = exports.SectionNode = exports.ToggleNode = exports.LinkNode = exports.AttachNode = exports.CalloutNode = exports.JotxLinkNode = exports.DateTimeNode = exports.MathNode = exports.VideoBlockNode = exports.FloatImageBlockNode = exports.ImageBlockNode = exports.ImageNode = exports.CodeReferenceNode = exports.CodeBlockNode = exports.ChartNode = exports.MermaidNode = exports.ReadonlyMermaid = exports.ReadonlyBlockRenderer = exports.CodeReferenceNodeView = exports.GridCardNodeView = exports.ButtonNodeView = exports.CardNodeView = exports.SectionNodeView = exports.ToggleNodeView = exports.JotxLinkNodeView = exports.DateTimeNodeView = exports.MathNodeView = exports.VideoBlockNodeView = exports.FloatImageBlockNodeView = exports.ImageBlockNodeView = exports.CodeBlockNodeView = exports.ChartNodeView = exports.MermaidNodeView = exports.NodePickerDialog = exports.LinkDialog = exports.ImageToolbar = exports.TableToolbar = exports.SearchBar = exports.SlashMenu = exports.BlockMenu = exports.JotxEditor = exports.BridgeContext = exports.useBridge = exports.BridgeProvider = exports.defaultBridge = void 0;
-exports.GraphView = exports.JotxLogo = exports.ViewOptions = exports.ExportMenu = exports.DocumentHeader = exports.searchPluginKey = exports.SearchExtension = exports.slashMenuPluginKey = exports.SlashMenuExtension = exports.FormattingExtensions = exports.CalloutActionsExtension = exports.BlockOpsExtension = void 0;
+exports.EditorRibbon = exports.GraphView = exports.JotxLogo = exports.ViewOptions = exports.ExportMenu = exports.DocumentHeader = exports.searchPluginKey = exports.SearchExtension = exports.slashMenuPluginKey = exports.SlashMenuExtension = exports.FormattingExtensions = exports.CalloutActionsExtension = exports.BlockOpsExtension = void 0;
 // Bridge types and context
 var types_1 = require("./bridge/types");
 Object.defineProperty(exports, "defaultBridge", { enumerable: true, get: function () { return types_1.defaultBridge; } });
@@ -134,7 +134,10 @@ var ViewOptions_1 = require("./components/DocumentHeader/ViewOptions");
 Object.defineProperty(exports, "ViewOptions", { enumerable: true, get: function () { return ViewOptions_1.ViewOptions; } });
 var JotxLogo_1 = require("./components/Brand/JotxLogo");
 Object.defineProperty(exports, "JotxLogo", { enumerable: true, get: function () { return JotxLogo_1.JotxLogo; } });
-// Graph visualization
+//Graph visualization
 var GraphView_1 = require("./components/GraphView/GraphView");
 Object.defineProperty(exports, "GraphView", { enumerable: true, get: function () { return GraphView_1.GraphView; } });
+// Editor Ribbon (toolbar)
+var EditorRibbon_1 = require("./components/EditorRibbon");
+Object.defineProperty(exports, "EditorRibbon", { enumerable: true, get: function () { return EditorRibbon_1.EditorRibbon; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;AAEH,2BAA2B;AAC3B,wCAAuF;AAArC,sGAAA,aAAa,OAAA;AAC/D,wDAAiF;AAAxE,+GAAA,cAAc,OAAA;AAAE,0GAAA,SAAS,OAAA;AAAE,8GAAA,aAAa,OAAA;AAEjD,wBAAwB;AACxB,sDAAqE;AAA5D,wGAAA,UAAU,OAAA;AAEnB,8CAA8C;AAC9C,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,kEAAgE;AAAvD,oHAAA,gBAAgB,OAAA;AAEzB,oCAAoC;AACpC,gEAA8D;AAArD,kHAAA,eAAe,OAAA;AACxB,4DAA0D;AAAjD,8GAAA,aAAa,OAAA;AACtB,oEAAkE;AAAzD,sHAAA,iBAAiB,OAAA;AAC1B,sEAAoE;AAA3D,wHAAA,kBAAkB,OAAA;AAC3B,gFAA8E;AAArE,kIAAA,uBAAuB,OAAA;AAChC,sEAAoE;AAA3D,wHAAA,kBAAkB,OAAA;AAC3B,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,kEAAgE;AAAvD,oHAAA,gBAAgB,OAAA;AACzB,kEAAgE;AAAvD,oHAAA,gBAAgB,OAAA;AACzB,8DAA4D;AAAnD,gHAAA,cAAc,OAAA;AACvB,gEAA8D;AAArD,kHAAA,eAAe,OAAA;AACxB,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,8DAA4D;AAAnD,gHAAA,cAAc,OAAA;AACvB,kEAAgE;AAAvD,oHAAA,gBAAgB,OAAA;AACzB,4EAA0E;AAAjE,8HAAA,qBAAqB,OAAA;AAC9B,4EAA0E;AAAjE,8HAAA,qBAAqB,OAAA;AAC9B,gEAA8D;AAArD,kHAAA,eAAe,OAAA;AAExB,oBAAoB;AACpB,wDAAsD;AAA7C,0GAAA,WAAW,OAAA;AACpB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,4DAA0D;AAAjD,8GAAA,aAAa,OAAA;AACtB,oEAAkE;AAAzD,sHAAA,iBAAiB,OAAA;AAC1B,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,8DAA4D;AAAnD,gHAAA,cAAc,OAAA;AACvB,wEAAsE;AAA7D,0HAAA,mBAAmB,OAAA;AAC5B,8DAA4D;AAAnD,gHAAA,cAAc,OAAA;AACvB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,wDAAsD;AAA7C,0GAAA,WAAW,OAAA;AACpB,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,wDAAsD;AAA7C,0GAAA,WAAW,OAAA;AACpB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,0EAAwE;AAA/D,4HAAA,oBAAoB,OAAA;AAC7B,oEAAkE;AAAzD,sHAAA,iBAAiB,OAAA;AAC1B,gFAA8E;AAArE,kIAAA,uBAAuB,OAAA;AAChC,sDAA8D;AAArD,kHAAA,oBAAoB,OAAA;AAE7B,wBAAwB;AACxB,sEAAwF;AAA/E,wHAAA,kBAAkB,OAAA;AAAE,wHAAA,kBAAkB,OAAA;AAC/C,gEAA+E;AAAtE,kHAAA,eAAe,OAAA;AAAE,kHAAA,eAAe,OAAA;AACzC,mFAAmF;AAEnF,iFAAiF;AAEjF,+BAA+B;AAC/B,6EAAqG;AAA5F,gHAAA,cAAc,OAAA;AACvB,qEAAmE;AAA1D,wGAAA,UAAU,OAAA;AACnB,uEAAqE;AAA5D,0GAAA,WAAW,OAAA;AACpB,wDAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAEjB,qBAAqB;AACrB,8DAAiG;AAAxF,sGAAA,SAAS,OAAA;AAElB,0BAA0B;AAC1B,0DAAoG;AAA3F,4GAAA,YAAY,OAAA"}

package/dist/styles/DocumentHeader.css

@@ -82,8 +82,8 @@
   color: #1f2937;
 }
 
-@media (prefer's-color-scheme: dark) {
- .jotx-header-type-button {
+@media (prefers-color-scheme: dark) {
+  .jotx-header-type-button {
     background: #2d2d2d;
     border-color: #4a4a4a;
     color: #d4d4d4;

package/dist/styles/EditorRibbon.css

@@ -0,0 +1,165 @@
+/**
+ * EditorRibbon CSS
+ * Zero gap from header, sticky, centered, full width
+ */
+
+.editor-ribbon {
+    /* Pull up to eliminate gap from parent padding */
+    margin: -40px -40px 0 -40px;
+    padding: 0;
+
+    /* Visual styling */
+    background: var(--vscode-editor-background);
+    border-bottom: 1px solid var(--vscode-panel-border);
+
+    /* Sticky when scrolling */
+    position: sticky;
+    top: 0;
+    z-index: 90;
+
+    /* Smooth slide animation */
+    max-height: 0;
+    overflow: hidden;
+    opacity: 0;
+    transition: max-height 0.2s ease-out, opacity 0.15s ease-out, padding 0.2s ease-out;
+}
+
+.editor-ribbon.expanded {
+    max-height: 100px;
+    opacity: 1;
+    padding: 8px 16px;
+    margin-bottom: 16px;
+}
+
+.editor-ribbon-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+    flex-wrap: wrap;
+}
+
+/* Section separator */
+.editor-ribbon-separator {
+    width: 1px;
+    height: 24px;
+    background: var(--vscode-panel-border);
+    flex-shrink: 0;
+}
+
+/* Section container */
+.editor-ribbon-section {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+    flex-wrap: nowrap;
+}
+
+.editor-ribbon-section-label {
+    font-size: 10px;
+    color: var(--vscode-descriptionForeground);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-right: 6px;
+    user-select: none;
+    flex-shrink: 0;
+}
+
+/* Button styles */
+.editor-ribbon-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    border: none;
+    border-radius: 4px;
+    background: transparent;
+    color: var(--vscode-foreground);
+    cursor: pointer;
+    transition: background 0.1s, color 0.1s, opacity 0.1s;
+    flex-shrink: 0;
+}
+
+.editor-ribbon-btn:hover:not(:disabled) {
+    background: var(--vscode-toolbar-hoverBackground);
+}
+
+.editor-ribbon-btn:active:not(:disabled) {
+    background: var(--vscode-toolbar-activeBackground);
+}
+
+.editor-ribbon-btn.active {
+    background: var(--primary, #14b8a6);
+    color: #ffffff;
+}
+
+.editor-ribbon-btn:disabled {
+    opacity: 0.35;
+    cursor: not-allowed;
+}
+
+/* Button group */
+.editor-ribbon-btn-group {
+    display: flex;
+    align-items: center;
+    gap: 1px;
+    background: var(--vscode-input-background);
+    border-radius: 4px;
+    padding: 2px;
+}
+
+/* Color picker wrapper */
+.editor-ribbon-color-picker {
+    position: relative;
+    display: flex;
+    align-items: center;
+}
+
+.editor-ribbon-color-picker input[type="color"] {
+    position: absolute;
+    opacity: 0;
+    width: 28px;
+    height: 28px;
+    cursor: pointer;
+}
+
+.editor-ribbon-color-preview {
+    position: absolute;
+    bottom: 2px;
+    right: 2px;
+    width: 8px;
+    height: 3px;
+    border-radius: 1px;
+}
+
+/* Level indicator chip - teal brand accent */
+.editor-ribbon-level-chip {
+    font-size: 11px;
+    font-weight: 600;
+    padding: 2px 6px;
+    border-radius: 3px;
+    background: var(--primary, #14b8a6);
+    color: #ffffff;
+    margin-right: 4px;
+}
+
+/* Responsive: stack on narrow widths */
+@media (max-width: 600px) {
+    .editor-ribbon {
+        margin: -40px -16px 0 -16px;
+    }
+
+    .editor-ribbon.expanded {
+        max-height: 100px;
+    }
+
+    .editor-ribbon-content {
+        gap: 8px;
+    }
+
+    .editor-ribbon-separator {
+        display: none;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jotx-labs/editor",
-    "version": "2.4.145",
+    "version": "2.4.147",
     "files": [
         "dist",
         "src/styles"

package/src/styles/DocumentHeader.css

@@ -82,8 +82,8 @@
   color: #1f2937;
 }
 
-@media (prefer's-color-scheme: dark) {
- .jotx-header-type-button {
+@media (prefers-color-scheme: dark) {
+  .jotx-header-type-button {
     background: #2d2d2d;
     border-color: #4a4a4a;
     color: #d4d4d4;

package/src/styles/EditorRibbon.css

@@ -0,0 +1,165 @@
+/**
+ * EditorRibbon CSS
+ * Zero gap from header, sticky, centered, full width
+ */
+
+.editor-ribbon {
+    /* Pull up to eliminate gap from parent padding */
+    margin: -40px -40px 0 -40px;
+    padding: 0;
+
+    /* Visual styling */
+    background: var(--vscode-editor-background);
+    border-bottom: 1px solid var(--vscode-panel-border);
+
+    /* Sticky when scrolling */
+    position: sticky;
+    top: 0;
+    z-index: 90;
+
+    /* Smooth slide animation */
+    max-height: 0;
+    overflow: hidden;
+    opacity: 0;
+    transition: max-height 0.2s ease-out, opacity 0.15s ease-out, padding 0.2s ease-out;
+}
+
+.editor-ribbon.expanded {
+    max-height: 100px;
+    opacity: 1;
+    padding: 8px 16px;
+    margin-bottom: 16px;
+}
+
+.editor-ribbon-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+    flex-wrap: wrap;
+}
+
+/* Section separator */
+.editor-ribbon-separator {
+    width: 1px;
+    height: 24px;
+    background: var(--vscode-panel-border);
+    flex-shrink: 0;
+}
+
+/* Section container */
+.editor-ribbon-section {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+    flex-wrap: nowrap;
+}
+
+.editor-ribbon-section-label {
+    font-size: 10px;
+    color: var(--vscode-descriptionForeground);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-right: 6px;
+    user-select: none;
+    flex-shrink: 0;
+}
+
+/* Button styles */
+.editor-ribbon-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    border: none;
+    border-radius: 4px;
+    background: transparent;
+    color: var(--vscode-foreground);
+    cursor: pointer;
+    transition: background 0.1s, color 0.1s, opacity 0.1s;
+    flex-shrink: 0;
+}
+
+.editor-ribbon-btn:hover:not(:disabled) {
+    background: var(--vscode-toolbar-hoverBackground);
+}
+
+.editor-ribbon-btn:active:not(:disabled) {
+    background: var(--vscode-toolbar-activeBackground);
+}
+
+.editor-ribbon-btn.active {
+    background: var(--primary, #14b8a6);
+    color: #ffffff;
+}
+
+.editor-ribbon-btn:disabled {
+    opacity: 0.35;
+    cursor: not-allowed;
+}
+
+/* Button group */
+.editor-ribbon-btn-group {
+    display: flex;
+    align-items: center;
+    gap: 1px;
+    background: var(--vscode-input-background);
+    border-radius: 4px;
+    padding: 2px;
+}
+
+/* Color picker wrapper */
+.editor-ribbon-color-picker {
+    position: relative;
+    display: flex;
+    align-items: center;
+}
+
+.editor-ribbon-color-picker input[type="color"] {
+    position: absolute;
+    opacity: 0;
+    width: 28px;
+    height: 28px;
+    cursor: pointer;
+}
+
+.editor-ribbon-color-preview {
+    position: absolute;
+    bottom: 2px;
+    right: 2px;
+    width: 8px;
+    height: 3px;
+    border-radius: 1px;
+}
+
+/* Level indicator chip - teal brand accent */
+.editor-ribbon-level-chip {
+    font-size: 11px;
+    font-weight: 600;
+    padding: 2px 6px;
+    border-radius: 3px;
+    background: var(--primary, #14b8a6);
+    color: #ffffff;
+    margin-right: 4px;
+}
+
+/* Responsive: stack on narrow widths */
+@media (max-width: 600px) {
+    .editor-ribbon {
+        margin: -40px -16px 0 -16px;
+    }
+
+    .editor-ribbon.expanded {
+        max-height: 100px;
+    }
+
+    .editor-ribbon-content {
+        gap: 8px;
+    }
+
+    .editor-ribbon-separator {
+        display: none;
+    }
+}