@dxos/plugin-markdown 0.8.4-main.f9ba587 → 0.8.4-main.fd6878d

package/dist/lib/browser/{MarkdownContainer-BO5MZWA4.mjs → MarkdownContainer-VGJPHMVG.mjs}

@@ -1,17 +1,17 @@
-import "./chunk-IZLATPXQ.mjs";
+import "./chunk-JHH7VL52.mjs";
 import {
   MarkdownCapabilities
-} from "./chunk-777RIED6.mjs";
+} from "./chunk-LMJPXTPL.mjs";
 import {
   getFallbackName,
   setFallbackName
-} from "./chunk-LFML7LC6.mjs";
+} from "./chunk-JMBQG2ZC.mjs";
 import {
-  DocumentType
-} from "./chunk-UANWRJZU.mjs";
+  Markdown_exports
+} from "./chunk-JTIGSUMB.mjs";
 import {
-  MARKDOWN_PLUGIN
-} from "./chunk-EPTSAJZM.mjs";
+  meta
+} from "./chunk-IKPZHFTW.mjs";
 
 // src/components/MarkdownContainer.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
@@ -19,44 +19,260 @@ import { Rx } from "@effect-rx/rx-react";
 import React3, { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo4, useState } from "react";
 import { createPortal } from "react-dom";
 import { Capabilities, Surface, useAppGraph, useCapabilities as useCapabilities2, usePluginManager } from "@dxos/app-framework";
