@dxos/plugin-markdown 0.8.2-main.f11618f → 0.8.2-staging.42af850

package/src/capabilities/index.ts

@@ -4,12 +4,12 @@
 
 import { lazy } from '@dxos/app-framework';
 
+export const AnchorSort = lazy(() => import('./anchor-sort'));
 export const AppGraphSerializer = lazy(() => import('./app-graph-serializer'));
 export const ArtifactDefinition = lazy(() => import('./artifact-definition'));
 export const IntentResolver = lazy(() => import('./intent-resolver'));
 export const ReactSurface = lazy(() => import('./react-surface'));
 export const MarkdownSettings = lazy(() => import('./settings'));
 export const MarkdownState = lazy(() => import('./state'));
-export const Thread = lazy(() => import('./thread'));
 
 export * from './capabilities';

package/src/capabilities/intent-resolver.ts

@@ -2,36 +2,32 @@
 // Copyright 2025 DXOS.org
 //
 
+import { next as A } from '@automerge/automerge';
+import { Option, pipe, type Schema } from 'effect';
+
 import {
   Capabilities,
   CollaborationActions,
   contributes,
   createResolver,
-  type PluginsContext,
+  type PluginContext,
 } from '@dxos/app-framework';
-import { next as A } from '@dxos/automerge/automerge';
-import { isInstanceOf, ObjectId } from '@dxos/echo-schema';
-import { DXN, QueueSubspaceTags } from '@dxos/keys';
-import { makeRef, live, refFromDXN } from '@dxos/live-object';
-import { log } from '@dxos/log';
-import { ClientCapabilities } from '@dxos/plugin-client';
-import { resolveRef } from '@dxos/react-client';
-import { createDocAccessor } from '@dxos/react-client/echo';
-import { TextType } from '@dxos/schema';
+import { isInstanceOf } from '@dxos/echo-schema';
+import { live } from '@dxos/live-object';
+import { createDocAccessor, getRangeFromCursor, Ref } from '@dxos/react-client/echo';
+import { DataType } from '@dxos/schema';
 
 import { MarkdownCapabilities } from './capabilities';
 import { DocumentType, MarkdownAction } from '../types';
 
