@dxos/plugin-markdown 0.9.0 → 0.9.1-staging.ee54ba693a

package/dist/lib/neutral/components/index.mjs

@@ -1,17 +1,12 @@
+import {
+  PreviewComponent
+} from "../chunk-YJF6XOXX.mjs";
 import "../chunk-J5LGTIGS.mjs";
 
-// src/components/index.ts
-import { lazy } from "react";
-
 // src/components/MarkdownEditor/MarkdownEditor.tsx
 import { createContext } from "@radix-ui/react-context";
 import React4, { useCallback as useCallback3, useMemo as useMemo2, useState as useState2 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { Surface } from "@dxos/app-framework/ui";
-import { AppSurface } from "@dxos/app-toolkit/ui";
-import { Obj } from "@dxos/echo";
-import { URI } from "@dxos/keys";
-import { useClient } from "@dxos/react-client";
 import { composable as composable2, composableProps as composableProps2 } from "@dxos/react-ui";
 import { createEditorController, useEditorContext } from "@dxos/react-ui-editor";
 import { isNonNullable } from "@dxos/util";
@@ -21,15 +16,16 @@ import { useEditorMenuOptions, useExtensions } from "#hooks";
 import { RegistryContext } from "@effect-atom/atom-react";
 import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo } from "react";
 import { useCapabilities } from "@dxos/app-framework/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
 import { useThemeContext, useTranslation } from "@dxos/react-ui";
 import { useTextEditor } from "@dxos/react-ui-editor";