-import { DXN, Filter, Obj, Query } from "@dxos/echo";
+import { DXN, Filter, Obj, Query, Type } from "@dxos/echo";
+import { ClientCapabilities } from "@dxos/plugin-client";
 import { SpaceCapabilities } from "@dxos/plugin-space";
 import { fullyQualifiedId as fullyQualifiedId2, getSpace as getSpace2, useQuery, useSpace } from "@dxos/react-client/echo";
 import { toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { insertAtCursor, insertAtLineStart } from "@dxos/react-ui-editor";
 import { DataType } from "@dxos/schema";
 
+// src/extensions.tsx
+import React, { useMemo } from "react";
+import { createRoot } from "react-dom/client";
+import { LayoutAction, createIntent, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
+import { debounceAndThrottle } from "@dxos/async";
+import { invariant } from "@dxos/invariant";
+import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+import { Icon, ThemeProvider } from "@dxos/react-ui";
+import { Cursor, EditorView, InputModeExtensions, autocomplete, createDataExtensions, decorateMarkdown, documentId, folding, formattingKeymap, linkTooltip, listener, preview, selectionState, typewriter } from "@dxos/react-ui-editor";
+import { defaultTx } from "@dxos/react-ui-theme";
+import { isNotFalsy } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
+var useExtensions = ({ document, id, text, settings, selectionManager, viewMode, editorStateStore, previewOptions }) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const identity = useIdentity();
+  const space = getSpace(document) ?? getSpace(text);
+  const baseExtensions = useMemo(() => createBaseExtensions({
+    document,
+    id,
+    text,
+    settings,
+    selectionManager,
+    viewMode,
+    previewOptions,
+    dispatch
+  }), [
+    document,
+    id,
+    text,
+    viewMode,
+    dispatch,
+    previewOptions,
+    settings,
+    settings.editorInputMode,
+    settings.folding,
+    settings.numberedHeadings,
+    settings.debug,
+    settings.typewriter,
+    selectionManager
+  ]);
+  const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
+  const pluginExtensions = useMemo(() => {
+    if (!document) {
+      return [];
+    }
+    return extensionProviders.flat().reduce((acc, provider) => {
+      const extension = typeof provider === "function" ? provider({
+        document
+      }) : provider;
+      if (extension) {
+        acc.push(extension);
+      }
+      return acc;
+    }, []);
+  }, [
+    extensionProviders,
+    document
+  ]);
+  return useMemo(() => [
+    // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
+    document && createDataExtensions({
+      id: document.id,
+      text: document.content.target && createDocAccessor(document.content.target, [
+        "content"
+      ]),
+      space,
+      identity
+    }),
+    text && id && createDataExtensions({
+      id,
+      text: createDocAccessor(text, [
+        "content"
+      ]),
+      space,
+      identity
+    }),
+    selectionState(editorStateStore),
+    document && listener({
+      onChange: (text2) => setFallbackName(document, text2)
+    }),
+    baseExtensions,
+    pluginExtensions
+  ].filter(isNotFalsy), [
+    baseExtensions,
+    pluginExtensions,
+    document,
+    document?.content?.target,
+    text,
+    id,
+    space,
+    identity
+  ]);
+};
+var createBaseExtensions = ({ document, id, dispatch, settings, selectionManager, query, viewMode, previewOptions }) => {
+  const extensions = [
+    selectionManager && selectionChange(selectionManager),
+    settings.editorInputMode && InputModeExtensions[settings.editorInputMode],
+    settings.folding && folding()
+  ].filter(isNotFalsy);
+  if (viewMode !== "source") {
+    extensions.push(...[
+      formattingKeymap(),
+      decorateMarkdown({
+        selectionChangeDelay: 100,
+        numberedHeadings: settings.numberedHeadings ? {
+          from: 2
+        } : void 0,
+        // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
+        renderLinkButton: dispatch && (document || id) ? createLinkRenderer((id2) => {
+          void dispatch(createIntent(LayoutAction.Open, {
+            part: "main",
+            subject: [
+              id2
+            ],
+            options: {
+              pivotId: document ? fullyQualifiedId(document) : id2
+            }
+          }));
+        }) : void 0
+      }),
+      linkTooltip(renderLinkTooltip),
+      preview(previewOptions)
+    ]);
+  }
+  if (query) {
+    extensions.push(autocomplete({
+      onSearch: (text) => {
+        return query.objects.map((object) => object.name?.length && object.id !== document?.id ? {
+          label: object.name,
+          // TODO(burdon): Factor out URL builder.
+          apply: `[${object.name}](/${fullyQualifiedId(object)})`
+        } : void 0).filter(isNotFalsy);
+      }
+    }));
+  }
+  if (settings.debug) {
+    const items = settings.typewriter?.split(/[,\n]/) ?? "";
+    if (items) {
+      extensions.push(typewriter({
+        items
+      }));
+    }
+  }
+  return extensions;
+};
+var selectionChange = (selectionManager) => {
+  return EditorView.updateListener.of(debounceAndThrottle((update) => {
+    if (update.selectionSet) {
+      const id = update.state.facet(documentId);
+      const cursorConverter = update.state.facet(Cursor.converter);
+      const selection = update.state.selection;
+      const ranges = selection.ranges.map((range) => ({
+        from: cursorConverter.toCursor(range.from),
+        to: cursorConverter.toCursor(range.to)
+      })).filter(({ from, to }) => to > from);
+      selectionManager.updateMultiRange(id, ranges);
+    }
+  }, 100));
+};
+var style = {
+  hover: "rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400",
+  icon: "inline-block leading-none mis-1 cursor-pointer"
+};
+var createLinkRenderer = (onSelectObject) => (el, { url }) => {
+  const isInternal = url.startsWith("/") || // TODO(wittjosiah): This should probably be parsed out on paste?
+  url.startsWith(window.location.origin);
+  const options = isInternal ? {
+    onClick: () => {
+      const qualifiedId = url.split("/").at(-1);
+      invariant(qualifiedId, "Invalid link format.", {
+        F: __dxlog_file,
+        L: 291,
+        S: void 0,
+        A: [
+          "qualifiedId",
+          "'Invalid link format.'"
+        ]
+      });
+      onSelectObject(qualifiedId);
+    }
+  } : {
+    href: url,
+    rel: "noreferrer",
+    target: "_blank"
+  };
+  renderRoot(el, /* @__PURE__ */ React.createElement("a", {
+    ...options,
+    className: style.hover
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: isInternal ? "ph--arrow-square-down--bold" : "ph--arrow-square-out--bold",
+    size: 4,
+    classNames: style.icon
+  })));
+};
+var renderLinkTooltip = (el, { url }) => {
+  const web = new URL(url);
+  renderRoot(el, /* @__PURE__ */ React.createElement("a", {
+    href: url,
+    rel: "noreferrer",
+    target: "_blank",
+    className: style.hover
+  }, web.origin, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--arrow-square-out--bold",
+    size: 4,
+    classNames: style.icon
+  })));
+};
+var renderRoot = (root, node) => {
+  createRoot(root).render(/* @__PURE__ */ React.createElement(ThemeProvider, {
+    tx: defaultTx
+  }, node));
+  return root;
+};
+
 // src/components/MarkdownEditor/MarkdownEditor.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { forwardRef, useMemo as useMemo2, useEffect, useCallback, useImperativeHandle, useRef } from "react";