-export default (context: PluginsContext) =>
+export default (context: PluginContext) =>
   contributes(Capabilities.IntentResolver, [
     createResolver({
       intent: MarkdownAction.Create,
-      resolve: ({ name, spaceId, content }) => {
+      resolve: ({ name, content }) => {
         const doc = live(DocumentType, {
           name,
-          content: makeRef(live(TextType, { content: content ?? '' })),
-          assistantChatQueue: refFromDXN(new DXN(DXN.kind.QUEUE, [QueueSubspaceTags.DATA, spaceId, ObjectId.random()])),
-          threads: [],
+          content: Ref.make(live(DataType.Text, { content: content ?? '' })),
         });
 
         return { data: { object: doc } };
@@ -40,30 +36,29 @@ export default (context: PluginsContext) =>
     createResolver({
       intent: MarkdownAction.SetViewMode,
       resolve: ({ id, viewMode }) => {
-        const { state } = context.requestCapability(MarkdownCapabilities.State);
+        const { state } = context.getCapability(MarkdownCapabilities.State);
         state.viewMode[id] = viewMode;
       },
     }),
-    // TODO(burdon): What is the error boundary for intents? Are errors reported back to caller?
     createResolver({
       intent: CollaborationActions.InsertContent,
-      resolve: async ({ spaceId, target: targetRef, object: objectRef, label }) => {
-        const client = context.requestCapability(ClientCapabilities.Client);
-        const space = client.spaces.get(spaceId);
-        const target = await resolveRef(client, targetRef.dxn, space);
-        if (target && isInstanceOf(DocumentType, target)) {
-          const accessor = createDocAccessor(target, ['content']);
-          // TODO(burdon): Should be a cursor that references a selected position.
-          const index = 0;
-          accessor.handle.change((doc) => {
-            // TODO(burdon): Throws error:
-            // intent-dispatcher.ts:270 Cannot read properties of undefined (reading 'annotations') (FiberFailure) TypeError: Cannot read properties of undefined (reading 'annotations')
-            const ref = `[${label ?? 'Generated content'}]](${objectRef.dxn.toString()})\n`;
-            A.splice(doc, accessor.path.slice(), index, 0, ref);
-          });
-        } else {
-          log.warn('target is not a document', { targetRef, objectRef });
-        }
+      filter: (
+        data,
+      ): data is Omit<Schema.Schema.Type<typeof CollaborationActions.InsertContent.fields.input>, 'target'> & {
+        target: DocumentType;
+      } => isInstanceOf(DocumentType, data.target),
+      resolve: async ({ target, object: objectRef, at, label }) => {
+        const text = await target.content.load();
+        const accessor = createDocAccessor(text, ['content']);
+        const { start, end } = pipe(
+          Option.fromNullable(at),
+          Option.flatMap((at) => Option.fromNullable(getRangeFromCursor(accessor, at))),
+          Option.getOrElse(() => ({ start: text.content.length - 1, end: text.content.length - 1 })),
+        );
+        accessor.handle.change((doc) => {
+          const ref = `[${label ?? 'Generated content'}]](${objectRef.dxn.toString()})\n`;
+          A.splice(doc, accessor.path.slice(), start, end - start, ref);
+        });
       },
     }),
   ]);

package/src/capabilities/react-surface.tsx

@@ -7,8 +7,9 @@ import React from 'react';
 import { createSurface, contributes, Capabilities, useCapability } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
 import { SettingsStore } from '@dxos/local-storage';
+import { AttentionCapabilities } from '@dxos/plugin-attention';
 import { fullyQualifiedId } from '@dxos/react-client/echo';
-import { TextType } from '@dxos/schema';
+import { DataType } from '@dxos/schema';
 
 import { MarkdownCapabilities } from './capabilities';
 import { MarkdownContainer, MarkdownSettings, MarkdownPreview } from '../components';
@@ -23,9 +24,11 @@ export default () =>
       filter: (data): data is { subject: DocumentType; variant: undefined } =>
         isInstanceOf(DocumentType, data.subject) && !data.variant,
       component: ({ data, role }) => {
+        const selectionManager = useCapability(AttentionCapabilities.Selection);
         const settingsStore = useCapability(Capabilities.SettingsStore);
         const settings = settingsStore.getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;
         const { state, editorState, getViewMode, setViewMode } = useCapability(MarkdownCapabilities.State);
+        const viewMode = getViewMode(fullyQualifiedId(data.subject));
 
         return (
           <MarkdownContainer
@@ -33,8 +36,9 @@ export default () =>
             object={data.subject}
             role={role}
             settings={settings}
+            selectionManager={selectionManager}
             extensionProviders={state.extensionProviders}
-            viewMode={getViewMode(fullyQualifiedId(data.subject))}
+            viewMode={viewMode}
             editorStateStore={editorState}
             onViewModeChange={setViewMode}
           />
@@ -44,9 +48,10 @@ export default () =>
     createSurface({
       id: `${MARKDOWN_PLUGIN}/text`,
       role: ['article', 'section', 'tabpanel'],
-      filter: (data): data is { id: string; subject: TextType } =>
-        typeof data.id === 'string' && isInstanceOf(TextType, data.subject),
+      filter: (data): data is { id: string; subject: DataType.Text } =>
+        typeof data.id === 'string' && isInstanceOf(DataType.Text, data.subject),
       component: ({ data, role }) => {
+        const selectionManager = useCapability(AttentionCapabilities.Selection);
         const settingsStore = useCapability(Capabilities.SettingsStore);
         const settings = settingsStore.getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;
         const { state, editorState, getViewMode, setViewMode } = useCapability(MarkdownCapabilities.State);
@@ -57,6 +62,7 @@ export default () =>
             object={data.subject}
             role={role}
             settings={settings}
+            selectionManager={selectionManager}
             extensionProviders={state.extensionProviders}
             viewMode={getViewMode(data.id)}
             editorStateStore={editorState}
@@ -70,6 +76,7 @@ export default () =>
       role: ['article', 'section'],
       filter: (data): data is { subject: { id: string; text: string } } => isEditorModel(data.subject),
       component: ({ data, role }) => {
+        const selectionManager = useCapability(AttentionCapabilities.Selection);
         const settingsStore = useCapability(Capabilities.SettingsStore);
         const settings = settingsStore.getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;
         const { state, editorState, getViewMode, setViewMode } = useCapability(MarkdownCapabilities.State);
@@ -80,6 +87,7 @@ export default () =>
             object={data.subject}
             role={role}
             settings={settings}
+            selectionManager={selectionManager}
             extensionProviders={state.extensionProviders}
             viewMode={getViewMode(data.subject.id)}
             editorStateStore={editorState}
@@ -98,8 +106,8 @@ export default () =>
     createSurface({
       id: `${MARKDOWN_PLUGIN}/preview`,
       role: 'popover',
-      filter: (data): data is { subject: DocumentType | TextType } =>
-        isInstanceOf(DocumentType, data.subject) || isInstanceOf(TextType, data.subject),
+      filter: (data): data is { subject: DocumentType | DataType.Text } =>
+        isInstanceOf(DocumentType, data.subject) || isInstanceOf(DataType.Text, data.subject),
       component: ({ data, role }) => <MarkdownPreview {...data} role={role} />,
     }),
   ]);

package/src/capabilities/state.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';
+import { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';
 import { LocalStorageStore } from '@dxos/local-storage';
 import { type EditorViewMode, createEditorStateStore } from '@dxos/react-ui-editor';
 
@@ -10,7 +10,7 @@ import { MarkdownCapabilities } from './capabilities';
 import { MARKDOWN_PLUGIN } from '../meta';
 import { type MarkdownPluginState, type MarkdownSettingsProps } from '../types';
 
-export default (context: PluginsContext) => {
+export default (context: PluginContext) => {
   const state = new LocalStorageStore<MarkdownPluginState>(MARKDOWN_PLUGIN, { extensionProviders: [], viewMode: {} });
   state.prop({ key: 'viewMode', type: LocalStorageStore.json<{ [key: string]: EditorViewMode }>() });
 
@@ -19,7 +19,7 @@ export default (context: PluginsContext) => {
 
   const getViewMode = (id: string) => {
     const defaultViewMode = context
-      .requestCapability(Capabilities.SettingsStore)
+      .getCapability(Capabilities.SettingsStore)
       .getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value.defaultViewMode;
     return (id && state.values.viewMode[id]) || defaultViewMode;
   };

package/src/components/MarkdownContainer.tsx

@@ -2,12 +2,14 @@
 // Copyright 2024 DXOS.org
 //
 
+import { Rx } from '@effect-rx/rx-react';
 import React, { useEffect, useMemo } from 'react';
 
-import { Capabilities, useCapabilities } from '@dxos/app-framework';
+import { Capabilities, useAppGraph, useCapabilities } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
 import { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';
-import { TextType } from '@dxos/schema';
+import { type SelectionManager } from '@dxos/react-ui-attention';
+import { DataType } from '@dxos/schema';
 
 import { MarkdownEditor, type MarkdownEditorProps } from './MarkdownEditor';
 import { useExtensions } from '../extensions';
@@ -19,25 +21,26 @@ export type MarkdownContainerProps = Pick<
   'role' | 'extensionProviders' | 'viewMode' | 'editorStateStore' | 'onViewModeChange'
 > & {
   id: string;
-  object: DocumentType | TextType | any;
+  object: DocumentType | DataType.Text | any;
   settings: MarkdownSettingsProps;
+  selectionManager?: SelectionManager;
 };
 
-// TODO(burdon): Move toolbar here.
 // TODO(burdon): Factor out difference for ECHO and non-ECHO objects; i.e., single component.
 const MarkdownContainer = ({
   id,
   role,
   object,
   settings,
+  selectionManager,
   viewMode,
   editorStateStore,
   onViewModeChange,
 }: MarkdownContainerProps) => {
   const scrollPastEnd = role === 'article';
   const doc = isInstanceOf(DocumentType, object) ? object : undefined;
-  const text = isInstanceOf(TextType, object) ? object : undefined;
-  const extensions = useExtensions({ document: doc, text, id, settings, viewMode, editorStateStore });
+  const text = isInstanceOf(DataType.Text, object) ? object : undefined;
+  const extensions = useExtensions({ document: doc, text, id, settings, selectionManager, viewMode, editorStateStore });
 
   if (doc) {
     return (
@@ -61,7 +64,6 @@ const MarkdownContainer = ({
         extensions={extensions}
         viewMode={viewMode}
         toolbar={settings.toolbar}
-        comment={false}
         inputMode={settings.editorInputMode}
         scrollPastEnd={scrollPastEnd}
         onViewModeChange={onViewModeChange}
@@ -116,12 +118,22 @@ export const DocumentEditor = ({ id, document: doc, settings, viewMode, ...props
     return async (file: File) => upload!(file, space);
   }, [space, upload]);
 
+  const { graph } = useAppGraph();
+  const customActions = useMemo(() => {
+    return Rx.make((get) => {
+      const actions = get(graph.actions(id));
+      const nodes = actions.filter((action) => action.properties.disposition === 'toolbar');
+      return { nodes, edges: nodes.map((node) => ({ source: 'root', target: node.id })) };
+    });
+  }, [graph]);
+
   return (
     <MarkdownEditor
       id={id}
       initialValue={doc.content?.target?.content}
       viewMode={viewMode}
       toolbar={settings.toolbar}
+      customActions={customActions}
       inputMode={settings.editorInputMode}
       onFileUpload={handleFileUpload}
       {...props}

package/src/components/MarkdownEditor/MarkdownEditor.stories.tsx

@@ -36,7 +36,7 @@ const meta: Meta<typeof MarkdownEditor> = {
   render: DefaultStory,
   decorators: [
     withTheme,
-    withLayout({ tooltips: true, fullscreen: true }),
+    withLayout({ fullscreen: true }),
     withAttention,
     withPluginManager({ plugins: [IntentPlugin()] }),
   ],

package/src/components/MarkdownEditor/MarkdownEditor.tsx

@@ -2,17 +2,15 @@
 // Copyright 2023 DXOS.org
 //
 
-import { openSearchPanel } from '@codemirror/search';
 import { type EditorView } from '@codemirror/view';
 import React, { useMemo, useEffect, useCallback } from 'react';
 import { useDropzone } from 'react-dropzone';
 
-import { createIntent, type FileInfo, useIntentDispatcher } from '@dxos/app-framework';
-import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';
+import { type FileInfo } from '@dxos/app-framework';
+import { invariant } from '@dxos/invariant';
 import { useThemeContext, useTranslation } from '@dxos/react-ui';
 import {
   type DNDOptions,
-  type EditorAction,
   type EditorViewMode,
   type EditorInputMode,
   type EditorSelectionState,
@@ -20,20 +18,18 @@ import {
   EditorToolbar,
   type UseTextEditorProps,
   createBasicExtensions,
-  createEditorAction,
   createMarkdownExtensions,
   createThemeExtensions,
   dropFile,
-  editorContent,
+  editorSlots,
   editorGutter,
   processEditorPayload,
   stackItemContentEditorClassNames,
-  useActionHandler,
-  useCommentState,
-  useCommentClickListener,
   useFormattingState,
   useTextEditor,
   useEditorToolbarState,
+  addLink,
+  type EditorToolbarActionGraphProps,
 } from '@dxos/react-ui-editor';
 import { StackItem } from '@dxos/react-ui-stack';
 import { isNotFalsy, isNonNullable } from '@dxos/util';
@@ -48,8 +44,8 @@ export type MarkdownEditorProps = {
   inputMode?: EditorInputMode;
   scrollPastEnd?: boolean;
   toolbar?: boolean;
+  customActions?: EditorToolbarActionGraphProps['customActions'];
   // TODO(wittjosiah): Generalize custom toolbar actions (e.g. comment, upload, etc.)
-  comment?: boolean;
   viewMode?: EditorViewMode;
   editorStateStore?: EditorStateStore;
   onViewModeChange?: (id: string, mode: EditorViewMode) => void;
@@ -71,7 +67,7 @@ export const MarkdownEditor = ({
   extensionProviders,
   scrollPastEnd,
   toolbar,
-  comment = true,
+  customActions,
   viewMode,
   editorStateStore,
   onFileUpload,
@@ -79,7 +75,6 @@ export const MarkdownEditor = ({
 }: MarkdownEditorProps) => {
   const { t } = useTranslation(MARKDOWN_PLUGIN);
   const { themeMode } = useThemeContext();
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const toolbarState = useEditorToolbarState({ viewMode });
   const formattingObserver = useFormattingState(toolbarState);
 
@@ -93,18 +88,6 @@ export const MarkdownEditor = ({
     [extensionProviders],
   );
 
-  // TODO(Zan): Factor out to thread plugin.
-  const commentObserver = useCommentState(toolbarState);
-  const onCommentClick = useCallback(async () => {
-    await dispatch(
-      createIntent(DeckAction.ChangeCompanion, {
-        primary: id,
-        companion: `${id}${ATTENDABLE_PATH_SEPARATOR}comments`,
-      }),
-    );
-  }, [dispatch]);
-  const commentClickObserver = useCommentClickListener(onCommentClick);
-
   // TODO(wittjosiah): Factor out to file uploader plugin.
   // Drag files.
   const handleDrop: DNDOptions['onDrop'] = async (view, { files }) => {
@@ -124,19 +107,13 @@ export const MarkdownEditor = ({
       initialValue,
       extensions: [
         formattingObserver,
-        comment && commentObserver,
-        comment && commentClickObserver,
         createBasicExtensions({
           readOnly: viewMode === 'readonly',
           placeholder: t('editor placeholder'),
           scrollPastEnd: role === 'section' ? false : scrollPastEnd,
         }),
         createMarkdownExtensions({ themeMode }),
-        createThemeExtensions({
-          themeMode,
-          syntaxHighlighting: true,
-          slots: { content: { className: editorContent } },
-        }),
+        createThemeExtensions({ themeMode, syntaxHighlighting: true, slots: editorSlots }),
         editorGutter,
         role !== 'section' && onFileUpload && dropFile({ onDrop: handleDrop }),
         providerExtensions,
@@ -151,7 +128,7 @@ export const MarkdownEditor = ({
         moveToEndOfLine: true,
       }),
     }),
-    [id, formattingObserver, comment, viewMode, themeMode, extensions, providerExtensions],
+    [id, formattingObserver, viewMode, themeMode, extensions, providerExtensions],
   );
 
   useTest(editorView);
@@ -178,49 +155,40 @@ export const MarkdownEditor = ({
 
         const info = await onFileUpload(file);
         if (info) {
-          processEditorPayload(editorView, { type: 'image', data: info.url });
+          addLink({ url: info.url, image: true })(editorView);
         }
       });
     }
-  }, [acceptedFiles, editorView]);
+  }, [acceptedFiles, editorView, onFileUpload]);
 
-  // Toolbar handler.
-  const handleToolbarAction = useActionHandler(editorView);
-  const handleAction = useCallback(
-    (action: EditorAction) => {
-      switch (action.properties.type) {
-        case 'search': {
-          if (editorView) {
-            openSearchPanel(editorView);
-          }
-          return;
-        }
-        case 'view-mode': {
-          onViewModeChange?.(id, action.properties.data);
-          return;
-        }
-        case 'image': {
-          open();
-          return;
-        }
-      }
+  const getView = useCallback(() => {
+    invariant(editorView);
+    return editorView;
+  }, [editorView]);
 
-      handleToolbarAction?.(action);
-    },
-    [editorView, onViewModeChange, open],
+  const handleViewModeChange = useCallback(
+    (mode: EditorViewMode) => onViewModeChange?.(id, mode),
+    [id, onViewModeChange],
   );
 
+  const handleImageUpload = useCallback(() => {
+    if (onFileUpload) {
+      open();
+    }
+  }, [onFileUpload]);
+
   return (
-    <StackItem.Content toolbar={!!toolbar} classNames='is-full min-bs-0'>
+    <StackItem.Content toolbar={!!toolbar}>
       {toolbar && (
         <>
           <EditorToolbar
             attendableId={id}
             role={role}
             state={toolbarState}
-            comment={comment}
-            customActions={onFileUpload ? createUploadAction : undefined}
-            onAction={handleAction}
+            customActions={customActions}
+            getView={getView}
+            image={handleImageUpload}
+            viewMode={handleViewModeChange}
           />
           <input {...getInputProps()} />
         </>
@@ -248,13 +216,3 @@ const useTest = (view?: EditorView) => {
     }
   }, [view]);
 };
-
-export const createUploadAction = () => ({
-  nodes: [
-    createEditorAction({ type: 'image', testId: 'editor.toolbar.image' }, 'ph--image-square--regular', [
-      'upload image label',
-      { ns: MARKDOWN_PLUGIN },
-    ]),
-  ],
-  edges: [{ source: 'root', target: 'image' }],
-});

package/src/components/MarkdownPreview/MarkdownPreview.stories.tsx

@@ -14,7 +14,7 @@ import { DocumentType } from '@dxos/plugin-markdown/types';
 import { faker } from '@dxos/random';
 import { makeRef } from '@dxos/react-client/echo';
 import { Icon, Popover } from '@dxos/react-ui';
-import { TextType } from '@dxos/schema';
+import { DataType } from '@dxos/schema';
 import { withTheme, withLayout } from '@dxos/storybook-utils';
 
 import { MarkdownPreview } from './MarkdownPreview';
@@ -38,7 +38,13 @@ const meta: Meta<typeof MarkdownPreview> = {
       </Popover.Root>
     );
   },
-  decorators: [withPluginManager({ plugins: [IntentPlugin()] }), withTheme, withLayout({ tooltips: true })],
+  decorators: [
+    withPluginManager({
+      plugins: [IntentPlugin()],
+    }),
+    withTheme,
+    withLayout(),
+  ],
   parameters: {
     layout: 'centered',
     translations,
@@ -51,11 +57,10 @@ const data = (() => {
   const document = create(DocumentType, {
     name: faker.lorem.words(3),
     content: makeRef(
-      create(TextType, {
+      create(DataType.Text, {
         content: faker.lorem.paragraphs(3),
       }),
     ),
-    threads: [],
   });
 
   return { document };

package/src/components/MarkdownPreview/MarkdownPreview.tsx

@@ -9,41 +9,41 @@ import { chain, createIntent, LayoutAction, useIntentDispatcher } from '@dxos/ap
 import { isInstanceOf } from '@dxos/echo-schema';
 import {
   type PreviewProps,
+  defaultCard,
+  kanbanCardWithoutPoster,
   popoverCard,
   previewTitle,
   previewProse,
   previewChrome,
-  defaultCard,
-  kanbanCardWithoutPoster,
 } from '@dxos/plugin-preview';
 import { fullyQualifiedId } from '@dxos/react-client/echo';
 import { Button, Icon, useTranslation } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
-import { TextType } from '@dxos/schema';
+import { DataType } from '@dxos/schema';
 
 import { MARKDOWN_PLUGIN } from '../../meta';
 import { DocumentType } from '../../types';
 import { getAbstract, getFallbackName } from '../../util';
 
 // TODO(burdon): Factor out.
-const getTitle = (subject: DocumentType | TextType, fallback: string) => {
+const getTitle = (subject: DocumentType | DataType.Text, fallback: string) => {
   if (isInstanceOf(DocumentType, subject)) {
     return subject.name ?? subject.fallbackName ?? getFallbackName(subject.content?.target?.content ?? fallback);
-  } else if (isInstanceOf(TextType, subject)) {
+  } else if (isInstanceOf(DataType.Text, subject)) {
     return getFallbackName(subject.content);
   }
 };
 
 // TODO(burdon): Factor out.
-const getSnippet = (subject: DocumentType | TextType, fallback: string) => {
+const getSnippet = (subject: DocumentType | DataType.Text, fallback: string) => {
   if (isInstanceOf(DocumentType, subject)) {
     return getAbstract(subject.content?.target?.content ?? fallback);
-  } else if (isInstanceOf(TextType, subject)) {
+  } else if (isInstanceOf(DataType.Text, subject)) {
     return getAbstract(subject.content);
   }
 };
 
-export const MarkdownPreview = ({ classNames, subject, role }: PreviewProps<DocumentType | TextType>) => {
+export const MarkdownPreview = ({ classNames, subject, role }: PreviewProps<DocumentType | DataType.Text>) => {
   const { dispatchPromise: dispatch } = useIntentDispatcher();
   const { t } = useTranslation(MARKDOWN_PLUGIN);
   const snippet = getSnippet(subject, t('fallback abstract'));