-import { mobileSlots, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, documentSlots, formattingListener, processEditorPayload, editorClassNames, scrollbarAutohide } from "@dxos/ui-editor";
+import { createBasicExtensions, createMarkdownExtensions, createThemeExtensions, documentSlots, dropFile, editorClassNames, formattingListener, mobileSlots, processEditorPayload, scrollbarAutohide } from "@dxos/ui-editor";
 import { mx } from "@dxos/ui-theme";
 import { isTruthy } from "@dxos/util";
 import { meta } from "#meta";
 import { MarkdownCapabilities } from "#types";
 var MarkdownEditorContent = /* @__PURE__ */ forwardRef(({ classNames, id, attendableId, role, compact, viewMode, initialValue, editorStateStore, toolbarState, extensions, slots, onFileUpload }, forwardedRef) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { themeMode } = useThemeContext();
   const registry = useContext(RegistryContext);
   const updateToolbarState = useCallback((formatting) => {
@@ -47,7 +43,7 @@ var MarkdownEditorContent = /* @__PURE__ */ forwardRef(({ classNames, id, attend
     id
   ]);
   const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
-    ...role !== "section" && {
+    ...role !== AppSurface.Section.role && {
       id,
       scrollTo,
       selection,
@@ -69,7 +65,7 @@ var MarkdownEditorContent = /* @__PURE__ */ forwardRef(({ classNames, id, attend
       createMarkdownExtensions(),
       scrollbarAutohide(),
       toolbarState && formattingListener(updateToolbarState),
-      role !== "section" && onFileUpload && dropFile({
+      role !== AppSurface.Section.role && onFileUpload && dropFile({
         // TODO(wittjosiah): Factor out to file uploader plugin.
         onDrop: async (view, { files }) => {
           const file = files[0];
@@ -221,22 +217,8 @@ var MarkdownEditorToolbar = composable(({ id, role, getView, customActions, onAc
 
 // src/components/MarkdownEditor/MarkdownEditor.tsx
 var [MarkdownEditorContextProvider, useMarkdownEditorContext] = createContext("MarkdownEditor.Context");
-var MarkdownEditorProvider = ({ children, id, attendableId, object, settings, compact, viewMode, selectionManager, editorStateStore, extensions: extensionsProp, slashCommandGroups, onLinkQuery, onSelectObject, onAction, onFileUpload, onViewModeChange }) => {
-  const [previewBlocks, setPreviewBlocks] = useState2([]);
-  const previewOptions = useMemo2(() => ({
-    db: Obj.isObject(object) ? Obj.getDatabase(object) : void 0,
-    addBlockContainer: (block) => {
-      setPreviewBlocks((prev) => [
-        ...prev,
-        block
-      ]);
-    },
-    removeBlockContainer: ({ link }) => {
-      setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.dxn !== link.dxn));
-    }
-  }), [
-    object
-  ]);
+var MarkdownEditorProvider = ({ children, id, attendableId, object, settings, compact, viewMode, viewState, editorStateStore, extensions: extensionsProp, slashCommandGroups, onLinkQuery, onSelectObject, onAction, onFileUpload, onViewModeChange }) => {
+  const [widgets, setWidgets] = useState2([]);
   const menuOptions = useEditorMenuOptions({
     slashCommandGroups,
     onLinkQuery
@@ -246,9 +228,9 @@ var MarkdownEditorProvider = ({ children, id, attendableId, object, settings, co
     object,
     compact,
     viewMode,
-    selectionManager,
+    viewState,
     editorStateStore,
-    previewOptions,
+    setWidgets,
     settings,
     onSelectObject
   });
@@ -281,7 +263,7 @@ var MarkdownEditorProvider = ({ children, id, attendableId, object, settings, co
     attendableId,
     compact,
     viewMode,
-    previewBlocks,
+    widgets,
     onAction,
     onFileUpload,
     onViewModeChange
@@ -290,7 +272,7 @@ var MarkdownEditorProvider = ({ children, id, attendableId, object, settings, co
     attendableId,
     compact,
     viewMode,
-    previewBlocks,
+    widgets,
     onAction,
     onFileUpload,
     onViewModeChange
@@ -339,40 +321,20 @@ var MarkdownEditorToolbar2 = (props) => {
 MarkdownEditorToolbar2.displayName = MARKDOWN_EDITOR_TOOLBAR_NAME;
 var MARKDOWN_EDITOR_BLOCKS_NAME = "MarkdownEditor.Blocks";
 var MarkdownEditorBlocks = (_props) => {
-  const { previewBlocks } = useMarkdownEditorContext(MARKDOWN_EDITOR_BLOCKS_NAME);
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, previewBlocks.map(({ link, el }) => /* @__PURE__ */ React4.createElement(PreviewBlock, {
-    key: link.dxn,
-    link,
-    el
-  })));
+  const { widgets } = useMarkdownEditorContext(MARKDOWN_EDITOR_BLOCKS_NAME);
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, widgets.map(({ id, root, Component, props }) => /* @__PURE__ */ React4.createElement("div", {
+    key: id
+  }, /* @__PURE__ */ createPortal2(/* @__PURE__ */ React4.createElement(Component, props), root))));
 };
 MarkdownEditorBlocks.displayName = MARKDOWN_EDITOR_BLOCKS_NAME;
-var PreviewBlock = ({ el, link }) => {
-  const client = useClient();
-  const dxn = URI.make(link.dxn);
-  const subject = client.graph.makeRef(dxn).target;
-  const data = useMemo2(() => ({
-    subject
-  }), [
-    subject
-  ]);
-  return /* @__PURE__ */ createPortal2(/* @__PURE__ */ React4.createElement(Surface.Surface, {
-    type: AppSurface.Card,
-    data,
-    limit: 1
-  }), el);
-};
 var MarkdownEditor = {
   Content: MarkdownEditorContent2,
   Toolbar: MarkdownEditorToolbar2,
   Blocks: MarkdownEditorBlocks
 };
-
-// src/components/index.ts
-var MarkdownSettings = lazy(() => import("../MarkdownSettings-YCTZJL5V.mjs"));
 export {
   MarkdownEditor,
   MarkdownEditorProvider,
-  MarkdownSettings
+  PreviewComponent
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/components/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/index.ts", "../../../../src/components/MarkdownEditor/MarkdownEditor.tsx", "../../../../src/components/MarkdownEditor/MarkdownEditorContent.tsx", "../../../../src/components/MarkdownEditor/MarkdownEditorToolbar.tsx", "../../../../src/components/MarkdownEditor/FileUpload.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport * from './MarkdownEditor';\n\nexport const MarkdownSettings: ComponentType<any> = lazy(() => import('./MarkdownSettings'));\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport { type EditorView } from '@codemirror/view';\nimport { type Atom } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { URI } from '@dxos/keys';\nimport { useClient } from '@dxos/react-client';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport {\n  type EditorRootProps,\n  type EditorToolbarState,\n  createEditorController,\n  useEditorContext,\n} from '@dxos/react-ui-editor';\nimport { type PreviewBlock, type PreviewOptions } from '@dxos/ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nimport {\n  type DocumentType,\n  type ExtensionsOptions,\n  type UseEditorMenuOptionsProps,\n  useEditorMenuOptions,\n  useExtensions,\n} from '#hooks';\n\nimport {\n  MarkdownEditorContent as NaturalMarkdownEditorContent,\n  type MarkdownEditorContentProps as NaturalMarkdownEditorContentProps,\n} from './MarkdownEditorContent';\nimport {\n  MarkdownEditorToolbar as NaturalMarkdownToolbar,\n  type MarkdownEditorToolbarProps as NaturalMarkdownToolbarProps,\n} from './MarkdownEditorToolbar';\n\n//\n// Context\n//\n\ntype MarkdownEditorContextValue = {\n  id: string;\n  attendableId?: string;\n  previewBlocks: PreviewBlock[];\n} & Pick<ExtensionsOptions, 'compact' | 'viewMode'> &\n  Pick<NaturalMarkdownToolbarProps, 'onAction' | 'onFileUpload' | 'onViewModeChange'>;\n\nconst [MarkdownEditorContextProvider, useMarkdownEditorContext] =\n  createContext<MarkdownEditorContextValue>('MarkdownEditor.Context');\n\n/**\n * Props to spread onto `Editor.Root` from `MarkdownEditorProvider`'s render callback.\n */\nexport type MarkdownEditorEditorRootProps = Omit<EditorRootProps, 'children'>;\n\n//\n// MarkdownEditorProvider\n//\n\nexport type MarkdownEditorProviderProps = {\n  object?: DocumentType;\n  extensions?: Extension[];\n  children: (editorRootProps: MarkdownEditorEditorRootProps) => ReactNode;\n} & Pick<\n  MarkdownEditorContextValue,\n  'id' | 'attendableId' | 'viewMode' | 'compact' | 'onAction' | 'onFileUpload' | 'onViewModeChange'\n> &\n  Pick<UseEditorMenuOptionsProps, 'slashCommandGroups' | 'onLinkQuery'> &\n  Pick<ExtensionsOptions, 'editorStateStore' | 'selectionManager' | 'settings' | 'onSelectObject'>;\n\nexport const MarkdownEditorProvider = ({\n  children,\n  id,\n  attendableId,\n  object,\n  settings,\n  compact,\n  viewMode,\n  selectionManager,\n  editorStateStore,\n  extensions: extensionsProp,\n  slashCommandGroups,\n  onLinkQuery,\n  onSelectObject,\n  onAction,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProviderProps) => {\n  // Preview blocks.\n  const [previewBlocks, setPreviewBlocks] = useState<PreviewBlock[]>([]);\n  const previewOptions = useMemo<PreviewOptions>(\n    () => ({\n      db: Obj.isObject(object) ? Obj.getDatabase(object) : undefined,\n      addBlockContainer: (block) => {\n        setPreviewBlocks((prev) => [...prev, block]);\n      },\n      removeBlockContainer: ({ link }) => {\n        setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.dxn !== link.dxn));\n      },\n    }),\n    [object],\n  );\n\n  // Context menu options (Editor.Root calls useEditorMenu with these props).\n  const menuOptions = useEditorMenuOptions({ slashCommandGroups, onLinkQuery });\n\n  // Core markdown extensions (popover/menu extension is added by Editor.Root).\n  const coreExtensions = useExtensions({\n    id,\n    object,\n    compact,\n    viewMode,\n    selectionManager,\n    editorStateStore,\n    previewOptions,\n    settings,\n    onSelectObject,\n  });\n\n  const extensions = useMemo(\n    () => [coreExtensions, extensionsProp].filter(isNonNullable).flat(),\n    [coreExtensions, extensionsProp],\n  );\n\n  const editorRootProps = useMemo<MarkdownEditorEditorRootProps>(\n    () => ({\n      extensions,\n      viewMode,\n      getMenu: menuOptions.getMenu,\n      trigger: menuOptions.trigger,\n      placeholder: menuOptions.placeholder,\n      ...(menuOptions.filter !== undefined ? { filter: menuOptions.filter } : {}),\n      ...(menuOptions.triggerKey !== undefined ? { triggerKey: menuOptions.triggerKey } : {}),\n    }),\n    [extensions, viewMode, menuOptions],\n  );\n\n  const markdownContextValue = useMemo<MarkdownEditorContextValue>(\n    () => ({\n      id,\n      attendableId,\n      compact,\n      viewMode,\n      previewBlocks,\n      onAction,\n      onFileUpload,\n      onViewModeChange,\n    }),\n    [id, attendableId, compact, viewMode, previewBlocks, onAction, onFileUpload, onViewModeChange],\n  );\n\n  return (\n    <MarkdownEditorContextProvider {...markdownContextValue}>{children(editorRootProps)}</MarkdownEditorContextProvider>\n  );\n};\n\nMarkdownEditorProvider.displayName = 'MarkdownEditor.Provider';\n\n//\n// MarkdownEditor.Content\n//\n\nconst MARKDOWN_EDITOR_CONTENT_NAME = 'MarkdownEditor.Content';\n\ntype MarkdownEditorContentProps = Omit<NaturalMarkdownEditorContentProps, 'id' | 'extensions' | 'toolbarState'>;\n\nconst MarkdownEditorContent = composable<HTMLDivElement, MarkdownEditorContentProps>(\n  ({ compact: compactProp, ...props }, _forwardedRef) => {\n    const {\n      id,\n      attendableId,\n      compact = compactProp,\n      viewMode,\n      onFileUpload,\n    } = useMarkdownEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);\n    const { extensions, setController, state } = useEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);\n\n    const handleRef = useCallback(\n      (view: EditorView | null) => {\n        setController(createEditorController(view));\n      },\n      [setController],\n    );\n\n    return (\n      <NaturalMarkdownEditorContent\n        {...composableProps(props)}\n        id={id}\n        attendableId={attendableId}\n        compact={compact}\n        viewMode={viewMode}\n        toolbarState={state as Atom.Writable<EditorToolbarState>}\n        extensions={extensions}\n        onFileUpload={onFileUpload}\n        ref={handleRef}\n      />\n    );\n  },\n);\n\nMarkdownEditorContent.displayName = MARKDOWN_EDITOR_CONTENT_NAME;\n\n//\n// MarkdownEditor.Toolbar\n//\n\nconst MARKDOWN_EDITOR_TOOLBAR_NAME = 'MarkdownEditor.Toolbar';\n\ntype MarkdownEditorToolbarProps = ThemedClassName<\n  Omit<NaturalMarkdownToolbarProps, 'getView' | 'onAction' | 'onFileUpload' | 'onViewModeChange' | 'id'>\n>;\n\nconst MarkdownEditorToolbar = (props: MarkdownEditorToolbarProps) => {\n  const { id, attendableId, onAction, onFileUpload, onViewModeChange } =\n    useMarkdownEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);\n\n  const { controller } = useEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);\n\n  // Stable getter identity (changes only when the controller does) so the FileUpload effect, whose\n  // deps include `getView`, does not re-run every render and re-upload the same file.\n  const getView = useCallback(() => controller?.view ?? null, [controller]);\n\n  return (\n    <NaturalMarkdownToolbar\n      {...props}\n      id={attendableId ?? id}\n      getView={getView}\n      onAction={onAction}\n      onFileUpload={onFileUpload}\n      onViewModeChange={onViewModeChange}\n    />\n  );\n};\n\nMarkdownEditorToolbar.displayName = MARKDOWN_EDITOR_TOOLBAR_NAME;\n\n//\n// MarkdownEditor.Blocks (embedded objects)\n//\n\nconst MARKDOWN_EDITOR_BLOCKS_NAME = 'MarkdownEditor.Blocks';\n\ntype MarkdownEditorBlocksProps = {};\n\nconst MarkdownEditorBlocks = (_props: MarkdownEditorBlocksProps) => {\n  const { previewBlocks } = useMarkdownEditorContext(MARKDOWN_EDITOR_BLOCKS_NAME);\n\n  return (\n    <>\n      {previewBlocks.map(({ link, el }) => (\n        <PreviewBlock key={link.dxn} link={link} el={el} />\n      ))}\n    </>\n  );\n};\n\nMarkdownEditorBlocks.displayName = MARKDOWN_EDITOR_BLOCKS_NAME;\n\nconst PreviewBlock = ({ el, link }: PreviewBlock) => {\n  const client = useClient();\n  const dxn = URI.make(link.dxn);\n  const subject = client.graph.makeRef(dxn).target;\n  const data = useMemo(() => ({ subject }), [subject]);\n\n  return createPortal(<Surface.Surface type={AppSurface.Card} data={data} limit={1} />, el);\n};\n\n//\n// MarkdownEditor\n//\n\n/** @private */\nexport const MarkdownEditor = {\n  Content: MarkdownEditorContent,\n  Toolbar: MarkdownEditorToolbar,\n  Blocks: MarkdownEditorBlocks,\n};\n\nexport type { MarkdownEditorContentProps, MarkdownEditorToolbarProps, MarkdownEditorBlocksProps };\n\n/** @deprecated Use `MarkdownEditorProviderProps`. */\nexport type MarkdownEditorRootProps = MarkdownEditorProviderProps;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport { type Atom, RegistryContext } from '@effect-atom/atom-react';\nimport React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo } from 'react';\n\nimport { useCapabilities } from '@dxos/app-framework/ui';\nimport { type ThemedClassName, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  type EditorMenuGroup,\n  type EditorToolbarState,\n  type UseTextEditorProps,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport {\n  type EditorSelectionState,\n  type EditorStateStore,\n  type ThemeExtensionsOptions,\n  mobileSlots,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  documentSlots,\n  formattingListener,\n  processEditorPayload,\n  editorClassNames,\n  scrollbarAutohide,\n} from '@dxos/ui-editor';\nimport { type EditorViewMode } from '@dxos/ui-editor/types';\nimport { mx } from '@dxos/ui-theme';\nimport { isTruthy } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { MarkdownCapabilities } from '#types';\n\nimport { type MarkdownEditorToolbarProps } from './MarkdownEditorToolbar';\n\nexport type MarkdownEditorContentProps = ThemedClassName<{\n  id: string;\n  attendableId?: string;\n  role?: string;\n  compact?: boolean;\n  viewMode?: EditorViewMode;\n  slashCommandGroups?: EditorMenuGroup[];\n  editorStateStore?: EditorStateStore;\n  toolbarState?: Atom.Writable<EditorToolbarState>;\n  onLinkQuery?: (query?: string) => Promise<EditorMenuGroup[]>;\n}> &\n  Pick<UseTextEditorProps, 'initialValue' | 'extensions'> &\n  Pick<MarkdownEditorToolbarProps, 'onFileUpload'> &\n  Pick<ThemeExtensionsOptions, 'slots'>;\n\n// TODO(burdon): Move controller to Root.\nexport const MarkdownEditorContent = forwardRef<EditorView | null, MarkdownEditorContentProps>(\n  (\n    {\n      classNames,\n      id,\n      attendableId,\n      role,\n      compact,\n      viewMode,\n      initialValue,\n      editorStateStore,\n      toolbarState,\n      extensions,\n      slots,\n      onFileUpload,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(meta.id);\n    const { themeMode } = useThemeContext();\n    const registry = useContext(RegistryContext);\n\n    // Callback to update toolbar state atom.\n    const updateToolbarState = useCallback(\n      (formatting: EditorToolbarState) => {\n        if (toolbarState) {\n          registry.set(toolbarState, { ...registry.get(toolbarState), ...formatting });\n        }\n      },\n      [registry, toolbarState],\n    );\n\n    // Restore last selection and scroll point.\n    const { scrollTo, selection } = useMemo<EditorSelectionState>(() => editorStateStore?.getState(id) ?? {}, [id]);\n\n    const {\n      parentRef,\n      view: editorView,\n      focusAttributes,\n    } = useTextEditor(\n      () => ({\n        ...(role !== 'section' && {\n          id,\n          scrollTo,\n          selection,\n          selectionEnd: true,\n        }),\n        initialValue,\n        extensions: [\n          createBasicExtensions({\n            readOnly: viewMode === 'readonly',\n            placeholder: t('editor.placeholder'),\n            scrollPastEnd: !compact,\n            search: true,\n          }),\n          createThemeExtensions({\n            themeMode,\n            slots: slots ?? (compact ? mobileSlots : documentSlots),\n            syntaxHighlighting: true,\n          }),\n          createMarkdownExtensions(),\n          scrollbarAutohide(),\n          toolbarState && formattingListener(updateToolbarState),\n          role !== 'section' &&\n            onFileUpload &&\n            dropFile({\n              // TODO(wittjosiah): Factor out to file uploader plugin.\n              onDrop: async (view, { files }) => {\n                const file = files[0];\n                const info = file && onFileUpload ? await onFileUpload(file) : undefined;\n                if (info) {\n                  processEditorPayload(view, { type: 'image', data: info.url });\n                }\n              },\n            }),\n          extensions,\n        ].filter(isTruthy),\n      }),\n      [id, viewMode, themeMode, extensions, compact],\n    );\n\n    useImperativeHandle<EditorView | null, EditorView | null>(forwardedRef, () => editorView, [editorView]);\n\n    const [editorViewRegistry] = useCapabilities(MarkdownCapabilities.EditorViews);\n    useEffect(() => {\n      if (editorView && editorViewRegistry) {\n        editorViewRegistry.register(attendableId ?? id, editorView, id);\n        return () => editorViewRegistry.unregister(attendableId ?? id);\n      }\n    }, [editorView, editorViewRegistry, attendableId, id]);\n\n    useTest(editorView);\n\n    return (\n      <div\n        {...focusAttributes}\n        className={mx(editorClassNames(role), classNames)}\n        data-testid='composer.markdownRoot'\n        data-popover-collision-boundary={true}\n        ref={parentRef}\n      />\n    );\n  },\n);\n\n// Expose editor view for playwright tests.\n// TODO(wittjosiah): Find a better way to expose this or find a way to limit it to test runs.\nconst useTest = (view: EditorView | null) => {\n  useEffect(() => {\n    const composer = (window as any).composer;\n    if (composer) {\n      composer.editorView = view;\n    }\n  }, [view]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport React, { useCallback, useState } from 'react';\n\nimport { type FileInfo } from '@dxos/app-toolkit';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport { Editor, type EditorToolbarProps } from '@dxos/react-ui-editor';\n\nimport { FileUpload, type FileUploadAction } from './FileUpload';\n\nexport type MarkdownEditorToolbarProps = {\n  id: string;\n  // Provided as a getter (not a value prop) so the live `EditorView` is never carried in a React prop\n  // that React 19.2's dev render-logger would walk into a cross-origin frame. See\n  // `react-ui-editor/.../controller.ts` for the full rationale.\n  getView?: () => EditorView | null;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<EditorToolbarProps, 'role' | 'customActions' | 'onAction' | 'onViewModeChange'>;\n\nexport const MarkdownEditorToolbar = composable<HTMLDivElement, MarkdownEditorToolbarProps>(\n  ({ id, role, getView, customActions, onAction, onFileUpload, onViewModeChange, ...props }, forwardedRef) => {\n    const { className, ...rest } = composableProps(props);\n    const [upload, setUpload] = useState<FileUploadAction | null>(null);\n    const uploadRef = useCallback((next: FileUploadAction) => setUpload(() => next), []);\n\n    if (!getView?.()) {\n      return <div className={className} {...rest} ref={forwardedRef} />;\n    }\n\n    return (\n      <div className='contents' ref={forwardedRef}>\n        <Editor.Toolbar\n          {...rest}\n          classNames={className}\n          attendableId={id}\n          role={role}\n          customActions={customActions}\n          onAction={onAction}\n          onImageUpload={upload ?? undefined}\n          onViewModeChange={onViewModeChange}\n        />\n\n        {onFileUpload && <FileUpload ref={uploadRef} getView={getView} onFileUpload={onFileUpload} />}\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport React, { forwardRef, useEffect, useImperativeHandle } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useDropzone } from 'react-dropzone';\n\nimport { type FileInfo } from '@dxos/app-toolkit';\nimport { addLink } from '@dxos/ui-editor';\n\nexport const IMAGE_FILES = ['.jpg', '.jpeg', '.png', '.gif'];\n\nexport type FileUploadAction = () => void;\n\nexport type FileUploadProps = {\n  // Provided as a getter (not a value prop) so the live `EditorView` is never carried in a React prop\n  // that React 19.2's dev render-logger would walk into a cross-origin frame. See\n  // `react-ui-editor/.../controller.ts` for the full rationale.\n  getView?: () => EditorView | null;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n};\n\n// TODO(burdon): Factor out.\n// TODO(burdon): Move to root? (support drag into document via dropzone).\nexport const FileUpload = forwardRef<FileUploadAction, FileUploadProps>(({ getView, onFileUpload }, forwardedRef) => {\n  // https://react-dropzone.js.org\n  const { acceptedFiles, open, inputRef } = useDropzone({\n    disabled: !onFileUpload,\n    multiple: false,\n    noDrag: true,\n    accept: {\n      'image/*': IMAGE_FILES,\n    },\n  });\n\n  useImperativeHandle(forwardedRef, () => open, []);\n\n  useEffect(() => {\n    if (acceptedFiles.length && onFileUpload) {\n      requestAnimationFrame(async () => {\n        const editorView = getView?.();\n        if (!editorView) {\n          return;\n        }\n        // NOTE: Clone file since react-dropzone patches in a non-standard `path` property, which confuses IPFS.\n        const f = acceptedFiles[0];\n        const file = new File([f], f.name, {\n          type: f.type,\n          lastModified: f.lastModified,\n        });\n\n        // TODO(burdon): Factor out.\n        const info = await onFileUpload(file);\n        if (info) {\n          addLink({ url: info.url, image: true })(editorView);\n        }\n      });\n    }\n  }, [getView, acceptedFiles, onFileUpload]);\n\n  if (!onFileUpload) {\n    return null;\n  }\n\n  return <>{createPortal(<input ref={inputRef} />, document.body)} </>;\n});\n"],
-  "mappings": "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",
-  "names": ["lazy", "createContext", "React", "useCallback", "useMemo", "useState", "createPortal", "Surface", "AppSurface", "Obj", "URI", "useClient", "composable", "composableProps", "createEditorController", "useEditorContext", "isNonNullable", "useEditorMenuOptions", "useExtensions", "RegistryContext", "React", "forwardRef", "useCallback", "useContext", "useEffect", "useImperativeHandle", "useMemo", "useCapabilities", "useThemeContext", "useTranslation", "useTextEditor", "mobileSlots", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "documentSlots", "formattingListener", "processEditorPayload", "editorClassNames", "scrollbarAutohide", "mx", "isTruthy", "meta", "MarkdownCapabilities", "MarkdownEditorContent", "classNames", "id", "attendableId", "role", "compact", "viewMode", "initialValue", "editorStateStore", "toolbarState", "extensions", "slots", "onFileUpload", "forwardedRef", "t", "themeMode", "registry", "updateToolbarState", "formatting", "set", "get", "scrollTo", "selection", "getState", "parentRef", "view", "editorView", "focusAttributes", "selectionEnd", "readOnly", "placeholder", "scrollPastEnd", "search", "syntaxHighlighting", "onDrop", "files", "file", "info", "undefined", "type", "data", "url", "filter", "editorViewRegistry", "EditorViews", "register", "unregister", "useTest", "div", "className", "data-testid", "data-popover-collision-boundary", "ref", "composer", "window", "React", "useCallback", "useState", "composable", "composableProps", "Editor", "React", "forwardRef", "useEffect", "useImperativeHandle", "createPortal", "useDropzone", "addLink", "IMAGE_FILES", "FileUpload", "getView", "onFileUpload", "forwardedRef", "acceptedFiles", "open", "inputRef", "disabled", "multiple", "noDrag", "accept", "length", "requestAnimationFrame", "editorView", "f", "file", "File", "name", "type", "lastModified", "info", "url", "image", "input", "ref", "document", "body", "MarkdownEditorToolbar", "composable", "id", "role", "getView", "customActions", "onAction", "onFileUpload", "onViewModeChange", "props", "forwardedRef", "className", "rest", "composableProps", "upload", "setUpload", "useState", "uploadRef", "useCallback", "next", "React", "div", "ref", "Editor", "Toolbar", "classNames", "attendableId", "onImageUpload", "undefined", "FileUpload", "MarkdownEditorContextProvider", "useMarkdownEditorContext", "createContext", "MarkdownEditorProvider", "children", "id", "attendableId", "object", "settings", "compact", "viewMode", "selectionManager", "editorStateStore", "extensions", "extensionsProp", "slashCommandGroups", "onLinkQuery", "onSelectObject", "onAction", "onFileUpload", "onViewModeChange", "previewBlocks", "setPreviewBlocks", "useState", "previewOptions", "useMemo", "db", "Obj", "isObject", "getDatabase", "undefined", "addBlockContainer", "block", "prev", "removeBlockContainer", "link", "filter", "prevLink", "dxn", "menuOptions", "useEditorMenuOptions", "coreExtensions", "useExtensions", "isNonNullable", "flat", "editorRootProps", "getMenu", "trigger", "placeholder", "triggerKey", "markdownContextValue", "React", "displayName", "MARKDOWN_EDITOR_CONTENT_NAME", "MarkdownEditorContent", "composable", "compactProp", "props", "_forwardedRef", "setController", "state", "useEditorContext", "handleRef", "useCallback", "view", "createEditorController", "NaturalMarkdownEditorContent", "composableProps", "toolbarState", "ref", "MARKDOWN_EDITOR_TOOLBAR_NAME", "MarkdownEditorToolbar", "controller", "getView", "NaturalMarkdownToolbar", "MARKDOWN_EDITOR_BLOCKS_NAME", "MarkdownEditorBlocks", "_props", "map", "el", "PreviewBlock", "key", "client", "useClient", "URI", "make", "subject", "graph", "makeRef", "target", "data", "createPortal", "Surface", "type", "AppSurface", "Card", "limit", "MarkdownEditor", "Content", "Toolbar", "Blocks", "MarkdownSettings", "lazy"]
+  "sources": ["../../../../src/components/MarkdownEditor/MarkdownEditor.tsx", "../../../../src/components/MarkdownEditor/MarkdownEditorContent.tsx", "../../../../src/components/MarkdownEditor/MarkdownEditorToolbar.tsx", "../../../../src/components/MarkdownEditor/FileUpload.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport { type EditorView } from '@codemirror/view';\nimport { type Atom } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport {\n  type EditorRootProps,\n  type EditorToolbarState,\n  createEditorController,\n  useEditorContext,\n} from '@dxos/react-ui-editor';\nimport { type XmlWidgetState } from '@dxos/ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nimport {\n  type DocumentType,\n  type ExtensionsOptions,\n  type UseEditorMenuOptionsProps,\n  useEditorMenuOptions,\n  useExtensions,\n} from '#hooks';\n\nimport {\n  MarkdownEditorContent as NaturalMarkdownEditorContent,\n  type MarkdownEditorContentProps as NaturalMarkdownEditorContentProps,\n} from './MarkdownEditorContent';\nimport {\n  MarkdownEditorToolbar as NaturalMarkdownToolbar,\n  type MarkdownEditorToolbarProps as NaturalMarkdownToolbarProps,\n} from './MarkdownEditorToolbar';\n\n//\n// Context\n//\n\ntype MarkdownEditorContextValue = {\n  id: string;\n  attendableId?: string;\n  widgets: XmlWidgetState[];\n} & Pick<ExtensionsOptions, 'compact' | 'viewMode'> &\n  Pick<NaturalMarkdownToolbarProps, 'onAction' | 'onFileUpload' | 'onViewModeChange'>;\n\nconst [MarkdownEditorContextProvider, useMarkdownEditorContext] =\n  createContext<MarkdownEditorContextValue>('MarkdownEditor.Context');\n\n/**\n * Props to spread onto `Editor.Root` from `MarkdownEditorProvider`'s render callback.\n */\nexport type MarkdownEditorEditorRootProps = Omit<EditorRootProps, 'children'>;\n\n//\n// MarkdownEditorProvider\n//\n\nexport type MarkdownEditorProviderProps = {\n  object?: DocumentType;\n  extensions?: Extension[];\n  children: (editorRootProps: MarkdownEditorEditorRootProps) => ReactNode;\n} & Pick<\n  MarkdownEditorContextValue,\n  'id' | 'attendableId' | 'viewMode' | 'compact' | 'onAction' | 'onFileUpload' | 'onViewModeChange'\n> &\n  Pick<UseEditorMenuOptionsProps, 'slashCommandGroups' | 'onLinkQuery'> &\n  Pick<ExtensionsOptions, 'editorStateStore' | 'viewState' | 'settings' | 'onSelectObject'>;\n\nexport const MarkdownEditorProvider = ({\n  children,\n  id,\n  attendableId,\n  object,\n  settings,\n  compact,\n  viewMode,\n  viewState,\n  editorStateStore,\n  extensions: extensionsProp,\n  slashCommandGroups,\n  onLinkQuery,\n  onSelectObject,\n  onAction,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProviderProps) => {\n  // Widget portals driven by xmlTags.\n  const [widgets, setWidgets] = useState<XmlWidgetState[]>([]);\n\n  // Context menu options (Editor.Root calls useEditorMenu with these props).\n  const menuOptions = useEditorMenuOptions({ slashCommandGroups, onLinkQuery });\n\n  // Core markdown extensions (popover/menu extension is added by Editor.Root).\n  const coreExtensions = useExtensions({\n    id,\n    object,\n    compact,\n    viewMode,\n    viewState,\n    editorStateStore,\n    setWidgets,\n    settings,\n    onSelectObject,\n  });\n\n  const extensions = useMemo(\n    () => [coreExtensions, extensionsProp].filter(isNonNullable).flat(),\n    [coreExtensions, extensionsProp],\n  );\n\n  const editorRootProps = useMemo<MarkdownEditorEditorRootProps>(\n    () => ({\n      extensions,\n      viewMode,\n      getMenu: menuOptions.getMenu,\n      trigger: menuOptions.trigger,\n      placeholder: menuOptions.placeholder,\n      ...(menuOptions.filter !== undefined ? { filter: menuOptions.filter } : {}),\n      ...(menuOptions.triggerKey !== undefined ? { triggerKey: menuOptions.triggerKey } : {}),\n    }),\n    [extensions, viewMode, menuOptions],\n  );\n\n  const markdownContextValue = useMemo<MarkdownEditorContextValue>(\n    () => ({\n      id,\n      attendableId,\n      compact,\n      viewMode,\n      widgets,\n      onAction,\n      onFileUpload,\n      onViewModeChange,\n    }),\n    [id, attendableId, compact, viewMode, widgets, onAction, onFileUpload, onViewModeChange],\n  );\n\n  return (\n    <MarkdownEditorContextProvider {...markdownContextValue}>{children(editorRootProps)}</MarkdownEditorContextProvider>\n  );\n};\n\nMarkdownEditorProvider.displayName = 'MarkdownEditor.Provider';\n\n//\n// MarkdownEditor.Content\n//\n\nconst MARKDOWN_EDITOR_CONTENT_NAME = 'MarkdownEditor.Content';\n\ntype MarkdownEditorContentProps = Omit<NaturalMarkdownEditorContentProps, 'id' | 'extensions' | 'toolbarState'>;\n\nconst MarkdownEditorContent = composable<HTMLDivElement, MarkdownEditorContentProps>(\n  ({ compact: compactProp, ...props }, _forwardedRef) => {\n    const {\n      id,\n      attendableId,\n      compact = compactProp,\n      viewMode,\n      onFileUpload,\n    } = useMarkdownEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);\n    const { extensions, setController, state } = useEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);\n\n    const handleRef = useCallback(\n      (view: EditorView | null) => {\n        setController(createEditorController(view));\n      },\n      [setController],\n    );\n\n    return (\n      <NaturalMarkdownEditorContent\n        {...composableProps(props)}\n        id={id}\n        attendableId={attendableId}\n        compact={compact}\n        viewMode={viewMode}\n        toolbarState={state as Atom.Writable<EditorToolbarState>}\n        extensions={extensions}\n        onFileUpload={onFileUpload}\n        ref={handleRef}\n      />\n    );\n  },\n);\n\nMarkdownEditorContent.displayName = MARKDOWN_EDITOR_CONTENT_NAME;\n\n//\n// MarkdownEditor.Toolbar\n//\n\nconst MARKDOWN_EDITOR_TOOLBAR_NAME = 'MarkdownEditor.Toolbar';\n\ntype MarkdownEditorToolbarProps = ThemedClassName<\n  Omit<NaturalMarkdownToolbarProps, 'getView' | 'onAction' | 'onFileUpload' | 'onViewModeChange' | 'id'>\n>;\n\nconst MarkdownEditorToolbar = (props: MarkdownEditorToolbarProps) => {\n  const { id, attendableId, onAction, onFileUpload, onViewModeChange } =\n    useMarkdownEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);\n\n  const { controller } = useEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);\n\n  // Stable getter identity (changes only when the controller does) so the FileUpload effect, whose\n  // deps include `getView`, does not re-run every render and re-upload the same file.\n  const getView = useCallback(() => controller?.view ?? null, [controller]);\n\n  return (\n    <NaturalMarkdownToolbar\n      {...props}\n      id={attendableId ?? id}\n      getView={getView}\n      onAction={onAction}\n      onFileUpload={onFileUpload}\n      onViewModeChange={onViewModeChange}\n    />\n  );\n};\n\nMarkdownEditorToolbar.displayName = MARKDOWN_EDITOR_TOOLBAR_NAME;\n\n//\n// MarkdownEditor.Blocks (embedded objects)\n//\n\nconst MARKDOWN_EDITOR_BLOCKS_NAME = 'MarkdownEditor.Blocks';\n\ntype MarkdownEditorBlocksProps = {};\n\nconst MarkdownEditorBlocks = (_props: MarkdownEditorBlocksProps) => {\n  const { widgets } = useMarkdownEditorContext(MARKDOWN_EDITOR_BLOCKS_NAME);\n\n  return (\n    <>\n      {widgets.map(({ id, root, Component, props }) => (\n        <div key={id}>{createPortal(<Component {...props} />, root)}</div>\n      ))}\n    </>\n  );\n};\n\nMarkdownEditorBlocks.displayName = MARKDOWN_EDITOR_BLOCKS_NAME;\n\n//\n// MarkdownEditor\n//\n\n/** @private */\nexport const MarkdownEditor = {\n  Content: MarkdownEditorContent,\n  Toolbar: MarkdownEditorToolbar,\n  Blocks: MarkdownEditorBlocks,\n};\n\nexport type { MarkdownEditorBlocksProps, MarkdownEditorContentProps, MarkdownEditorToolbarProps };\n\n/** @deprecated Use `MarkdownEditorProviderProps`. */\nexport type MarkdownEditorRootProps = MarkdownEditorProviderProps;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport { type Atom, RegistryContext } from '@effect-atom/atom-react';\nimport React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo } from 'react';\n\nimport { useCapabilities } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { type ThemedClassName, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  type EditorMenuGroup,\n  type EditorToolbarState,\n  type UseTextEditorProps,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport {\n  type EditorSelectionState,\n  type EditorStateStore,\n  type ThemeExtensionsOptions,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  documentSlots,\n  dropFile,\n  editorClassNames,\n  formattingListener,\n  mobileSlots,\n  processEditorPayload,\n  scrollbarAutohide,\n} from '@dxos/ui-editor';\nimport { type EditorViewMode } from '@dxos/ui-editor/types';\nimport { mx } from '@dxos/ui-theme';\nimport { isTruthy } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { MarkdownCapabilities } from '#types';\n\nimport { type MarkdownEditorToolbarProps } from './MarkdownEditorToolbar';\n\nexport type MarkdownEditorContentProps = ThemedClassName<{\n  id: string;\n  attendableId?: string;\n  role?: string;\n  compact?: boolean;\n  viewMode?: EditorViewMode;\n  slashCommandGroups?: EditorMenuGroup[];\n  editorStateStore?: EditorStateStore;\n  toolbarState?: Atom.Writable<EditorToolbarState>;\n  onLinkQuery?: (query?: string) => Promise<EditorMenuGroup[]>;\n}> &\n  Pick<UseTextEditorProps, 'initialValue' | 'extensions'> &\n  Pick<MarkdownEditorToolbarProps, 'onFileUpload'> &\n  Pick<ThemeExtensionsOptions, 'slots'>;\n\n// TODO(burdon): Move controller to Root.\nexport const MarkdownEditorContent = forwardRef<EditorView | null, MarkdownEditorContentProps>(\n  (\n    {\n      classNames,\n      id,\n      attendableId,\n      role,\n      compact,\n      viewMode,\n      initialValue,\n      editorStateStore,\n      toolbarState,\n      extensions,\n      slots,\n      onFileUpload,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(meta.profile.key);\n    const { themeMode } = useThemeContext();\n    const registry = useContext(RegistryContext);\n\n    // Callback to update toolbar state atom.\n    const updateToolbarState = useCallback(\n      (formatting: EditorToolbarState) => {\n        if (toolbarState) {\n          registry.set(toolbarState, { ...registry.get(toolbarState), ...formatting });\n        }\n      },\n      [registry, toolbarState],\n    );\n\n    // Restore last selection and scroll point.\n    const { scrollTo, selection } = useMemo<EditorSelectionState>(() => editorStateStore?.getState(id) ?? {}, [id]);\n\n    const {\n      parentRef,\n      view: editorView,\n      focusAttributes,\n    } = useTextEditor(\n      () => ({\n        ...(role !== AppSurface.Section.role && {\n          id,\n          scrollTo,\n          selection,\n          selectionEnd: true,\n        }),\n        initialValue,\n        extensions: [\n          createBasicExtensions({\n            readOnly: viewMode === 'readonly',\n            placeholder: t('editor.placeholder'),\n            scrollPastEnd: !compact,\n            search: true,\n          }),\n          createThemeExtensions({\n            themeMode,\n            slots: slots ?? (compact ? mobileSlots : documentSlots),\n            syntaxHighlighting: true,\n          }),\n          createMarkdownExtensions(),\n          scrollbarAutohide(),\n          toolbarState && formattingListener(updateToolbarState),\n          role !== AppSurface.Section.role &&\n            onFileUpload &&\n            dropFile({\n              // TODO(wittjosiah): Factor out to file uploader plugin.\n              onDrop: async (view, { files }) => {\n                const file = files[0];\n                const info = file && onFileUpload ? await onFileUpload(file) : undefined;\n                if (info) {\n                  processEditorPayload(view, { type: 'image', data: info.url });\n                }\n              },\n            }),\n          extensions,\n        ].filter(isTruthy),\n      }),\n      [id, viewMode, themeMode, extensions, compact],\n    );\n\n    useImperativeHandle<EditorView | null, EditorView | null>(forwardedRef, () => editorView, [editorView]);\n\n    const [editorViewRegistry] = useCapabilities(MarkdownCapabilities.EditorViews);\n    useEffect(() => {\n      if (editorView && editorViewRegistry) {\n        editorViewRegistry.register(attendableId ?? id, editorView, id);\n        return () => editorViewRegistry.unregister(attendableId ?? id);\n      }\n    }, [editorView, editorViewRegistry, attendableId, id]);\n\n    useTest(editorView);\n\n    return (\n      <div\n        {...focusAttributes}\n        className={mx(editorClassNames(role), classNames)}\n        data-testid='composer.markdownRoot'\n        data-popover-collision-boundary={true}\n        ref={parentRef}\n      />\n    );\n  },\n);\n\n// Expose editor view for playwright tests.\n// TODO(wittjosiah): Find a better way to expose this or find a way to limit it to test runs.\nconst useTest = (view: EditorView | null) => {\n  useEffect(() => {\n    const composer = (window as any).composer;\n    if (composer) {\n      composer.editorView = view;\n    }\n  }, [view]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport React, { useCallback, useState } from 'react';\n\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport { Editor, type EditorToolbarProps } from '@dxos/react-ui-editor';\n\nimport { FileUpload, type FileUploadAction } from './FileUpload';\n\nexport type MarkdownEditorToolbarProps = {\n  id: string;\n  // Provided as a getter (not a value prop) so the live `EditorView` is never carried in a React prop\n  // that React 19.2's dev render-logger would walk into a cross-origin frame. See\n  // `react-ui-editor/.../controller.ts` for the full rationale.\n  getView?: () => EditorView | null;\n  onFileUpload?: (file: File) => Promise<AppCapabilities.FileInfo | undefined>;\n} & Pick<EditorToolbarProps, 'role' | 'customActions' | 'onAction' | 'onViewModeChange'>;\n\nexport const MarkdownEditorToolbar = composable<HTMLDivElement, MarkdownEditorToolbarProps>(\n  ({ id, role, getView, customActions, onAction, onFileUpload, onViewModeChange, ...props }, forwardedRef) => {\n    const { className, ...rest } = composableProps(props);\n    const [upload, setUpload] = useState<FileUploadAction | null>(null);\n    const uploadRef = useCallback((next: FileUploadAction) => setUpload(() => next), []);\n\n    if (!getView?.()) {\n      return <div className={className} {...rest} ref={forwardedRef} />;\n    }\n\n    return (\n      <div className='contents' ref={forwardedRef}>\n        <Editor.Toolbar\n          {...rest}\n          classNames={className}\n          attendableId={id}\n          role={role}\n          customActions={customActions}\n          onAction={onAction}\n          onImageUpload={upload ?? undefined}\n          onViewModeChange={onViewModeChange}\n        />\n\n        {onFileUpload && <FileUpload ref={uploadRef} getView={getView} onFileUpload={onFileUpload} />}\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport React, { forwardRef, useEffect, useImperativeHandle } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useDropzone } from 'react-dropzone';\n\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { addLink } from '@dxos/ui-editor';\n\nexport const IMAGE_FILES = ['.jpg', '.jpeg', '.png', '.gif'];\n\nexport type FileUploadAction = () => void;\n\nexport type FileUploadProps = {\n  // Provided as a getter (not a value prop) so the live `EditorView` is never carried in a React prop\n  // that React 19.2's dev render-logger would walk into a cross-origin frame. See\n  // `react-ui-editor/.../controller.ts` for the full rationale.\n  getView?: () => EditorView | null;\n  onFileUpload?: (file: File) => Promise<AppCapabilities.FileInfo | undefined>;\n};\n\n// TODO(burdon): Factor out.\n// TODO(burdon): Move to root? (support drag into document via dropzone).\nexport const FileUpload = forwardRef<FileUploadAction, FileUploadProps>(({ getView, onFileUpload }, forwardedRef) => {\n  // https://react-dropzone.js.org\n  const { acceptedFiles, open, inputRef } = useDropzone({\n    disabled: !onFileUpload,\n    multiple: false,\n    noDrag: true,\n    accept: {\n      'image/*': IMAGE_FILES,\n    },\n  });\n\n  useImperativeHandle(forwardedRef, () => open, []);\n\n  useEffect(() => {\n    if (acceptedFiles.length && onFileUpload) {\n      requestAnimationFrame(async () => {\n        const editorView = getView?.();\n        if (!editorView) {\n          return;\n        }\n        // NOTE: Clone file since react-dropzone patches in a non-standard `path` property, which confuses IPFS.\n        const f = acceptedFiles[0];\n        const file = new File([f], f.name, {\n          type: f.type,\n          lastModified: f.lastModified,\n        });\n\n        // TODO(burdon): Factor out.\n        const info = await onFileUpload(file);\n        if (info) {\n          addLink({ url: info.url, image: true })(editorView);\n        }\n      });\n    }\n  }, [getView, acceptedFiles, onFileUpload]);\n\n  if (!onFileUpload) {\n    return null;\n  }\n\n  return <>{createPortal(<input ref={inputRef} />, document.body)} </>;\n});\n"],
+  "mappings": "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",
+  "names": ["createContext", "React", "useCallback", "useMemo", "useState", "createPortal", "composable", "composableProps", "createEditorController", "useEditorContext", "isNonNullable", "useEditorMenuOptions", "useExtensions", "RegistryContext", "React", "forwardRef", "useCallback", "useContext", "useEffect", "useImperativeHandle", "useMemo", "useCapabilities", "AppSurface", "useThemeContext", "useTranslation", "useTextEditor", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "documentSlots", "dropFile", "editorClassNames", "formattingListener", "mobileSlots", "processEditorPayload", "scrollbarAutohide", "mx", "isTruthy", "meta", "MarkdownCapabilities", "MarkdownEditorContent", "classNames", "id", "attendableId", "role", "compact", "viewMode", "initialValue", "editorStateStore", "toolbarState", "extensions", "slots", "onFileUpload", "forwardedRef", "t", "profile", "key", "themeMode", "registry", "updateToolbarState", "formatting", "set", "get", "scrollTo", "selection", "getState", "parentRef", "view", "editorView", "focusAttributes", "Section", "selectionEnd", "readOnly", "placeholder", "scrollPastEnd", "search", "syntaxHighlighting", "onDrop", "files", "file", "info", "undefined", "type", "data", "url", "filter", "editorViewRegistry", "EditorViews", "register", "unregister", "useTest", "div", "className", "data-testid", "data-popover-collision-boundary", "ref", "composer", "window", "React", "useCallback", "useState", "composable", "composableProps", "Editor", "React", "forwardRef", "useEffect", "useImperativeHandle", "createPortal", "useDropzone", "addLink", "IMAGE_FILES", "FileUpload", "getView", "onFileUpload", "forwardedRef", "acceptedFiles", "open", "inputRef", "disabled", "multiple", "noDrag", "accept", "length", "requestAnimationFrame", "editorView", "f", "file", "File", "name", "type", "lastModified", "info", "url", "image", "input", "ref", "document", "body", "MarkdownEditorToolbar", "composable", "id", "role", "getView", "customActions", "onAction", "onFileUpload", "onViewModeChange", "props", "forwardedRef", "className", "rest", "composableProps", "upload", "setUpload", "useState", "uploadRef", "useCallback", "next", "React", "div", "ref", "Editor", "Toolbar", "classNames", "attendableId", "onImageUpload", "undefined", "FileUpload", "MarkdownEditorContextProvider", "useMarkdownEditorContext", "createContext", "MarkdownEditorProvider", "children", "id", "attendableId", "object", "settings", "compact", "viewMode", "viewState", "editorStateStore", "extensions", "extensionsProp", "slashCommandGroups", "onLinkQuery", "onSelectObject", "onAction", "onFileUpload", "onViewModeChange", "widgets", "setWidgets", "useState", "menuOptions", "useEditorMenuOptions", "coreExtensions", "useExtensions", "useMemo", "filter", "isNonNullable", "flat", "editorRootProps", "getMenu", "trigger", "placeholder", "undefined", "triggerKey", "markdownContextValue", "React", "displayName", "MARKDOWN_EDITOR_CONTENT_NAME", "MarkdownEditorContent", "composable", "compactProp", "props", "_forwardedRef", "setController", "state", "useEditorContext", "handleRef", "useCallback", "view", "createEditorController", "NaturalMarkdownEditorContent", "composableProps", "toolbarState", "ref", "MARKDOWN_EDITOR_TOOLBAR_NAME", "MarkdownEditorToolbar", "controller", "getView", "NaturalMarkdownToolbar", "MARKDOWN_EDITOR_BLOCKS_NAME", "MarkdownEditorBlocks", "_props", "map", "root", "Component", "div", "key", "createPortal", "MarkdownEditor", "Content", "Toolbar", "Blocks"]
 }

package/dist/lib/neutral/containers/index.mjs

@@ -2,12 +2,14 @@ import "../chunk-J5LGTIGS.mjs";
 
 // src/containers/index.ts
 import { lazy } from "react";
-var MarkdownCard = lazy(() => import("../MarkdownCard-TBLIRDBO.mjs"));
+var MarkdownCard = lazy(() => import("../MarkdownCard-2HUXCGZP.mjs"));
 var EditableMarkdownCard = lazy(() => import("../EditableMarkdownCard-AW7MD35U.mjs"));
-var MarkdownArticle = lazy(() => import("../MarkdownArticle-LWT5RFFJ.mjs"));
+var MarkdownArticle = lazy(() => import("../MarkdownArticle-ZHBXH7YF.mjs"));
+var MarkdownSettings = lazy(() => import("../MarkdownSettings-5VMOYMND.mjs"));
 export {
   EditableMarkdownCard,
   MarkdownArticle,
-  MarkdownCard
+  MarkdownCard,
+  MarkdownSettings
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/containers/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/containers/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport type { MarkdownArticleProps } from './MarkdownArticle';\n\nexport const MarkdownCard: ComponentType<any> = lazy(() => import('./MarkdownCard'));\nexport const EditableMarkdownCard: ComponentType<any> = lazy(() => import('./EditableMarkdownCard'));\nexport const MarkdownArticle: ComponentType<any> = lazy(() => import('./MarkdownArticle'));\n"],
-  "mappings": ";;;AAIA,SAA6BA,YAAY;AAIlC,IAAMC,eAAmCD,KAAK,MAAM,OAAO,8BAAA,CAAA;AAC3D,IAAME,uBAA2CF,KAAK,MAAM,OAAO,sCAAA,CAAA;AACnE,IAAMG,kBAAsCH,KAAK,MAAM,OAAO,iCAAA,CAAA;",
-  "names": ["lazy", "MarkdownCard", "EditableMarkdownCard", "MarkdownArticle"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport type { MarkdownArticleProps } from './MarkdownArticle';\n\nexport const MarkdownCard: ComponentType<any> = lazy(() => import('./MarkdownCard'));\nexport const EditableMarkdownCard: ComponentType<any> = lazy(() => import('./EditableMarkdownCard'));\nexport const MarkdownArticle: ComponentType<any> = lazy(() => import('./MarkdownArticle'));\nexport const MarkdownSettings: ComponentType<any> = lazy(() => import('./MarkdownSettings'));\n"],
+  "mappings": ";;;AAIA,SAA6BA,YAAY;AAIlC,IAAMC,eAAmCD,KAAK,MAAM,OAAO,8BAAA,CAAA;AAC3D,IAAME,uBAA2CF,KAAK,MAAM,OAAO,sCAAA,CAAA;AACnE,IAAMG,kBAAsCH,KAAK,MAAM,OAAO,iCAAA,CAAA;AAC9D,IAAMI,mBAAuCJ,KAAK,MAAM,OAAO,kCAAA,CAAA;",
+  "names": ["lazy", "MarkdownCard", "EditableMarkdownCard", "MarkdownArticle", "MarkdownSettings"]
 }

package/dist/lib/neutral/{create-JK35XC4R.mjs → create-OQUMKL5I.mjs}

@@ -1,7 +1,7 @@
 import {
   MarkdownOperation_exports,
   Markdown_exports
-} from "./chunk-Y2LQRUU7.mjs";
+} from "./chunk-ZJ3GWRUJ.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/operations/create.ts
@@ -26,4 +26,4 @@ var create_default = handler;
 export {
   create_default as default
 };
-//# sourceMappingURL=create-JK35XC4R.mjs.map
+//# sourceMappingURL=create-OQUMKL5I.mjs.map

package/dist/lib/neutral/{create-markdown-7MLE625M.mjs → create-markdown-4O5FDA77.mjs}

@@ -1,7 +1,7 @@
 import {
   MarkdownOperation_exports,
   Markdown_exports
-} from "./chunk-Y2LQRUU7.mjs";
+} from "./chunk-ZJ3GWRUJ.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/operations/create-markdown.ts
@@ -17,4 +17,4 @@ var create_markdown_default = handler;
 export {
   create_markdown_default as default
 };
-//# sourceMappingURL=create-markdown-7MLE625M.mjs.map
+//# sourceMappingURL=create-markdown-4O5FDA77.mjs.map

package/dist/lib/neutral/{create-object-MU2LGXG6.mjs → create-object-RSEWTCMM.mjs}

@@ -1,6 +1,3 @@
-import {
-  getDocumentsPath
-} from "./chunk-67DKWOKF.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/capabilities/create-object.ts
@@ -19,8 +16,7 @@ var create_object_default = Capability.makeModule(Effect.fnUntraced(function* ()
       return yield* Operation.invoke(SpaceOperation.AddObject, {
         object,
         target: options.target,
-        hidden: true,
-        targetNodeId: options.targetNodeId ?? getDocumentsPath(options.db.spaceId)
+        targetNodeId: options.targetNodeId
       });
     })
   });
@@ -28,4 +24,4 @@ var create_object_default = Capability.makeModule(Effect.fnUntraced(function* ()
 export {
   create_object_default as default
 };
-//# sourceMappingURL=create-object-MU2LGXG6.mjs.map
+//# sourceMappingURL=create-object-RSEWTCMM.mjs.map

package/dist/lib/neutral/create-object-RSEWTCMM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/create-object.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { Operation } from '@dxos/compute';\nimport { Type } from '@dxos/echo';\nimport { SpaceOperation } from '@dxos/plugin-space';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\n\nimport { Markdown } from '#types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    return Capability.contributes(SpaceCapabilities.CreateObjectEntry, {\n      id: Type.getTypename(Markdown.Document),\n      createObject: (props, options) =>\n        Effect.gen(function* () {\n          const object = Markdown.make(props);\n          return yield* Operation.invoke(SpaceOperation.AddObject, {\n            object,\n            target: options.target,\n            targetNodeId: options.targetNodeId,\n          });\n        }),\n    });\n  }),\n);\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,yBAAyB;AAElC,SAASC,gBAAgB;AAEzB,IAAA,wBAAeL,WAAWM,WACjBC,kBAAW,aAAA;AAChB,SAAOP,WAAWQ,YAAYJ,kBAAkBK,mBAAmB;IACjEC,IAAIR,KAAKS,YAAYN,SAASO,QAAQ;IACtCC,cAAc,CAACC,OAAOC,YACbC,WAAI,aAAA;AACT,YAAMC,SAASZ,SAASa,KAAKJ,KAAAA;AAC7B,aAAO,OAAOb,UAAUkB,OAAOhB,eAAeiB,WAAW;QACvDH;QACAI,QAAQN,QAAQM;QAChBC,cAAcP,QAAQO;MACxB,CAAA;IACF,CAAA;EACJ,CAAA;AACF,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "Operation", "Type", "SpaceOperation", "SpaceCapabilities", "Markdown", "makeModule", "fnUntraced", "contributes", "CreateObjectEntry", "id", "getTypename", "Document", "createObject", "props", "options", "gen", "object", "make", "invoke", "AddObject", "target", "targetNodeId"]
+}

package/dist/lib/neutral/hooks/index.mjs

@@ -3,7 +3,10 @@ import {
 } from "../chunk-KDN4GKG2.mjs";
 import {
   Markdown_exports
-} from "../chunk-Y2LQRUU7.mjs";
+} from "../chunk-ZJ3GWRUJ.mjs";
+import {
+  PreviewComponent
+} from "../chunk-YJF6XOXX.mjs";
 import "../chunk-J5LGTIGS.mjs";
 
 // src/hooks/useEditorMenuOptions.ts
@@ -13,7 +16,7 @@ import { filterMenuGroups, formattingCommands, linkSlashCommands } from "@dxos/r
 import { Domino } from "@dxos/ui";
 import { meta } from "#meta";
 var useEditorMenuOptions = ({ editorView, slashCommandGroups, onLinkQuery }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const getMenu = useCallback(({ text, trigger }) => {
     switch (trigger) {
       case "@": {
@@ -22,8 +25,8 @@ var useEditorMenuOptions = ({ editorView, slashCommandGroups, onLinkQuery }) =>
       case "/":
       default: {
         return filterMenuGroups([
-          formattingCommands,
           linkSlashCommands,
+          formattingCommands,
           ...slashCommandGroups ?? []
         ], (item) => text ? toLocalizedString(item.label, t).toLowerCase().includes(text.toLowerCase()) : true);
       }
@@ -63,21 +66,22 @@ var useEditorMenuOptions = ({ editorView, slashCommandGroups, onLinkQuery }) =>
 
 // src/hooks/useExtensions.tsx
 import { useMemo as useMemo2 } from "react";
-import { fromUrlPath } from "@dxos/app-toolkit";
+import { Paths } from "@dxos/app-toolkit";
 import { debounceAndThrottle } from "@dxos/async";
 import { Obj } from "@dxos/echo";
-import { createDocAccessor } from "@dxos/echo-client";
+import { Doc } from "@dxos/echo-doc";
 import { invariant } from "@dxos/invariant";
 import { getSpace, useObject } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
 import { useThemeContext } from "@dxos/react-ui";
+import { selectionAspect } from "@dxos/react-ui-attention";
 import { Text } from "@dxos/schema";
 import { Domino as Domino2 } from "@dxos/ui";
-import { Cursor, EditorView, InputModeExtensions, createDataExtensions, decorateMarkdown, documentId, folding, formattingKeymap, linkTooltip, listener, preview, replacer, selectionState, snippets } from "@dxos/ui-editor";
+import { AnchorWidget, Cursor, EditorView, InputModeExtensions, createDataExtensions, decorateMarkdown, documentId, folding, formattingKeymap, linkTooltip, listener, replacer, selectionState, snippets, xmlTags } from "@dxos/ui-editor";
 import { isTruthy, safeUrl } from "@dxos/util";
 import { Markdown } from "#types";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useExtensions.tsx";
-var useExtensions = ({ id, object, settings, compact, viewMode, selectionManager, editorStateStore, previewOptions, onSelectObject }) => {
+var useExtensions = ({ id, object, settings, compact, viewMode, viewState, editorStateStore, setWidgets, onSelectObject }) => {
   const { platform } = useThemeContext();
   const identity = useIdentity();
   const space = getSpace(object);
@@ -90,8 +94,8 @@ var useExtensions = ({ id, object, settings, compact, viewMode, selectionManager
     settings,
     compact,
     viewMode,
-    selectionManager,
-    previewOptions,
+    viewState,
+    setWidgets,
     platform,
     onSelectObject
   }), [
@@ -99,8 +103,8 @@ var useExtensions = ({ id, object, settings, compact, viewMode, selectionManager
     object,
     compact,
     viewMode,
-    selectionManager,
-    previewOptions,
+    viewState,
+    setWidgets,
     settings,
     settings?.debug,
     settings?.editorInputMode,
@@ -114,7 +118,7 @@ var useExtensions = ({ id, object, settings, compact, viewMode, selectionManager
     // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
     target && createDataExtensions({
       id,
-      text: createDocAccessor(target, [
+      text: Doc.createAccessor(target, [
         "content"
       ]),
       messenger: space,
@@ -137,9 +141,9 @@ var useExtensions = ({ id, object, settings, compact, viewMode, selectionManager
     baseExtensions
   ]);
 };
-var createBaseExtensions = ({ id, object, onSelectObject, settings, compact, viewMode, selectionManager, previewOptions, platform }) => {
+var createBaseExtensions = ({ id, object, onSelectObject, settings, compact, viewMode, viewState, setWidgets, platform }) => {
   const extensions = [
-    selectionManager && selectionChange(selectionManager),
+    viewState && selectionChange(viewState),
     settings?.editorInputMode && InputModeExtensions[settings.editorInputMode],
     settings?.folding && !compact && platform !== "mobile" && folding()
   ].filter(isTruthy);
@@ -152,10 +156,32 @@ var createBaseExtensions = ({ id, object, onSelectObject, settings, compact, vie
           from: 2
         } : void 0,
         // TODO(wittjosiah): For internal links render the label of the object.
-        renderLinkButton: onSelectObject && createRenderLink(onSelectObject)
+        renderLinkButton: onSelectObject && createRenderLink(onSelectObject),
+        // xmlTags() handles dxn:/echo: links via url-scheme widgets; skip here to avoid double-processing.
+        skip: ({ url }) => url.startsWith("dxn:") || url.startsWith("echo:")
       }),
       linkTooltip(renderLinkTooltip),
-      preview(previewOptions),
+      xmlTags({
+        registry: {
+          "dxn-preview": {
+            block: true,
+            urlSchemes: [
+              "dxn:",
+              "echo:"
+            ],
+            Component: PreviewComponent
+          },
+          "link-preview": {
+            block: false,
+            urlSchemes: [
+              "dxn:",
+              "echo:"
+            ],
+            factory: ({ label, dxn }) => label && dxn ? new AnchorWidget(label, dxn) : null
+          }
+        },
+        setWidgets
+      }),
       replacer()
     ]);
   }
@@ -169,7 +195,7 @@ var createBaseExtensions = ({ id, object, onSelectObject, settings, compact, vie
   }
   return extensions;
 };
-var selectionChange = (selectionManager) => {
+var selectionChange = (viewState) => {
   const debouncedHandler = debounceAndThrottle((update) => {
     const id = update.state.facet(documentId);
     const cursorConverter = update.state.facet(Cursor.converter);
@@ -178,7 +204,10 @@ var selectionChange = (selectionManager) => {
       from: cursorConverter.toCursor(range.from),
       to: cursorConverter.toCursor(range.to)
     }));
-    selectionManager.updateMultiRange(id, ranges);
+    viewState.set(selectionAspect, id, {
+      mode: "multi-range",
+      ranges
+    });
   }, 100);
   return EditorView.updateListener.of((update) => {
     if (update.selectionSet) {
@@ -188,10 +217,10 @@ var selectionChange = (selectionManager) => {
 };
 var createRenderLink = (onSelectObject) => (el, { url }) => {
   const isInternal = url.startsWith("/") || url.startsWith(window.location.origin);
-  const qualifiedId = isInternal ? fromUrlPath(new URL(url, window.location.origin).pathname) : void 0;
+  const qualifiedId = isInternal ? Paths.fromUrlPath(new URL(url, window.location.origin).pathname) : void 0;
   const icon = Domino2.of("span").classNames("dx-link ms-1 inline-block align-[-0.125em]").append(Domino2.svg(isInternal ? "ph--arrow-square-down--regular" : "ph--arrow-square-out--regular"));
   if (isInternal) {
-    invariant(qualifiedId, "Invalid link format.", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 153, S: void 0, A: ["qualifiedId", "'Invalid link format.'"] });
+    invariant(qualifiedId, "Invalid link format.", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 180, S: void 0, A: ["qualifiedId", "'Invalid link format.'"] });
     icon.attributes({
       role: "button",
       tabindex: "0"
@@ -227,7 +256,7 @@ import { HiddenAnnotation, getTypeAnnotation } from "@dxos/echo/Annotation";
 import { Kind as EntityKind } from "@dxos/echo/Entity";
 import { toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { insertAtCursor, insertAtLineStart } from "@dxos/ui-editor";
-var useLinkQuery = (db) => {
+var useLinkQuery = (db, current) => {
   const { t } = useTranslation2();
   const filter = useMemo3(() => Filter.or(...(db ? db.graph.registry.list().filter(Type.isType) : []).filter((schema) => getTypeAnnotation(Type.getSchema(schema))?.kind !== EntityKind.Relation).filter((schema) => !HiddenAnnotation.get(Type.getSchema(schema)).pipe(Option.getOrElse(() => false))).map((schema) => Filter.type(Type.getURI(schema)))), [
     db
@@ -245,7 +274,7 @@ var useLinkQuery = (db) => {
         }
       ];
     };
-    const items = results?.filter((object) => toLocalizedString2(getLabel(object), t).toLowerCase().includes(name)).map((object) => {
+    const items = results?.filter((object) => object.id !== current?.id).filter((object) => toLocalizedString2(getLabel(object), t).toLowerCase().includes(name)).map((object) => {
       const type = Obj2.getType(object);
       const icon = type ? Option.getOrUndefined(Annotation.IconAnnotation.get(Type.getSchema(type)))?.icon : void 0;
       const label = toLocalizedString2(getLabel(object), t);
@@ -305,7 +334,8 @@ var useLinkQuery = (db) => {
   }, [
     db,
     filter,
-    t
+    t,
+    current
   ]);
   return handleLinkQuery;
 };