@inshapardaz/likhari-react 0.1.7-dev.81 → 0.1.7-dev.84

package/dist/i18n/strings.js

@@ -9,7 +9,6 @@ const en = {
         placeholder: 'Start writing…',
         contentLabel: 'Editor content',
         confirmDiscard: 'You have unsaved changes. Discard them?',
-        pageBreakLabel: 'Page break',
     },
     common: {
         cancel: 'Cancel',
@@ -19,6 +18,7 @@ const en = {
     toolbar: {
         ariaLabel: 'Formatting',
         save: 'Save',
+        drafts: 'Drafts',
         undo: 'Undo',
         redo: 'Redo',
         formattingLabel: 'Formatting',
@@ -34,7 +34,6 @@ const en = {
         linkOptions: 'Link options',
         insertLink: 'Insert link (Ctrl+K)',
         insertImage: 'Insert image',
-        insertPageBreak: 'Insert page break',
         poetryBlocks: 'Poetry blocks',
         comingSoon: (label) => `${label} (coming soon)`,
         autocorrect: 'Auto-correct',
@@ -67,6 +66,28 @@ const en = {
             right: 'Align right',
         },
     },
+    drafts: {
+        bannerMessage: (when) => `An unsaved draft of this document from ${when} was found.`,
+        restore: 'Restore',
+        ignore: 'Ignore',
+        remove: 'Remove draft',
+        dialogTitle: 'Saved drafts',
+        intro: 'Drafts are saved in this browser as you type, and removed when you save.',
+        empty: 'No drafts yet.',
+        noText: '(no text)',
+        thisDocument: 'Current document',
+        untitled: 'Untitled draft',
+        documentLabel: (id) => `Document “${id}”`,
+        earlierUntitled: 'Earlier version of an untitled draft',
+        earlierVersionOf: (id) => `Earlier version of “${id}”`,
+        savedAt: (when) => `Saved ${when}`,
+        size: (kb) => `${kb} KB`,
+        replacePrompt: 'Replace the current content with this draft?',
+        replace: 'Replace',
+        deletePrompt: 'Delete this draft?',
+        delete: 'Delete',
+        close: 'Close',
+    },
     link: {
         menuLabel: 'Link',
         noUrl: '(no URL)',
@@ -147,7 +168,6 @@ const ur = {
         placeholder: 'لکھنا شروع کریں…',
         contentLabel: 'ایڈیٹر کا مواد',
         confirmDiscard: 'آپ کی غیر محفوظ شدہ تبدیلیاں ہیں۔ کیا انہیں رد کر دیا جائے؟',
-        pageBreakLabel: 'صفحے کی تقسیم',
     },
     common: {
         cancel: 'منسوخ کریں',
@@ -157,6 +177,7 @@ const ur = {
     toolbar: {
         ariaLabel: 'فارمیٹنگ',
         save: 'محفوظ کریں',
+        drafts: 'مسودے',
         undo: 'کالعدم کریں',
         redo: 'دوبارہ کریں',
         formattingLabel: 'فارمیٹنگ',
@@ -172,7 +193,6 @@ const ur = {
         linkOptions: 'لنک کے اختیارات',
         insertLink: 'لنک شامل کریں (Ctrl+K)',
         insertImage: 'تصویر شامل کریں',
-        insertPageBreak: 'صفحے کی تقسیم شامل کریں',
         poetryBlocks: 'شاعری کے بلاکس',
         comingSoon: (label) => `${label} (جلد آ رہا ہے)`,
         autocorrect: 'خودکار تصحیح',
@@ -205,6 +225,28 @@ const ur = {
             right: 'دائیں سیدھ',
         },
     },
+    drafts: {
+        bannerMessage: (when) => `اس دستاویز کا ایک غیر محفوظ شدہ مسودہ (${when}) ملا ہے۔`,
+        restore: 'بحال کریں',
+        ignore: 'نظر انداز کریں',
+        remove: 'مسودہ ہٹائیں',
+        dialogTitle: 'محفوظ شدہ مسودے',
+        intro: 'لکھتے وقت مسودے اس براؤزر میں خود بخود محفوظ ہوتے ہیں اور محفوظ کرنے پر ہٹا دیے جاتے ہیں۔',
+        empty: 'ابھی کوئی مسودہ نہیں۔',
+        noText: '(کوئی متن نہیں)',
+        thisDocument: 'موجودہ دستاویز',
+        untitled: 'بلا عنوان مسودہ',
+        documentLabel: (id) => `دستاویز «${id}»`,
+        earlierUntitled: 'ایک بلا عنوان مسودے کا پرانا ورژن',
+        earlierVersionOf: (id) => `«${id}» کا پرانا ورژن`,
+        savedAt: (when) => `محفوظ شدہ: ${when}`,
+        size: (kb) => `${kb} کے بی`,
+        replacePrompt: 'موجودہ مواد کو اس مسودے سے بدل دیں؟',
+        replace: 'بدل دیں',
+        deletePrompt: 'یہ مسودہ حذف کریں؟',
+        delete: 'حذف کریں',
+        close: 'بند کریں',
+    },
     link: {
         menuLabel: 'لنک',
         noUrl: '(کوئی یو آر ایل نہیں)',
@@ -285,7 +327,6 @@ const paShahmukhi = {
         placeholder: 'لکھنا شروع کرو…',
         contentLabel: 'ایڈیٹر دی سامگری',
         confirmDiscard: 'تہاڈیاں کجھ تبدیلیاں سنبھالیاں نئیں گئیاں۔ کی ایہناں نوں رد کر دیئے؟',
-        pageBreakLabel: 'صفحے دی ونڈ',
     },
     common: {
         cancel: 'رد کرو',
@@ -295,6 +336,7 @@ const paShahmukhi = {
     toolbar: {
         ariaLabel: 'فارمیٹنگ',
         save: 'سنبھالو',
+        drafts: 'سودھے',
         undo: 'پہلاں جیہا کرو',
         redo: 'مُڑ کرو',
         formattingLabel: 'فارمیٹنگ',
@@ -310,7 +352,6 @@ const paShahmukhi = {
         linkOptions: 'لنک دے اختیار',
         insertLink: 'لنک پاؤ (Ctrl+K)',
         insertImage: 'تصویر پاؤ',
-        insertPageBreak: 'صفحے دی ونڈ پاؤ',
         poetryBlocks: 'شاعری بلاک',
         comingSoon: (label) => `${label} (چھیتی آ رہا اے)`,
         autocorrect: 'خودکار درستی',
@@ -343,6 +384,28 @@ const paShahmukhi = {
             right: 'سجے سیدھ',
         },
     },
+    drafts: {
+        bannerMessage: (when) => `ایس دستاویز دا اک غیر محفوظ سودھا (${when}) لبھیا اے۔`,
+        restore: 'بحال کرو',
+        ignore: 'نظر انداز کرو',
+        remove: 'سودھا ہٹاؤ',
+        dialogTitle: 'سنبھالے ہوئے سودھے',
+        intro: 'لکھدیاں ہویاں سودھے ایس براؤزر وچ آپ سنبھلدے نیں تے سنبھالن تے ہٹ جاندے نیں۔',
+        empty: 'ہلے کوئی سودھا نئیں۔',
+        noText: '(کوئی متن نئیں)',
+        thisDocument: 'موجودہ دستاویز',
+        untitled: 'بنا ناں دا سودھا',
+        documentLabel: (id) => `دستاویز «${id}»`,
+        earlierUntitled: 'اک بنا ناں دے سودھے دا پرانا ورژن',
+        earlierVersionOf: (id) => `«${id}» دا پرانا ورژن`,
+        savedAt: (when) => `سنبھالیا: ${when}`,
+        size: (kb) => `${kb} کے بی`,
+        replacePrompt: 'موجودہ مواد نوں ایس سودھے نال بدل دیئے؟',
+        replace: 'بدل دیو',
+        deletePrompt: 'ایہ سودھا مٹا دیئے؟',
+        delete: 'مٹاؤ',
+        close: 'بند کرو',
+    },
     link: {
         menuLabel: 'لنک',
         noUrl: '(کوئی یو آر ایل نئیں)',

package/dist/nodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAQlD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAS5C,CAAC"}
+{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOlD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAQ5C,CAAC"}

package/dist/nodes.js

@@ -3,7 +3,6 @@ import { ListItemNode, ListNode } from '@lexical/list';
 import { LinkNode } from '@lexical/link';
 import { HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
 import { ImageNode } from './image/ImageNode.js';
-import { PageBreakNode } from './blocks/PageBreakNode.js';
 /**
  * Node types registered on the editor at construction time. Per
  * editor-architecture-design.md §2, node registration cannot be conditional
@@ -21,5 +20,4 @@ export const EDITOR_NODES = [
     LinkNode,
     HorizontalRuleNode,
     ImageNode,
-    PageBreakNode,
 ];

package/dist/persistence/draftStorage.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Autosave-to-localStorage drafts (lexical-editor-spec.md §6.2). Each draft is
+ * keyed by an id: the host's `documentId` when it gives one (§6.1), otherwise
+ * a generated unique id, so editors without a `documentId` never overwrite each
+ * other's drafts. Every function is a no-op (never throws) when `localStorage`
+ * is unavailable (SSR, privacy mode) or a stored value is corrupt — autosave is
+ * best-effort, never a hard dependency.
+ */
+export interface StoredDraft {
+    /** Lexical JSON (as produced by `EditorState.toJSON()`, stringified). */
+    json: string;
+    /** `Date.now()` at write time — lets a host distinguish a stale draft from a genuinely recent one. */
+    savedAt: number;
+    /** Bumped only if the stored shape itself changes; lets old drafts be recognised/discarded across an upgrade. */
+    version: 1;
+    /** First words of the text, for listing drafts without parsing every document. */
+    preview?: string;
+    /** Set on a draft archived from `documentId` (the id it was an earlier version of). */
+    sourceId?: string;
+}
+export interface DraftEntry {
+    id: string;
+    draft: StoredDraft;
+}
+export declare function draftKey(id: string): string;
+/** A new unique id for a draft whose editor has no `documentId`. */
+export declare function createDraftId(): string;
+/** Whether an id came from createDraftId() rather than a host's `documentId`. */
+export declare function isGeneratedDraftId(id: string): boolean;
+/** One-line text preview of a Lexical JSON document ('' when it has no text). */
+export declare function extractPreview(json: string): string;
+/** Whether a Lexical JSON document has any text or image (a blank one isn't worth a draft). */
+export declare function hasDraftContent(json: string): boolean;
+export declare function readDraft(id: string): StoredDraft | null;
+/**
+ * Best-effort write. Silently skips (rather than throwing) when `json` exceeds
+ * `maxBytes` — localStorage has a shared ~5-10MB per-origin ceiling (§6.2), so a
+ * single large document (e.g. embedded base64 images) must not be allowed to
+ * autosave past a caller-configured limit — or when the write itself fails
+ * (quota exceeded, privacy mode).
+ */
+export declare function writeDraft(id: string, json: string, maxBytes: number, sourceId?: string): void;
+export declare function clearDraft(id: string): void;
+/** Every stored draft, newest first. */
+export declare function listDrafts(): DraftEntry[];
+/**
+ * Keeps a draft that is about to be overwritten or ignored: copies it to a new
+ * generated id (remembering `sourceId`) so it stays in the drafts list.
+ * Returns the new id, or null if nothing could be copied.
+ */
+export declare function archiveDraft(id: string): string | null;
+/** Deletes the oldest drafts beyond `max`, never touching `keepIds`. */
+export declare function pruneDrafts(max: number, keepIds?: string[]): void;
+//# sourceMappingURL=draftStorage.d.ts.map

package/dist/persistence/draftStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draftStorage.d.ts","sourceRoot":"","sources":["../../src/persistence/draftStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,MAAM,WAAW,WAAW;IAC1B,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,sGAAsG;IACtG,OAAO,EAAE,MAAM,CAAC;IAChB,iHAAiH;IACjH,OAAO,EAAE,CAAC,CAAC;IACX,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE3C;AAED,oEAAoE;AACpE,wBAAgB,aAAa,IAAI,MAAM,CAOtC;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAEtD;AAgDD,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,+FAA+F;AAC/F,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAErD;AAaD,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAQxD;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAc9F;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAQ3C;AAED,wCAAwC;AACxC,wBAAgB,UAAU,IAAI,UAAU,EAAE,CAezC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAWtD;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,MAAM,EAAO,GAAG,IAAI,CAQrE"}

package/dist/persistence/draftStorage.js

@@ -0,0 +1,195 @@
+/**
+ * Autosave-to-localStorage drafts (lexical-editor-spec.md §6.2). Each draft is
+ * keyed by an id: the host's `documentId` when it gives one (§6.1), otherwise
+ * a generated unique id, so editors without a `documentId` never overwrite each
+ * other's drafts. Every function is a no-op (never throws) when `localStorage`
+ * is unavailable (SSR, privacy mode) or a stored value is corrupt — autosave is
+ * best-effort, never a hard dependency.
+ */
+const KEY_PREFIX = 'likhari:draft:';
+const PREVIEW_LENGTH = 140;
+export function draftKey(id) {
+    return `${KEY_PREFIX}${id}`;
+}
+/** A new unique id for a draft whose editor has no `documentId`. */
+export function createDraftId() {
+    try {
+        if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function')
+            return crypto.randomUUID();
+    }
+    catch {
+        // fall through to the non-crypto id
+    }
+    return `draft-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+/** Whether an id came from createDraftId() rather than a host's `documentId`. */
+export function isGeneratedDraftId(id) {
+    return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(id) || /^draft-[0-9a-z]+-[0-9a-z]+$/.test(id);
+}
+function getLocalStorage() {
+    try {
+        return typeof localStorage === 'undefined' ? null : localStorage;
+    }
+    catch {
+        // Some browsers throw on accessing localStorage in certain privacy modes.
+        return null;
+    }
+}
+function collectText(node, parts, state) {
+    if (node.type === 'text' && typeof node.text === 'string') {
+        if (node.text.trim())
+            state.hasContent = true;
+        parts.push(node.text);
+    }
+    else if (node.type === 'linebreak') {
+        parts.push(' ');
+    }
+    else if (node.type === 'image') {
+        state.hasContent = true;
+        if (node.altText)
+            parts.push(`[${node.altText}]`);
+    }
+    for (const child of node.children ?? [])
+        collectText(child, parts, state);
+    // Block boundaries read as a space in a one-line preview.
+    if (node.children && node.type !== 'root')
+        parts.push(' ');
+}
+function summarize(json) {
+    try {
+        const root = JSON.parse(json).root;
+        if (!root)
+            return { preview: '', hasContent: false };
+        const parts = [];
+        const state = { hasContent: false };
+        collectText(root, parts, state);
+        const text = parts.join('').replace(/\s+/g, ' ').trim();
+        const preview = text.length > PREVIEW_LENGTH ? `${text.slice(0, PREVIEW_LENGTH).trimEnd()}…` : text;
+        return { preview, hasContent: state.hasContent };
+    }
+    catch {
+        return { preview: '', hasContent: false };
+    }
+}
+/** One-line text preview of a Lexical JSON document ('' when it has no text). */
+export function extractPreview(json) {
+    return summarize(json).preview;
+}
+/** Whether a Lexical JSON document has any text or image (a blank one isn't worth a draft). */
+export function hasDraftContent(json) {
+    return summarize(json).hasContent;
+}
+function parseDraft(raw) {
+    if (!raw)
+        return null;
+    try {
+        const parsed = JSON.parse(raw);
+        if (typeof parsed.json !== 'string' || typeof parsed.savedAt !== 'number' || parsed.version !== 1)
+            return null;
+        return parsed;
+    }
+    catch {
+        return null;
+    }
+}
+export function readDraft(id) {
+    const storage = getLocalStorage();
+    if (!storage)
+        return null;
+    try {
+        return parseDraft(storage.getItem(draftKey(id)));
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Best-effort write. Silently skips (rather than throwing) when `json` exceeds
+ * `maxBytes` — localStorage has a shared ~5-10MB per-origin ceiling (§6.2), so a
+ * single large document (e.g. embedded base64 images) must not be allowed to
+ * autosave past a caller-configured limit — or when the write itself fails
+ * (quota exceeded, privacy mode).
+ */
+export function writeDraft(id, json, maxBytes, sourceId) {
+    const storage = getLocalStorage();
+    if (!storage)
+        return;
+    // .length (UTF-16 code units) over-estimates UTF-8 byte size for any
+    // non-Latin text, which only makes this check more conservative — fine
+    // for a soft cap that doesn't need to be exact.
+    if (json.length > maxBytes)
+        return;
+    const draft = { json, savedAt: Date.now(), version: 1, preview: extractPreview(json) };
+    if (sourceId)
+        draft.sourceId = sourceId;
+    try {
+        storage.setItem(draftKey(id), JSON.stringify(draft));
+    }
+    catch {
+        // Quota exceeded or similar — autosave is best-effort.
+    }
+}
+export function clearDraft(id) {
+    const storage = getLocalStorage();
+    if (!storage)
+        return;
+    try {
+        storage.removeItem(draftKey(id));
+    }
+    catch {
+        // ignore
+    }
+}
+/** Every stored draft, newest first. */
+export function listDrafts() {
+    const storage = getLocalStorage();
+    if (!storage)
+        return [];
+    const entries = [];
+    try {
+        for (let i = 0; i < storage.length; i++) {
+            const key = storage.key(i);
+            if (!key || !key.startsWith(KEY_PREFIX))
+                continue;
+            const draft = parseDraft(storage.getItem(key));
+            if (draft)
+                entries.push({ id: key.slice(KEY_PREFIX.length), draft });
+        }
+    }
+    catch {
+        return entries;
+    }
+    return entries.sort((a, b) => b.draft.savedAt - a.draft.savedAt);
+}
+/**
+ * Keeps a draft that is about to be overwritten or ignored: copies it to a new
+ * generated id (remembering `sourceId`) so it stays in the drafts list.
+ * Returns the new id, or null if nothing could be copied.
+ */
+export function archiveDraft(id) {
+    const storage = getLocalStorage();
+    const draft = readDraft(id);
+    if (!storage || !draft)
+        return null;
+    const archivedId = createDraftId();
+    try {
+        storage.setItem(draftKey(archivedId), JSON.stringify({ ...draft, sourceId: draft.sourceId ?? id }));
+        return archivedId;
+    }
+    catch {
+        return null;
+    }
+}
+/** Deletes the oldest drafts beyond `max`, never touching `keepIds`. */
+export function pruneDrafts(max, keepIds = []) {
+    if (max < 1)
+        return;
+    const removable = listDrafts().filter((entry) => !keepIds.includes(entry.id));
+    const kept = listDrafts().length - removable.length;
+    const excess = removable.length + kept - max;
+    if (excess <= 0)
+        return;
+    // removable is newest first, so the oldest are at the end.
+    for (const entry of removable.slice(-excess))
+        clearDraft(entry.id);
+}

package/dist/persistence/draftUi.d.ts

@@ -0,0 +1,9 @@
+import type { LexicalEditor } from 'lexical';
+import type { Locale } from '../i18n/index.js';
+/** Replaces the editor's content with a stored draft's Lexical JSON. Returns
+ * false (leaving the editor untouched) if the draft is corrupt or from an
+ * incompatible node schema, rather than throwing. */
+export declare function applyDraftToEditor(editor: LexicalEditor, json: string): boolean;
+/** A draft's save time as a short localized date and time. */
+export declare function formatDraftTime(savedAt: number, locale: Locale): string;
+//# sourceMappingURL=draftUi.d.ts.map

package/dist/persistence/draftUi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draftUi.d.ts","sourceRoot":"","sources":["../../src/persistence/draftUi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC;;qDAEqD;AACrD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAO/E;AAID,8DAA8D;AAC9D,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAOvE"}

package/dist/persistence/draftUi.js

@@ -0,0 +1,23 @@
+/** Replaces the editor's content with a stored draft's Lexical JSON. Returns
+ * false (leaving the editor untouched) if the draft is corrupt or from an
+ * incompatible node schema, rather than throwing. */
+export function applyDraftToEditor(editor, json) {
+    try {
+        editor.setEditorState(editor.parseEditorState(json));
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+const INTL_LOCALES = { en: 'en', ur: 'ur', 'pa-shahmukhi': 'pa-Arab' };
+/** A draft's save time as a short localized date and time. */
+export function formatDraftTime(savedAt, locale) {
+    const date = new Date(savedAt);
+    try {
+        return new Intl.DateTimeFormat(INTL_LOCALES[locale], { dateStyle: 'medium', timeStyle: 'short' }).format(date);
+    }
+    catch {
+        return date.toLocaleString();
+    }
+}

package/dist/theme/editor.css

@@ -253,45 +253,6 @@
   margin: 1.5em 0;
 }
 
-/* Page break — a print/export concept with no visual meaning while editing
-   on screen, so it gets its own clearly-labeled dashed marker rather than
-   masquerading as a horizontal rule. The actual page-break behavior only
-   takes effect when printing (lexical-editor-spec.md §4.3/§4.6). */
-.likhari-page-break {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin: 1.5em 0;
-  font-size: 12px;
-  cursor: default;
-}
-
-.likhari-page-break-line {
-  flex: 1 1 auto;
-  border-top: 1px dashed var(--editor-line);
-}
-
-.likhari-page-break-label {
-  color: var(--editor-ink-soft);
-  white-space: nowrap;
-}
-
-.likhari-page-break-selected {
-  outline: 2px solid var(--editor-accent);
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-
-@media print {
-  .likhari-page-break {
-    page-break-after: always;
-    /* Hide the on-screen marker itself when actually printing — the
-       browser's own pagination (triggered by page-break-after) is what
-       matters there, not the editing-time label. */
-    visibility: hidden;
-  }
-}
-
 /* Images — block-level figure; the caption is static text (edited in the
    image's dialog), and a selected image gets a corner resize handle. */
 .likhari-image-block {
@@ -409,3 +370,77 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
+/* Restore-draft banner: a strip between the toolbar and the canvas. Uses the
+   editor's own tokens, so it follows the accent color and dark mode. */
+.likhari-draft-banner {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 12px;
+  padding: 8px 12px;
+  background: var(--editor-accent-soft);
+  border-bottom: 1px solid var(--editor-line);
+  color: var(--editor-ink);
+  font-size: 13px;
+}
+
+.likhari-draft-banner-message {
+  display: flex;
+  flex: 1 1 240px;
+  align-items: center;
+  gap: 8px;
+}
+
+.likhari-draft-banner-message svg {
+  flex-shrink: 0;
+  color: var(--editor-accent);
+}
+
+.likhari-draft-banner-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.likhari-draft-banner-button {
+  height: 28px;
+  padding: 0 12px;
+  border: 1px solid var(--editor-line-strong);
+  border-radius: 6px;
+  background: var(--editor-paper);
+  color: var(--editor-ink);
+  font: inherit;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.likhari-draft-banner-button:hover {
+  background: var(--editor-paper-dim);
+}
+
+.likhari-draft-banner-button[data-variant='primary'] {
+  border-color: var(--editor-accent);
+  background: var(--editor-accent);
+  color: var(--editor-paper);
+}
+
+.likhari-draft-banner-button[data-variant='primary']:hover {
+  filter: brightness(1.1);
+}
+
+.likhari-draft-banner-button[data-variant='danger'] {
+  border-color: transparent;
+  background: transparent;
+  color: var(--editor-danger);
+}
+
+.likhari-draft-banner-button[data-variant='danger']:hover {
+  background: var(--editor-paper-dim);
+}
+
+.likhari-draft-banner-button:focus-visible {
+  outline: 2px solid var(--editor-accent);
+  outline-offset: 1px;
+}

package/dist/theme/editorTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editorTheme.d.ts","sourceRoot":"","sources":["../../src/theme/editorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,kBA+BzB,CAAC"}
+{"version":3,"file":"editorTheme.d.ts","sourceRoot":"","sources":["../../src/theme/editorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,kBA8BzB,CAAC"}

package/dist/theme/editorTheme.js

@@ -33,5 +33,4 @@ export const editorTheme = {
     },
     hr: 'likhari-hr',
     image: 'likhari-image-block',
-    pageBreak: 'likhari-page-break',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshapardaz/likhari-react",
-  "version": "0.1.7-dev.81",
+  "version": "0.1.7-dev.84",
   "description": "React implementation of the Likhari editor, built on @lexical/react.",
   "license": "MIT",
   "repository": {

package/dist/blocks/PageBreakNode.d.ts

@@ -1,30 +0,0 @@
-import { type ReactElement } from 'react';
-import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type EditorConfig, type LexicalCommand, type LexicalNode, type SerializedLexicalNode } from 'lexical';
-export declare const INSERT_PAGE_BREAK_COMMAND: LexicalCommand<void>;
-export type SerializedPageBreakNode = SerializedLexicalNode;
-/**
- * A manual page break — a print/paginated-export concept with no native
- * Lexical node (lexical-editor-spec.md §4.3/§4.6). Renders as a visible
- * dashed marker while editing, and as `page-break-after: always` both live
- * (a print stylesheet, editor.css) and in exported HTML (`exportDOM`).
- *
- * Mirrors @lexical/react's HorizontalRuleNode pattern: `createDOM` returns
- * the actual visible element (the click target `PageBreakComponent` wires
- * selection/delete against), rather than `decorate()` rendering visuals.
- */
-export declare class PageBreakNode extends DecoratorNode<ReactElement> {
-    static getType(): string;
-    static clone(node: PageBreakNode): PageBreakNode;
-    static importJSON(): PageBreakNode;
-    exportJSON(): SerializedPageBreakNode;
-    static importDOM(): DOMConversionMap | null;
-    exportDOM(): DOMExportOutput;
-    createDOM(config: EditorConfig): HTMLElement;
-    getTextContent(): string;
-    isInline(): false;
-    updateDOM(): boolean;
-    decorate(): import("react").JSX.Element;
-}
-export declare function $createPageBreakNode(): PageBreakNode;
-export declare function $isPageBreakNode(node: LexicalNode | null | undefined): node is PageBreakNode;
-//# sourceMappingURL=PageBreakNode.d.ts.map

package/dist/blocks/PageBreakNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageBreakNode.d.ts","sourceRoot":"","sources":["../../src/blocks/PageBreakNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAKlE,OAAO,EAOL,aAAa,EAGb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,WAAW,EAEhB,KAAK,qBAAqB,EAC3B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,IAAI,CAA8C,CAAC;AAE1G,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AA2D5D;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC5D,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa;IAIhD,MAAM,CAAC,UAAU,IAAI,aAAa;IAIlC,UAAU,IAAI,uBAAuB;IAIrC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAS3C,SAAS,IAAI,eAAe;IAO5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,cAAc,IAAI,MAAM;IAIxB,QAAQ,IAAI,KAAK;IAIjB,SAAS,IAAI,OAAO;IAIpB,QAAQ;CAGT;AAED,wBAAgB,oBAAoB,IAAI,aAAa,CAEpD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,aAAa,CAE5F"}