@mikedown/core 0.3.0 → 0.4.0

package/dist/index.js

@@ -2,9 +2,6 @@ import {
   countWords,
   readingMinutes
 } from "./chunk-GWCRPPCX.js";
-import {
-  githubAnchorId
-} from "./chunk-TSP7BAV3.js";
 import {
   AiRewriteHighlight,
   cmAiRewriteHighlight,
@@ -18,12 +15,15 @@ import {
   aiToolbarButtonMode,
   loadAiUi,
   loadedAiUi
-} from "./chunk-LXZG7IKN.js";
+} from "./chunk-N4N54LK2.js";
 import {
   defaultAiSettings,
   findInlineTags,
   normalizeTag
-} from "./chunk-QDVY7WW6.js";
+} from "./chunk-APPBNQEY.js";
+import {
+  githubAnchorId
+} from "./chunk-TSP7BAV3.js";
 
 // src/editor.ts
 import { Editor as Editor2, Extension as Extension14, mergeAttributes as mergeAttributes5 } from "@tiptap/core";
@@ -3298,6 +3298,9 @@ function hidePopup2() {
   }
   state2 = null;
 }
+function isEmojiAutocompleteOpen() {
+  return popupEl2 !== null && state2 !== null && state2.matches.length > 0;
+}
 function ensurePopup2() {
   if (!popupEl2) {
     popupEl2 = document.createElement("div");
@@ -3614,6 +3617,9 @@ function hidePopup3() {
   }
   state3 = null;
 }
+function isTagAutocompleteOpen() {
+  return popupEl3 !== null && state3 !== null && state3.matches.length > 0;
+}
 function ensurePopup3() {
   if (!popupEl3) {
     popupEl3 = document.createElement("div");
@@ -4744,6 +4750,9 @@ function hidePopup4() {
   }
   state4 = null;
 }
+function isWikilinkAutocompleteOpen() {
+  return popupEl4 !== null && state4 !== null && state4.matches.length > 0;
+}
 function ensurePopup4() {
   if (!popupEl4) {
     popupEl4 = document.createElement("div");
@@ -7799,6 +7808,14 @@ var AI_CHIP_GLYPHS = {
   on: aiGlyph('<circle cx="8" cy="8" r="4" fill="currentColor"/>'),
   warn: aiGlyph('<path d="M8 2.2l6.2 11H1.8z"/><path d="M8 6.5v3M8 11.4v.1"/>')
 };
+function headingDomText(heading2) {
+  if (!heading2.querySelector(".mikedown-ghost")) {
+    return heading2.textContent || "";
+  }
+  const copy = heading2.cloneNode(true);
+  copy.querySelectorAll(".mikedown-ghost").forEach((n) => n.remove());
+  return copy.textContent || "";
+}
 function createOutlineSidebar(opts) {
   let pref = "never";
   let position = "right";
@@ -8597,7 +8614,7 @@ function createOutlineSidebar(opts) {
     const seen = /* @__PURE__ */ new Map();
     let currentAnchor = "";
     for (const h of headings) {
-      const base = anchorFnRef(h.textContent || "");
+      const base = anchorFnRef(headingDomText(h));
       const count = seen.get(base) ?? 0;
       const anchor = count === 0 ? base : `${base}-${count}`;
       seen.set(base, count + 1);
@@ -8609,7 +8626,7 @@ function createOutlineSidebar(opts) {
     }
     if (!currentAnchor) {
       const first = headings[0];
-      currentAnchor = anchorFnRef(first.textContent || "");
+      currentAnchor = anchorFnRef(headingDomText(first));
     }
     if (currentAnchor === activeAnchor) {
       return;
@@ -8625,7 +8642,7 @@ function createOutlineSidebar(opts) {
     const headings = editorContainer.querySelectorAll("h1,h2,h3,h4,h5,h6");
     const seen = /* @__PURE__ */ new Map();
     for (const h of headings) {
-      const base = anchorFnRef(h.textContent || "");
+      const base = anchorFnRef(headingDomText(h));
       const count = seen.get(base) ?? 0;
       const id = count === 0 ? base : `${base}-${count}`;
       seen.set(base, count + 1);
@@ -13816,7 +13833,8 @@ var MIKEDOWN_HOTKEYS = [
   { command: "mikedown.undo", label: "Undo", win: "ctrl+z", mac: "cmd+z" },
   { command: "mikedown.redo", label: "Redo", win: "ctrl+shift+z", mac: "cmd+shift+z" },
   // Not Cmd+Shift+K (the plan's pick): that is Toggle Inline Code.
-  { command: "mikedown.ai.rewrite", label: "Rewrite Selection with AI", win: "ctrl+alt+k", mac: "cmd+alt+k" }
+  { command: "mikedown.ai.rewrite", label: "Rewrite Selection with AI", win: "ctrl+alt+k", mac: "cmd+alt+k" },
+  { command: "mikedown.ai.suggestContinuation", label: "Suggest Continuation with AI", win: "ctrl+alt+space", mac: "cmd+alt+space" }
 ];
 var MIKEDOWN_TABLE_HOTKEYS = [
   { label: "Insert Row Below", win: "ctrl+enter", mac: "cmd+enter" },
@@ -14122,6 +14140,8 @@ var toolbarIcons = {
   more: toolbarSvg('<circle cx="3.5" cy="8" r="1.2" fill="currentColor" stroke="none"/><circle cx="8" cy="8" r="1.2" fill="currentColor" stroke="none"/><circle cx="12.5" cy="8" r="1.2" fill="currentColor" stroke="none"/>'),
   ai: toolbarSvg('<path d="M7 2.5l1.25 3.25L11.5 7 8.25 8.25 7 11.5 5.75 8.25 2.5 7l3.25-1.25z"/><path d="M12.5 10v3.5M10.75 11.75h3.5"/>', 1.5),
   rewrite: toolbarSvg('<path d="M10.5 2.5l3 3L6 13H3v-3z"/><path d="M9 4l3 3"/>', 1.5),
+  aiActivity: toolbarSvg('<polyline points="1.5 8 4.5 8 6.5 3 9.5 13 11.5 8 14.5 8"/>', 1.5),
+  aiChat: toolbarSvg('<path d="M2.5 3.5h11v8H7l-3 2.5v-2.5H2.5z"/>', 1.5),
   explain: toolbarSvg('<circle cx="8" cy="8" r="6"/><path d="M6.3 6.3a1.8 1.8 0 1 1 2.4 1.7c-.5.2-.7.6-.7 1.1"/><circle cx="8" cy="11.3" r="0.6" fill="currentColor" stroke="none"/>', 1.5),
   translate: toolbarSvg('<path d="M2 4h7M5.5 2.5V4M4 4c.5 2.5 2 4.5 4.5 5.5M7.5 4c-.6 2.6-2.3 4.7-5 6"/><path d="M8.5 14l2.5-6 2.5 6M9.3 12h3.4"/>', 1.5),
   tag: toolbarSvg('<path d="M2.5 2.5h5l6 6-5 5-6-6z"/><circle cx="5.5" cy="5.5" r="1" fill="currentColor" stroke="none"/>', 1.5),
@@ -14148,6 +14168,7 @@ function calloutBadgeIcon(kind) {
   const char = CALLOUT_KIND_ICON_CHAR[kind];
   return `<span class="mikedown-callout-badge mikedown-callout-badge--${kind}" aria-hidden="true">${char}</span>`;
 }
+var DOCK_MIN_ROOT_PX = 720;
 var SOURCE_MODE_DISABLED_ACTIONS = /* @__PURE__ */ new Set([
   "textFormat",
   "listBlock",
@@ -14341,7 +14362,7 @@ function createMikeDownEditor(container, options) {
     const headings = container2.querySelectorAll("h1,h2,h3,h4,h5,h6");
     const seenIds = /* @__PURE__ */ new Map();
     for (const h of headings) {
-      const base = githubAnchorId(h.textContent || "");
+      const base = githubAnchorId(headingDomText(h));
       const count = seenIds.get(base) ?? 0;
       const id = count === 0 ? base : `${base}-${count}`;
       seenIds.set(base, count + 1);
@@ -14489,9 +14510,9 @@ function createMikeDownEditor(container, options) {
         editor2.view.dispatch(tr);
       }
       if (url === "") {
-        editor2.chain().focus().unsetLink().run();
+        editor2.chain().focus().extendMarkRange("link").unsetLink().run();
       } else {
-        editor2.chain().focus().setLink({ href: url }).run();
+        editor2.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
       }
     }
     confirmBtn.addEventListener("click", confirm);
@@ -14719,6 +14740,9 @@ function createMikeDownEditor(container, options) {
     if (aiPage?.fromModal) {
       closeAiEnginesPage();
     }
+    if (aiActivityPage?.fromModal) {
+      closeAiActivityPanel();
+    }
     const discard = discardSettings;
     discardSettings = null;
     refreshToolbarSettingsRows = null;
@@ -15219,8 +15243,10 @@ function createMikeDownEditor(container, options) {
         onConsentForgotten: (engineId) => {
           delete aiConsent[engineId];
         },
+        docsAvailable: !!host.docs,
         onSaved: (saved) => {
-          currentAiSettings = saved;
+          currentAiSettings = { ...saved, docBases: currentAiSettings.docBases };
+          syncAiActivitySetting();
           renderAiIndicator();
           refreshAiToolbarButton();
           scheduleAiStatusRefresh();
@@ -15231,7 +15257,8 @@ function createMikeDownEditor(container, options) {
           session: request.session,
           onDone: (patch, saved) => request.onDone(patch, saved),
           fromModal: true
-        })
+        }),
+        openActivityPanel: () => showAiActivityPanel({ fromModal: true })
       })
     }] : [];
     const toolbarRows = [];
@@ -15730,6 +15757,27 @@ function createMikeDownEditor(container, options) {
   let aiStatuses = [];
   let aiServed = null;
   const aiConsent = {};
+  let aiActivity = null;
+  let aiActivityPage = null;
+  function aiActivityLog(ui) {
+    aiActivity ?? (aiActivity = ui.createAiActivityLog());
+    aiActivity.setEnabled(currentAiSettings.activityPanel);
+    return aiActivity;
+  }
+  function syncAiActivitySetting() {
+    aiActivity?.setEnabled(currentAiSettings.activityPanel);
+    aiActivityPage?.handle.refresh();
+    aiChatPage?.handle.refresh();
+  }
+  function aiRunContext(ui, ai) {
+    return {
+      ai,
+      settings: () => currentAiSettings,
+      statuses: () => aiStatuses,
+      consent: aiConsent,
+      activity: aiActivityLog(ui)
+    };
+  }
   const aiSettingsWaiters = /* @__PURE__ */ new Set();
   let aiStatusTimer;
   disposers.push(() => window.clearTimeout(aiStatusTimer));
@@ -15769,6 +15817,72 @@ function createMikeDownEditor(container, options) {
     }).catch(() => {
     });
   }
+  let aiGhost = null;
+  disposers.push(() => {
+    aiGhost?.destroy();
+    aiGhost = null;
+  });
+  function syncAiGhost() {
+    const ai = aiHost;
+    const ui = aiUi;
+    if (!ai || !ui || destroyed) {
+      return;
+    }
+    const on = ui.ghostFeatureOn(currentAiSettings);
+    if (on === (aiGhost !== null)) {
+      return;
+    }
+    if (!on) {
+      aiGhost?.destroy();
+      aiGhost = null;
+      return;
+    }
+    aiGhost = ui.createGhostSession({
+      editor,
+      run: (req, events, signal) => ui.runAiCompletion({ ...aiRunContext(ui, ai), activity: void 0 }, req, events, signal),
+      settings: () => currentAiSettings,
+      statuses: () => aiStatuses,
+      consent: aiConsent,
+      popupOpen: () => isEmojiAutocompleteOpen() || isWikilinkAutocompleteOpen() || isTagAutocompleteOpen() || isSlashMenuOpen() || isDropdownActive() || isToolbarDropdownOpen() || isEmojiPickerOpen() || !!aiRewrite?.isOpen(),
+      enabled: () => !sourceMode,
+      onBusy: (busy) => {
+        aiGhostBusy = busy;
+        syncAiToolbarBusy();
+      },
+      onServed: (served, viaFallback) => {
+        aiServed = { served, viaFallback };
+        renderAiIndicator();
+      },
+      record: (entry) => aiActivityLog(ui).record(entry)
+    });
+  }
+  function setAiInlineSuggestions(next) {
+    const ui = aiUi;
+    if (!aiHost || !ui || destroyed) {
+      return;
+    }
+    const { settings, patch } = ui.withGhostFeature(currentAiSettings, next);
+    currentAiSettings = settings;
+    renderAiIndicator();
+    host.saveSettings?.(patch, { silent: true });
+  }
+  function startAiGhost() {
+    if (!aiHost || destroyed || sourceMode || readOnly) {
+      return false;
+    }
+    if (!aiUi) {
+      whenAiUi(() => {
+        startAiGhost();
+      });
+      return true;
+    }
+    if (!aiGhost) {
+      noteAiFeatureOff("ghostText");
+      return true;
+    }
+    aiGhost.trigger();
+    return true;
+  }
   function onAiUiLoaded(ui) {
     if (aiUi) {
       return;
@@ -15785,6 +15899,7 @@ function createMikeDownEditor(container, options) {
     }
   }
   function renderAiIndicator() {
+    syncAiGhost();
     syncAiSlashCommands();
     syncAiPropertiesAvailability();
     const ui = aiUi;
@@ -15801,13 +15916,14 @@ function createMikeDownEditor(container, options) {
     if (!ui) {
       pendingAiSettings = { raw };
       const r = raw ?? {};
-      currentAiSettings = { ...currentAiSettings, enabled: r.enabled === true, showToolbarButton: r.showToolbarButton !== false };
+      currentAiSettings = { ...currentAiSettings, enabled: r.enabled === true, showToolbarButton: r.showToolbarButton !== false, activityPanel: r.activityPanel === true };
       refreshAiToolbarButton();
       return;
     }
     const before = currentAiSettings;
     currentAiSettings = ui.parseAiSettings(raw, { onWarning: () => {
     } });
+    syncAiActivitySetting();
     if (aiServed && ui.aiNextRouteChanged(before, currentAiSettings, aiStatuses)) {
       aiServed = null;
     }
@@ -15893,6 +16009,7 @@ function createMikeDownEditor(container, options) {
     }
     const opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
     closeAiEnginesPage();
+    closeAiActivityPanel();
     const overlay = document.createElement("div");
     overlay.id = "mikedown-ai-page-overlay";
     const frame = document.createElement("div");
@@ -15903,12 +16020,14 @@ function createMikeDownEditor(container, options) {
     getPortal().appendChild(overlay);
     const finish = () => {
       closeAiEnginesPage();
+      aiChatPage?.handle.refresh();
       restoreFocus(opener);
     };
     const handle2 = ui.mountAiEnginesPage(frame, settingsSectionContext(finish, (href) => openLinkViaHost(href)), {
       ...o.session ?? aiSessionOptions(ai),
       initial: o.initial,
       ...o.turnOnWhenDone ? { turnOnWhenDone: true } : {},
+      ...host.docs ? { docs: host.docs } : {},
       onDone: (patch, settings) => {
         if (Object.keys(patch).length > 0) {
           host.saveSettings?.(patch);
@@ -15936,6 +16055,190 @@ function createMikeDownEditor(container, options) {
     });
     handle2.focus();
   }
+  function closeAiActivityPanel() {
+    const page = aiActivityPage;
+    aiActivityPage = null;
+    if (!page) {
+      return;
+    }
+    page.handle.destroy();
+    page.overlay.remove();
+  }
+  function showAiActivityPanel(o = {}) {
+    if (!aiHost) {
+      return;
+    }
+    const ui = aiUi;
+    if (!ui) {
+      whenAiUi(() => showAiActivityPanel(o));
+      return;
+    }
+    const opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    closeAiEnginesPage();
+    closeAiActivityPanel();
+    const overlay = document.createElement("div");
+    overlay.id = "mikedown-ai-page-overlay";
+    const frame = document.createElement("div");
+    frame.className = "ai-page-frame";
+    frame.setAttribute("role", "dialog");
+    frame.setAttribute("aria-modal", "true");
+    overlay.appendChild(frame);
+    getPortal().appendChild(overlay);
+    const finish = () => {
+      closeAiActivityPanel();
+      restoreFocus(opener);
+    };
+    const handle2 = ui.mountAiActivityPanel(frame, settingsSectionContext(finish, (href) => openLinkViaHost(href)), {
+      log: aiActivityLog(ui),
+      ...o.selectId !== void 0 ? { selectId: o.selectId } : {},
+      ...host.saveTextFile ? { saveTextFile: (name, text) => host.saveTextFile?.(name, text) ?? Promise.resolve() } : {}
+    });
+    aiActivityPage = { overlay, handle: handle2, fromModal: !!o.fromModal };
+    const titleId = frame.querySelector(".ai-page-title")?.id;
+    if (titleId) {
+      frame.setAttribute("aria-labelledby", titleId);
+    }
+    frame.addEventListener("keydown", (e) => {
+      if (e.key === "Tab") {
+        trapTab(frame, e);
+      }
+    });
+    handle2.focus();
+  }
+  let aiChatPage = null;
+  let aiDocsChat = null;
+  function closeAiChatPanel() {
+    const page = aiChatPage;
+    aiChatPage = null;
+    if (!page) {
+      return;
+    }
+    page.resize?.disconnect();
+    page.handle.destroy();
+    page.dock.remove();
+    root.classList.remove("ai-chat-open", "ai-chat-docked");
+  }
+  function showAiChatPanel() {
+    const ai = aiHost;
+    if (!ai || destroyed) {
+      return;
+    }
+    const ui = aiUi;
+    if (!ui) {
+      whenAiUi(() => showAiChatPanel());
+      return;
+    }
+    if (aiChatPage) {
+      aiChatPage.handle.focus();
+      return;
+    }
+    const off = ui.aiFeatureOffNotice(ai, currentAiSettings, "chat");
+    if (off) {
+      showTransientToast(off);
+      return;
+    }
+    const opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const dock = document.createElement("aside");
+    dock.className = "ai-chat-dock";
+    root.appendChild(dock);
+    root.classList.add("ai-chat-open");
+    const tier2 = aiHostTier(ai) === 2;
+    const handle2 = ui.mountAiChatPanel(dock, {
+      chat: aiDocsChat ?? (aiDocsChat = ui.createAiDocsChat(aiRunContext(ui, ai))),
+      ...host.docs ? { docs: host.docs } : {},
+      documentText: aiBodyMarkdown,
+      docsOptions: () => currentAiSettings.docs,
+      engineName: (id) => currentAiSettings.engines.find((e) => e.id === id)?.name ?? id,
+      thinking: ui.thinkingLevelFor,
+      featureOffNotice: () => ui.aiFeatureOffNotice(ai, currentAiSettings, "chat"),
+      canInsert: () => !readOnly,
+      insertAtCursor: (markdown, policy) => {
+        const target = aiCursorTarget();
+        if (!target) {
+          return false;
+        }
+        const ok = target.accept(markdown, policy);
+        if (!ok) {
+          target.release();
+        }
+        return ok;
+      },
+      ...host.documentFolder ? { documentFolder: () => host.documentFolder?.() ?? null } : {},
+      ...host.openLink ? { openFile: (href, reveal) => host.openLink?.(href, "openNewTab", reveal) } : {},
+      activityOn: () => currentAiSettings.activityPanel,
+      openActivity: (selectId) => showAiActivityPanel({ selectId }),
+      ...tier2 ? {
+        openRouting: () => showAiEnginesPage({ initial: { section: "routing" } }),
+        ...host.docs ? { openBases: () => showAiEnginesPage({ initial: { section: "bases" } }) } : {}
+      } : {},
+      ...host.saveTextFile ? { saveTextFile: (name, text) => host.saveTextFile?.(name, text) ?? Promise.resolve() } : {},
+      onEscape: () => {
+        if (sourceMode) {
+          cmView?.focus();
+        } else {
+          editor.commands.focus();
+        }
+      },
+      onClose: () => {
+        closeAiChatPanel();
+        restoreFocus(opener);
+      }
+    });
+    const layout = () => {
+      root.classList.toggle("ai-chat-docked", root.clientWidth >= DOCK_MIN_ROOT_PX);
+    };
+    layout();
+    const resize = typeof ResizeObserver === "function" ? new ResizeObserver(layout) : null;
+    resize?.observe(root);
+    aiChatPage = { dock, handle: handle2, resize };
+    handle2.focus();
+  }
+  function revealSection(slug) {
+    if (!slug) {
+      return;
+    }
+    whenAiUi((ui) => {
+      let tries = 0;
+      const attempt = () => {
+        if (destroyed) {
+          return;
+        }
+        if (sourceMode && cmView) {
+          const hit = ui.docsHeadingAt(cmView.state.doc.toString(), slug);
+          if (hit) {
+            cmView.dispatch({ selection: { anchor: hit.offset }, scrollIntoView: true });
+            return;
+          }
+        } else {
+          const hit = ui.docsHeadingAt(editor.storage.markdown.getMarkdown(), slug);
+          let seen = 0;
+          let pos = -1;
+          if (hit) {
+            editor.state.doc.forEach((node, offset) => {
+              if (node.type.name !== "heading") {
+                return;
+              }
+              if (seen === hit.index) {
+                pos = offset;
+              }
+              seen++;
+            });
+          }
+          const dom = pos >= 0 ? editor.view.nodeDOM(pos) : null;
+          if (dom instanceof HTMLElement) {
+            smoothScrollHeadingIntoView(dom);
+            return;
+          }
+        }
+        if (tries++ < 13) {
+          window.setTimeout(attempt, 150);
+        } else {
+          scrollToAnchor(slug);
+        }
+      };
+      attempt();
+    });
+  }
   function trapTab(scope, e) {
     const focusables = Array.from(scope.querySelectorAll(
       'a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -15992,6 +16295,12 @@ function createMikeDownEditor(container, options) {
     }
     return aiUi.aiFeatureAvailability(aiHost, currentAiSettings, aiStatuses, aiConsent, feature);
   }
+  function noteAiFeatureOff(feature) {
+    const msg = aiUi?.aiFeatureOffNotice(aiHost, currentAiSettings, feature);
+    if (msg) {
+      showTransientToast(msg);
+    }
+  }
   function syncAiSlashCommands() {
     const hidden = [...hiddenSlashCommands];
     for (const feature of ["summary", "title"]) {
@@ -16002,8 +16311,9 @@ function createMikeDownEditor(container, options) {
     setSlashHiddenCommands(hidden);
   }
   let aiPopoverBusy = false;
+  let aiGhostBusy = false;
   function aiBusy() {
-    return aiPopoverBusy || propertiesController !== null;
+    return aiPopoverBusy || aiGhostBusy || propertiesController !== null;
   }
   function syncAiToolbarBusy(btn = shell.toolbar?.querySelector('button[data-action="ai"]')) {
     btn?.classList.toggle("is-ai-running", aiBusy());
@@ -16124,8 +16434,14 @@ function createMikeDownEditor(container, options) {
       return a.state === "hidden" ? null : a.state === "disabled" ? { enabled: false, hint: a.reason } : { enabled: true };
     };
     const tier2 = aiHostTier(ai) === 2;
+    const chatAvailability = aiUi?.aiFeatureAvailability(aiHost, currentAiSettings, aiStatuses, aiConsent, "chat") ?? { state: "hidden" };
+    const chat = chatAvailability.state === "hidden" ? null : chatAvailability.state === "disabled" ? { enabled: false, hint: chatAvailability.reason } : { enabled: true };
     const summarize = docEntry("summary");
     const titles = docEntry("title");
+    const ghostState = readOnly ? { state: "hidden" } : ui.ghostAvailability(ai, currentAiSettings, aiStatuses, aiConsent);
+    const ghostReason = aiGhost?.reason();
+    const continuation = ghostState.state === "hidden" ? null : ghostState.state === "disabled" ? { enabled: false, hint: ghostState.reason } : sourceMode ? { enabled: false, hint: "Not available in source view" } : { enabled: true, ...ghostReason ? { hint: ghostReason } : {} };
+    const inlineSuggestions = readOnly ? null : { on: ui.ghostFeatureOn(currentAiSettings) };
     const propsAvailability = outlineSidebar && !readOnly ? aiPropertiesAvailability() : { state: "hidden" };
     const properties = propsAvailability.state === "hidden" ? null : propsAvailability.state === "disabled" ? { enabled: false, hint: propsAvailability.reason } : { enabled: true };
     const thinkKind = tier2 ? aiThinkingKind([
@@ -16137,19 +16453,25 @@ function createMikeDownEditor(container, options) {
       rewrite,
       explain: selectionEntry(true),
       translate: selectionEntry(false),
+      continuation,
+      inlineSuggestions,
       summarize,
       titles,
       properties,
+      chat,
       ...thinkKind ? { thinking: { choices: ui.thinkingChoices(thinkKind), value: ui.loadThinkingLevel, onChange: ui.rememberThinkingLevel } } : {},
       canManageEngines: tier2,
       icons: {
         rewrite: toolbarIcons.rewrite,
         explain: toolbarIcons.explain,
         translate: toolbarIcons.translate,
+        continuation: toolbarIcons.ai,
         summarize: toolbarIcons.toc,
         titles: toolbarIcons.ai,
         properties: toolbarIcons.tag,
-        manage: toolbarIcons.gear
+        manage: toolbarIcons.gear,
+        activity: toolbarIcons.aiActivity,
+        chat: toolbarIcons.aiChat
       },
       onRewrite: () => {
         startAiRewrite();
@@ -16160,6 +16482,10 @@ function createMikeDownEditor(container, options) {
       onTranslate: () => {
         startAiRewrite("translate");
       },
+      onSuggestContinuation: () => {
+        startAiGhost();
+      },
+      onToggleInlineSuggestions: setAiInlineSuggestions,
       onSummarize: () => {
         startAiSummary();
       },
@@ -16169,6 +16495,9 @@ function createMikeDownEditor(container, options) {
       onSuggestProperties: () => {
         startAiPropertySuggestions();
       },
+      onChat: () => {
+        showAiChatPanel();
+      },
       onManage: () => {
         if (tier2) {
           showAiEnginesPage();
@@ -16176,6 +16505,7 @@ function createMikeDownEditor(container, options) {
           showSettingsModal("ai");
         }
       },
+      ...currentAiSettings.activityPanel ? { onActivity: () => showAiActivityPanel() } : {},
       // "Look again": retest the engines that failed, then open the menu afresh.
       ...ai.testEngine ? { onRetest: () => {
         void retestAiEngines(ai).then(() => {
@@ -17410,6 +17740,15 @@ function createMikeDownEditor(container, options) {
           }
           return { "Mod-Alt-k": () => startAiRewrite() };
         }
+      }), Extension14.create({
+        // Inline suggestions on demand. A host that owns shortcuts sends the aiSuggestContinuation command instead.
+        name: "mikedownAiGhostShortcut",
+        addKeyboardShortcuts() {
+          if (hostOwnsShortcuts) {
+            return {};
+          }
+          return { "Mod-Alt-Space": () => startAiGhost() };
+        }
       })] : [],
       // ── Placeholder (M2c / M5) ────────────────────────────────────────────────
       // "Type / for commands…" is shown when the slash-command menu is enabled;
@@ -17688,12 +18027,7 @@ function createMikeDownEditor(container, options) {
       return null;
     }
     const popover = ui.createAiRewritePopover({
-      run: (req, events, signal) => ui.runAiCompletion({
-        ai,
-        settings: () => currentAiSettings,
-        statuses: () => aiStatuses,
-        consent: aiConsent
-      }, req, events, signal),
+      run: (req, events, signal) => ui.runAiCompletion(aiRunContext(ui, ai), req, events, signal),
       badge: aiBadge,
       onServed: (served, viaFallback) => {
         aiServed = { served, viaFallback };
@@ -17793,6 +18127,9 @@ function createMikeDownEditor(container, options) {
     const model = currentAiSettings.engines.find((e) => e.id === r.engineId)?.models.find((m) => m.id === r.modelId);
     return { contextTokens: model?.capabilities.contextTokens ?? null, json: model?.capabilities.json === true };
   }
+  function setWholeDocument(body, options2) {
+    editor.chain().setMeta("preventAutolink", true).setContent(body, options2).run();
+  }
   function aiBodyMarkdown() {
     if (sourceMode && cmView) {
       return extractFrontmatter(cmView.state.doc.toString()).body;
@@ -17805,7 +18142,7 @@ function createMikeDownEditor(container, options) {
       return null;
     }
     if (sourceMode) {
-      return cmView ? ui.sourceCursorTarget(cmView, (md) => md.length - extractFrontmatter(md).body.length) : null;
+      return cmView ? ui.sourceCursorTarget(cmView, (md) => md.length - extractFrontmatter(md).body.length, editor) : null;
     }
     return ui.cursorInsertTarget(editor, slash);
   }
@@ -17813,7 +18150,11 @@ function createMikeDownEditor(container, options) {
     if (!aiRewrite || destroyed || readOnly) {
       return false;
     }
-    if (aiDocAvailability("summary").state !== "enabled") {
+    const availability = aiDocAvailability("summary");
+    if (availability.state !== "enabled") {
+      if (availability.state === "hidden") {
+        noteAiFeatureOff("summary");
+      }
       return false;
     }
     const markdown = aiBodyMarkdown();
@@ -17937,7 +18278,11 @@ function createMikeDownEditor(container, options) {
     if (!ai || !ui || !sidebar || destroyed) {
       return false;
     }
-    if (aiPropertiesAvailability().state !== "enabled") {
+    const availability = aiPropertiesAvailability();
+    if (availability.state !== "enabled") {
+      if (availability.state === "hidden" && !readOnly) {
+        noteAiFeatureOff("frontmatter");
+      }
       return false;
     }
     cancelAiPropertySuggestions();
@@ -17962,12 +18307,7 @@ function createMikeDownEditor(container, options) {
     let repairing = false;
     let streamed = "";
     const showRunning = () => sidebar.applyPropertySuggestions(null, "running", repairing ? "Fixing the answer format\u2026" : badge);
-    const request = (msgs) => ui.runAiCompletion({
-      ai,
-      settings: () => currentAiSettings,
-      statuses: () => aiStatuses,
-      consent: aiConsent
-    }, {
+    const request = (msgs) => ui.runAiCompletion(aiRunContext(ui, ai), {
       feature: "frontmatter",
       messages: msgs,
       maxTokens,
@@ -18059,7 +18399,11 @@ function createMikeDownEditor(container, options) {
     if (!aiRewrite || !ui || destroyed || readOnly) {
       return false;
     }
-    if (aiDocAvailability("title").state !== "enabled") {
+    const availability = aiDocAvailability("title");
+    if (availability.state !== "enabled") {
+      if (availability.state === "hidden") {
+        noteAiFeatureOff("title");
+      }
       return false;
     }
     const markdown = aiBodyMarkdown();
@@ -18113,6 +18457,9 @@ function createMikeDownEditor(container, options) {
     }
     const availability = aiRewriteAvailability();
     if (availability.state === "hidden") {
+      if (!readOnly) {
+        noteAiFeatureOff("rewrite");
+      }
       return false;
     }
     aiRewrite.close();
@@ -19460,6 +19807,7 @@ function createMikeDownEditor(container, options) {
       return;
     }
     aiRewrite?.close();
+    aiGhost?.dismiss();
     cancelAiPropertySuggestions(true);
     const serialized = serializeDocument();
     const isPristine = lastSavedUndoDepth !== null && pmUndoDepth2(editor.state) === lastSavedUndoDepth;
@@ -19553,7 +19901,7 @@ function createMikeDownEditor(container, options) {
       const wasPristine = pmStale && md === originalContent;
       originalContent = md;
       trailingNewline = md.endsWith("\n");
-      editor.commands.setContent(body);
+      setWholeDocument(body);
       resetPmHistory(editor);
       lastSavedUndoDepth = wasPristine ? 0 : null;
       isLoading = false;
@@ -19740,7 +20088,7 @@ function createMikeDownEditor(container, options) {
       if (sourceMode && cmView) {
         cmView.dispatch({ changes: { from: 0, to: cmView.state.doc.length, insert: markdown } });
       } else {
-        editor.commands.setContent(body2, { emitUpdate: true });
+        setWholeDocument(body2, { emitUpdate: true });
       }
       renderFrontmatterBlock();
       refreshPropertiesSidebar();
@@ -19773,7 +20121,7 @@ function createMikeDownEditor(container, options) {
     trailingNewline = originalContent.endsWith("\n");
     const { frontmatter, body } = extractFrontmatter(originalContent);
     frontmatterContent = frontmatter;
-    editor.commands.setContent(body);
+    setWholeDocument(body);
     resetPmHistory(editor);
     lastSavedUndoDepth = 0;
     const reserialized = serializeDocument();
@@ -19815,6 +20163,7 @@ function createMikeDownEditor(container, options) {
 ` : md;
   }
   function getHtml() {
+    aiGhost?.dismiss();
     return editor.view.dom.innerHTML;
   }
   function markSaved(content) {
@@ -19870,6 +20219,7 @@ function createMikeDownEditor(container, options) {
     }
     root.classList.toggle("mikedown-readonly", next);
     if (next) {
+      aiGhost?.dismiss();
       cancelAiPropertySuggestions(true);
     }
     syncAiPropertiesAvailability();
@@ -19991,6 +20341,13 @@ function createMikeDownEditor(container, options) {
       case "aiSuggestProperties":
         startAiPropertySuggestions();
         break;
+      // The chat panel (a second press goes back to its input).
+      case "aiSuggestContinuation":
+        startAiGhost();
+        break;
+      case "aiChat":
+        showAiChatPanel();
+        break;
       // M11 — Copy as rich text: write HTML + plain text to clipboard.
       case "copyAsRichText":
         copyAsRichText();
@@ -20052,6 +20409,7 @@ function createMikeDownEditor(container, options) {
     }
   }
   function copyAsRichText() {
+    aiGhost?.dismiss();
     const editorEl2 = editor.view.dom;
     if (!navigator.clipboard) {
       return;
@@ -20219,7 +20577,7 @@ function createMikeDownEditor(container, options) {
     const seenIds = /* @__PURE__ */ new Map();
     let targetEl = null;
     for (const h of headings) {
-      const base = githubAnchorId(h.textContent || "");
+      const base = githubAnchorId(headingDomText(h));
       const count = seenIds.get(base) ?? 0;
       const id = count === 0 ? base : `${base}-${count}`;
       seenIds.set(base, count + 1);
@@ -20343,6 +20701,8 @@ function createMikeDownEditor(container, options) {
     }
     setSlashDisableHandler(null);
     closeAiEnginesPage();
+    closeAiActivityPanel();
+    closeAiChatPanel();
     closeSettingsModal();
     cmView?.destroy();
     cmView = null;
@@ -20361,6 +20721,7 @@ function createMikeDownEditor(container, options) {
     updateSettings,
     scrollToAnchor,
     revealLink,
+    revealSection,
     revealText,
     setImageStatus,
     insertLink,
@@ -20380,7 +20741,7 @@ function createMikeDownEditor(container, options) {
       renderAiIndicator();
     },
     setAiEngineStatuses: (list) => setAiStatuses(Array.isArray(list) ? list : []),
-    isModalOpen: () => !!settingsOverlay?.isConnected || !!aiPage?.overlay.isConnected,
+    isModalOpen: () => !!settingsOverlay?.isConnected || !!aiPage?.overlay.isConnected || !!aiActivityPage?.overlay.isConnected,
     getViewState,
     setViewState,
     focus: () => {