+import React2, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo as useMemo3, useRef } from "react";
 import { useDropzone } from "react-dropzone";
-import { invariant as invariant2 } from "@dxos/invariant";
+import { invariant as invariant3 } from "@dxos/invariant";
 import { toLocalizedString, useThemeContext, useTranslation } from "@dxos/react-ui";
-import { CommandMenu, EditorToolbar, RefPopover, addLink, createElement, coreSlashCommands, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorGutter, editorSlots, filterItems, linkSlashCommands, processEditorPayload, stackItemContentEditorClassNames, useEditorToolbarState, useFormattingState, useTextEditor, useCommandMenu } from "@dxos/react-ui-editor";
+import { CommandMenu, EditorToolbar, RefPopover, addLink, coreSlashCommands, createBasicExtensions, createElement, createMarkdownExtensions, createThemeExtensions, dropFile, editorGutter, editorSlots, filterItems, linkSlashCommands, processEditorPayload, stackItemContentEditorClassNames, useCommandMenu, useEditorToolbarState, useFormattingState, useTextEditor } from "@dxos/react-ui-editor";
 import { StackItem } from "@dxos/react-ui-stack";
-import { isNotFalsy, isNonNullable } from "@dxos/util";
+import { isNonNullable, isNotFalsy as isNotFalsy2 } from "@dxos/util";
 
 // src/hooks/useSelectCurrentThread.tsx
-import { EditorView } from "@codemirror/view";
+import { EditorView as EditorView2 } from "@codemirror/view";
 import { Schema } from "effect";
-import { useMemo } from "react";
-import { createResolver, LayoutAction, useIntentResolver } from "@dxos/app-framework";
-import { invariant } from "@dxos/invariant";
-import { Cursor, setSelection } from "@dxos/react-ui-editor";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
+import { useMemo as useMemo2 } from "react";
+import { LayoutAction as LayoutAction2, createResolver, useIntentResolver } from "@dxos/app-framework";
+import { invariant as invariant2 } from "@dxos/invariant";
+import { Cursor as Cursor2, setSelection } from "@dxos/react-ui-editor";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
 var useSelectCurrentThread = (editorView, documentId2) => {
-  const scrollIntoViewResolver = useMemo(() => createResolver({
-    intent: LayoutAction.UpdateLayout,
+  const scrollIntoViewResolver = useMemo2(() => createResolver({
+    intent: LayoutAction2.UpdateLayout,
     position: "hoist",
     filter: (data) => {
-      if (!Schema.is(LayoutAction.ScrollIntoView.fields.input)(data)) {
+      if (!Schema.is(LayoutAction2.ScrollIntoView.fields.input)(data)) {
         return false;
       }
       return !!editorView && data.subject === documentId2 && !!data.options?.cursor;
     },
     resolve: ({ options: { cursor } }) => {
-      invariant(editorView, "Editor view is not defined.", {
-        F: __dxlog_file,
+      invariant2(editorView, "Editor view is not defined.", {
+        F: __dxlog_file2,
         L: 32,
         S: void 0,
         A: [
@@ -64,14 +280,14 @@ var useSelectCurrentThread = (editorView, documentId2) => {
           "'Editor view is not defined.'"
         ]
       });
-      const range = Cursor.getRangeFromCursor(editorView.state, cursor);
+      const range = Cursor2.getRangeFromCursor(editorView.state, cursor);
       if (range) {
         const selection = editorView.state.selection.main.from !== range.from ? {
           anchor: range.from
         } : void 0;
         const effects = [
           // NOTE: This does not use the DOM scrollIntoView function.
-          EditorView.scrollIntoView(range.from, {
+          EditorView2.scrollIntoView(range.from, {
             y: "start",
             yMargin: 96
           })
@@ -93,11 +309,11 @@ var useSelectCurrentThread = (editorView, documentId2) => {
     documentId2,
     editorView
   ]);
-  useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);
+  useIntentResolver(meta.id, scrollIntoViewResolver);
 };
 
 // src/components/MarkdownEditor/MarkdownEditor.tsx
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx";
+var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx";
 var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery, ...props }) => {
   var _effect = _useSignals();
   try {
@@ -119,7 +335,7 @@ var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery
       onLinkQuery,
       slashCommandGroups
     ]);
-    const options = useMemo2(() => {
+    const options = useMemo3(() => {
       const trigger = onLinkQuery ? [
         "/",
         "@"
@@ -152,21 +368,21 @@ var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery
       getMenu
     ]);
     const { commandMenu, groupsRef, currentItem, onSelect, ...refPopoverProps } = useCommandMenu(options);
-    const extensions = useMemo2(() => [
+    const extensions = useMemo3(() => [
       _extensions,
       commandMenu
-    ].filter(isNotFalsy), [
+    ].filter(isNotFalsy2), [
       _extensions,
       commandMenu
     ]);
-    return /* @__PURE__ */ React.createElement(RefPopover, {
+    return /* @__PURE__ */ React2.createElement(RefPopover, {
       modal: false,
       ...refPopoverProps
-    }, /* @__PURE__ */ React.createElement(MarkdownEditorImpl, {
+    }, /* @__PURE__ */ React2.createElement(MarkdownEditorImpl, {
       ref: viewRef,
       ...props,
       extensions
-    }), /* @__PURE__ */ React.createElement(CommandMenu, {
+    }), /* @__PURE__ */ React2.createElement(CommandMenu, {
       groups: groupsRef.current,
       currentItem,
       onSelect
@@ -178,16 +394,16 @@ var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery
 var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", initialValue, customActions, editorStateStore, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, onFileUpload, onViewModeChange }, forwardedRef) => {
   var _effect = _useSignals();
   try {
-    const { t } = useTranslation(MARKDOWN_PLUGIN);
+    const { t } = useTranslation(meta.id);
     const { themeMode } = useThemeContext();
     const toolbarState = useEditorToolbarState({
       viewMode
     });
     const formattingObserver = useFormattingState(toolbarState);
-    const { scrollTo, selection } = useMemo2(() => editorStateStore?.getState(id) ?? {}, [
+    const { scrollTo, selection } = useMemo3(() => editorStateStore?.getState(id) ?? {}, [
       id
     ]);
-    const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable), [
+    const providerExtensions = useMemo3(() => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable), [
       extensionProviders
     ]);
     const handleDrop = async (view, { files }) => {
@@ -207,7 +423,8 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
         createBasicExtensions({
           readOnly: viewMode === "readonly",
           placeholder: t("editor placeholder"),
-          scrollPastEnd: role === "section" ? false : scrollPastEnd
+          scrollPastEnd: role === "section" ? false : scrollPastEnd,
+          search: true
         }),
         createMarkdownExtensions({
           themeMode
@@ -223,7 +440,7 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
         }),
         providerExtensions,
         extensions
-      ].filter(isNotFalsy),
+      ].filter(isNotFalsy2),
       ...role !== "section" && {
         id,
         scrollTo,
@@ -282,9 +499,9 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
       onFileUpload
     ]);
     const getView = useCallback(() => {
-      invariant2(editorView, void 0, {
-        F: __dxlog_file2,
-        L: 240,
+      invariant3(editorView, void 0, {
+        F: __dxlog_file3,
+        L: 241,
         S: void 0,
         A: [
           "editorView",
@@ -306,9 +523,9 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
     }, [
       onFileUpload
     ]);
-    return /* @__PURE__ */ React.createElement(StackItem.Content, {
+    return /* @__PURE__ */ React2.createElement(StackItem.Content, {
       toolbar: !!toolbar
-    }, toolbar && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorToolbar, {
+    }, toolbar && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(EditorToolbar, {
       attendableId: id,
       role,
       state: toolbarState,
@@ -316,7 +533,7 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
       getView,
       image: handleImageUpload,
       viewMode: handleViewModeChange
-    }), /* @__PURE__ */ React.createElement("input", getInputProps())), /* @__PURE__ */ React.createElement("div", {
+    }), /* @__PURE__ */ React2.createElement("input", getInputProps())), /* @__PURE__ */ React2.createElement("div", {
       role: "none",
       ref: parentRef,
       "data-testid": "composer.markdownRoot",
@@ -340,228 +557,13 @@ var useTest = (view) => {
   ]);
 };
 
-// src/extensions.tsx
-import React2, { useMemo as useMemo3 } from "react";
-import { createRoot } from "react-dom/client";
-import { createIntent, LayoutAction as LayoutAction2, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
-import { debounceAndThrottle } from "@dxos/async";
-import { invariant as invariant3 } from "@dxos/invariant";
-import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { Icon, ThemeProvider } from "@dxos/react-ui";
-import { InputModeExtensions, createDataExtensions, autocomplete, decorateMarkdown, folding, formattingKeymap, linkTooltip, listener, preview, selectionState, typewriter, EditorView as EditorView2, documentId, Cursor as Cursor2 } from "@dxos/react-ui-editor";
-import { defaultTx } from "@dxos/react-ui-theme";
-import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
-var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
-var useExtensions = ({ document, id, text, settings, selectionManager, viewMode, editorStateStore, previewOptions }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const identity = useIdentity();
-  const space = getSpace(document) ?? getSpace(text);
-  const baseExtensions = useMemo3(() => createBaseExtensions({
-    document,
-    id,
-    text,
-    settings,
-    selectionManager,
-    viewMode,
-    previewOptions,
-    dispatch
-  }), [
-    document,
-    id,
-    text,
-    viewMode,
-    dispatch,
-    previewOptions,
-    settings,
-    settings.editorInputMode,
-    settings.folding,
-    settings.numberedHeadings,
-    settings.debug,
-    settings.typewriter,
-    selectionManager
-  ]);
-  const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
-  const pluginExtensions = useMemo3(() => {
-    if (!document) {
-      return [];
-    }
-    return extensionProviders.flat().reduce((acc, provider) => {
-      const extension = typeof provider === "function" ? provider({
-        document
-      }) : provider;
-      if (extension) {
-        acc.push(extension);
-      }
-      return acc;
-    }, []);
-  }, [
-    extensionProviders,
-    document
-  ]);
-  return useMemo3(() => [
-    // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
-    document && createDataExtensions({
-      id: document.id,
-      text: document.content.target && createDocAccessor(document.content.target, [
-        "content"
-      ]),
-      space,
-      identity
-    }),
-    text && id && createDataExtensions({
-      id,
-      text: createDocAccessor(text, [
-        "content"
-      ]),
-      space,
-      identity
-    }),
-    selectionState(editorStateStore),
-    document && listener({
-      onChange: (text2) => setFallbackName(document, text2)
-    }),
-    baseExtensions,
-    pluginExtensions
-  ].filter(isNotFalsy2), [
-    baseExtensions,
-    pluginExtensions,
-    document,
-    document?.content?.target,
-    text,
-    id,
-    space,
-    identity
-  ]);
-};
-var createBaseExtensions = ({ document, id, dispatch, settings, selectionManager, query, viewMode, previewOptions }) => {
-  const extensions = [
-    selectionManager && selectionChange(selectionManager),
-    settings.editorInputMode && InputModeExtensions[settings.editorInputMode],
-    settings.folding && folding()
-  ].filter(isNotFalsy2);
-  if (viewMode !== "source") {
-    extensions.push(...[
-      formattingKeymap(),
-      decorateMarkdown({
-        selectionChangeDelay: 100,
-        numberedHeadings: settings.numberedHeadings ? {
-          from: 2
-        } : void 0,
-        // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
-        renderLinkButton: dispatch && (document || id) ? createLinkRenderer((id2) => {
-          void dispatch(createIntent(LayoutAction2.Open, {
-            part: "main",
-            subject: [
-              id2
-            ],
-            options: {
-              pivotId: document ? fullyQualifiedId(document) : id2
-            }
-          }));
-        }) : void 0
-      }),
-      linkTooltip(renderLinkTooltip),
-      preview(previewOptions)
-    ]);
-  }
-  if (query) {
-    extensions.push(autocomplete({
-      onSearch: (text) => {
-        return query.objects.map((object) => object.name?.length && object.id !== document?.id ? {
-          label: object.name,
-          // TODO(burdon): Factor out URL builder.
-          apply: `[${object.name}](/${fullyQualifiedId(object)})`
-        } : void 0).filter(isNotFalsy2);
-      }
-    }));
-  }
-  if (settings.debug) {
-    const items = settings.typewriter?.split(/[,\n]/) ?? "";
-    if (items) {
-      extensions.push(typewriter({
-        items
-      }));
-    }
-  }
-  return extensions;
-};
-var selectionChange = (selectionManager) => {
-  return EditorView2.updateListener.of(debounceAndThrottle((update) => {
-    if (update.selectionSet) {
-      const id = update.state.facet(documentId);
-      const cursorConverter = update.state.facet(Cursor2.converter);
-      const selection = update.state.selection;
-      const ranges = selection.ranges.map((range) => ({
-        from: cursorConverter.toCursor(range.from),
-        to: cursorConverter.toCursor(range.to)
-      })).filter(({ from, to }) => to > from);
-      selectionManager.updateMultiRange(id, ranges);
-    }
-  }, 100));
-};
-var style = {
-  hover: "rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400",
-  icon: "inline-block leading-none mis-1 cursor-pointer"
-};
-var createLinkRenderer = (onSelectObject) => (el, { url }) => {
-  const isInternal = url.startsWith("/") || // TODO(wittjosiah): This should probably be parsed out on paste?
-  url.startsWith(window.location.origin);
-  const options = isInternal ? {
-    onClick: () => {
-      const qualifiedId = url.split("/").at(-1);
-      invariant3(qualifiedId, "Invalid link format.", {
-        F: __dxlog_file3,
-        L: 291,
-        S: void 0,
-        A: [
-          "qualifiedId",
-          "'Invalid link format.'"
-        ]
-      });
-      onSelectObject(qualifiedId);
-    }
-  } : {
-    href: url,
-    rel: "noreferrer",
-    target: "_blank"
-  };
-  renderRoot(el, /* @__PURE__ */ React2.createElement("a", {
-    ...options,
-    className: style.hover
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: isInternal ? "ph--arrow-square-down--bold" : "ph--arrow-square-out--bold",
-    size: 4,
-    classNames: style.icon
-  })));
-};
-var renderLinkTooltip = (el, { url }) => {
-  const web = new URL(url);
-  renderRoot(el, /* @__PURE__ */ React2.createElement("a", {
-    href: url,
-    rel: "noreferrer",
-    target: "_blank",
-    className: style.hover
-  }, web.origin, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--arrow-square-out--bold",
-    size: 4,
-    classNames: style.icon
-  })));
-};
-var renderRoot = (root, node) => {
-  createRoot(root).render(/* @__PURE__ */ React2.createElement(ThemeProvider, {
-    tx: defaultTx
-  }, node));
-  return root;
-};
-
 // src/components/MarkdownContainer.tsx
 var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMode, editorStateStore, onViewModeChange }) => {
   var _effect = _useSignals2();
   try {
     const { t } = useTranslation2();
     const scrollPastEnd = role === "article";
-    const doc = Obj.instanceOf(DocumentType, object) ? object : void 0;
+    const doc = Obj.instanceOf(Markdown_exports.Document, object) ? object : void 0;
     const text = Obj.instanceOf(DataType.Text, object) ? object : void 0;
     const [previewBlocks, setPreviewBlocks] = useState([]);
     const previewOptions = useMemo4(() => ({
@@ -594,16 +596,22 @@ var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMod
     ]);
     const space = getSpace2(object);
     const objectForms = useCapabilities2(SpaceCapabilities.ObjectForm);
-    const filter = useMemo4(() => Filter.or(...objectForms.map((form) => Filter.type(form.objectSchema))), [
-      objectForms
+    const schemaWhiteList = useCapabilities2(ClientCapabilities.SchemaWhiteList);
+    const filter = useMemo4(() => Filter.or(...objectForms.map((form) => Filter.type(form.objectSchema)), ...schemaWhiteList.flat().map((schema) => Filter.typename(Type.getTypename(schema)))), [
+      objectForms,
+      schemaWhiteList
     ]);
     const onLinkQuery = useCallback2(async (query) => {
       const name = query?.startsWith("@") ? query.slice(1).toLowerCase() : query?.toLowerCase() ?? "";
       const results = await space?.db.query(Query.select(filter)).run();
       const getLabel = (object2) => {
+        const label = Obj.getLabel(object2);
+        if (label) {
+          return label;
+        }
         const type = Obj.getTypename(object2);
         const metadata = resolve(type);
-        return metadata.label?.(object2) || object2.name || [
+        return metadata.label?.(object2) || [
           "object name placeholder",
           {
             ns: type,
@@ -699,7 +707,7 @@ var PreviewBlock = ({ link, el }) => {
       subject
     ]);
     return /* @__PURE__ */ createPortal(/* @__PURE__ */ React3.createElement(Surface, {
-      role: "card--document",
+      role: "card--transclusion",
       data,
       limit: 1
     }), el);
@@ -766,6 +774,7 @@ var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
 var MarkdownContainer_default = MarkdownContainer;
 export {
   DocumentEditor,
+  MarkdownContainer,
   MarkdownContainer_default as default
 };
-//# sourceMappingURL=MarkdownContainer-BO5MZWA4.mjs.map
+//# sourceMappingURL=MarkdownContainer-VGJPHMVG.mjs.map