@dxos/plugin-markdown 0.6.13 → 0.6.14-main.7bd9c89

package/dist/lib/node/index.cjs

@@ -28,117 +28,102 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  DocumentType: () => import_chunk_VWQH4WC2.DocumentType,
-  MarkdownAction: () => import_chunk_VWQH4WC2.MarkdownAction,
+  DocumentType: () => import_chunk_UJMOZCIA.DocumentType,
+  MarkdownAction: () => import_chunk_UJMOZCIA.MarkdownAction,
   MarkdownPlugin: () => MarkdownPlugin,
-  TextType: () => import_chunk_VWQH4WC2.TextType,
+  TextType: () => import_chunk_UJMOZCIA.TextType,
   default: () => src_default,
-  getFallbackName: () => import_chunk_RVGN72IX.getFallbackName,
-  isMarkdownProperties: () => import_chunk_RVGN72IX.isMarkdownProperties,
-  markdownExtensionPlugins: () => import_chunk_RVGN72IX.markdownExtensionPlugins,
-  serializer: () => import_chunk_RVGN72IX.serializer,
-  setFallbackName: () => import_chunk_RVGN72IX.setFallbackName
+  getFallbackName: () => import_chunk_W2YJVZ3N.getFallbackName,
+  isEditorModel: () => import_chunk_UJMOZCIA.isEditorModel,
+  isMarkdownProperties: () => import_chunk_W2YJVZ3N.isMarkdownProperties,
+  markdownExtensionPlugins: () => import_chunk_W2YJVZ3N.markdownExtensionPlugins,
+  serializer: () => import_chunk_W2YJVZ3N.serializer,
+  setFallbackName: () => import_chunk_W2YJVZ3N.setFallbackName
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_Q4ZSCBQE = require("./chunk-Q4ZSCBQE.cjs");
-var import_chunk_RVGN72IX = require("./chunk-RVGN72IX.cjs");
-var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
-var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
-var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
+var import_chunk_W2YJVZ3N = require("./chunk-W2YJVZ3N.cjs");
+var import_chunk_UJMOZCIA = require("./chunk-UJMOZCIA.cjs");
+var import_chunk_P7YU53RP = require("./chunk-P7YU53RP.cjs");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_local_storage = require("@dxos/local-storage");
-var import_log = require("@dxos/log");
 var import_plugin_client = require("@dxos/plugin-client");
 var import_plugin_graph = require("@dxos/plugin-graph");
 var import_plugin_space = require("@dxos/plugin-space");
 var import_types = require("@dxos/plugin-space/types");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_react_ui_mosaic = require("@dxos/react-ui-mosaic");
-var import_react3 = __toESM(require("react"));
-var import_react4 = require("@phosphor-icons/react");
-var import_react5 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
+var import_react3 = require("react");
+var import_react4 = __toESM(require("react"));
+var import_plugin_settings = require("@dxos/plugin-settings");
 var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react6 = __toESM(require("react"));
-var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react7 = __toESM(require("react"));
-var import_plugin_settings = require("@dxos/plugin-settings");
-var import_react_ui3 = require("@dxos/react-ui");
-var import_react_ui_editor3 = require("@dxos/react-ui-editor");
 var MarkdownSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN);
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_P7YU53RP.MARKDOWN_PLUGIN);
+  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("default view mode label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Root, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
     value: settings.defaultViewMode,
     onValueChange: (value) => {
       settings.defaultViewMode = value;
     }
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.TriggerButton, null), /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Portal, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Content, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Viewport, null, import_react_ui_editor3.EditorViewModes.map((mode) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Option, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.TriggerButton, null), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor2.EditorViewModes.map((mode) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Option, {
     key: mode,
     value: mode
   }, t(`${mode} mode label`, {
     ns: "react-ui-editor"
-  })))))))), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })))))))), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("editor input mode label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Root, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
     value: settings.editorInputMode ?? "default",
     onValueChange: (value) => {
       settings.editorInputMode = value;
     }
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.TriggerButton, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.TriggerButton, {
     placeholder: t("select editor input mode placeholder")
-  }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Portal, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Content, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Viewport, null, import_react_ui_editor3.EditorInputModes.map((mode) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Option, {
+  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor2.EditorInputModes.map((mode) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Option, {
     key: mode,
     value: mode
-  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings toolbar label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.toolbar,
     onCheckedChange: (checked) => settings.toolbar = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings numbered headings label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.numberedHeadings,
     onCheckedChange: (checked) => settings.numberedHeadings = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings folding label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.folding,
     onCheckedChange: (checked) => settings.folding = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings experimental label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.experimental,
     onCheckedChange: (checked) => settings.experimental = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings debug label"),
-    secondary: settings.debug ? /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.TextArea, {
+    secondary: settings.debug ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.TextArea, {
       rows: 5,
       value: settings.typewriter,
       onChange: ({ target: { value } }) => settings.typewriter = value,
       placeholder: t("settings debug placeholder")
     })) : void 0
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.debug,
     onCheckedChange: (checked) => settings.debug = !!checked
   })));
 };
-var DocumentCard = import_react3.default.lazy(() => import("./DocumentCard-EHJDDSRY.cjs"));
-var DocumentEditor = import_react3.default.lazy(() => import("./DocumentEditor-I5GCRBKU.cjs"));
-var MarkdownEditor = import_react3.default.lazy(() => import("./MarkdownEditor-UE23H75V.cjs"));
+var MarkdownContainer = (0, import_react3.lazy)(() => import("./MarkdownContainer-GZ6EAOPC.cjs"));
 var translations_default = [
   {
     "en-US": {
-      [import_chunk_TGMR2CKU.MARKDOWN_PLUGIN]: {
+      [import_chunk_P7YU53RP.MARKDOWN_PLUGIN]: {
         "plugin name": "Editor",
         "create stack section label": "Create document",
         "document title placeholder": "New document",
@@ -165,29 +150,23 @@ var translations_default = [
     }
   }
 ];
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx";
-var isEditorModel = (data) => {
-  return data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
-};
+var getDoc = (object) => object instanceof import_chunk_UJMOZCIA.DocumentType ? object : void 0;
 var MarkdownPlugin = () => {
-  const settings = new import_local_storage.LocalStorageStore(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, {
+  const settings = new import_local_storage.LocalStorageStore(import_chunk_P7YU53RP.MARKDOWN_PLUGIN, {
     defaultViewMode: "preview",
     toolbar: true,
-    folding: false,
+    numberedHeadings: true,
+    folding: true,
     experimental: false
   });
-  const state = new import_local_storage.LocalStorageStore(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, {
+  const state = new import_local_storage.LocalStorageStore(import_chunk_P7YU53RP.MARKDOWN_PLUGIN, {
     extensionProviders: [],
     viewMode: {}
   });
-  const getViewMode = (id) => {
-    return id && state.values.viewMode[id] || settings.values.defaultViewMode;
-  };
-  const setViewMode = (id, nextViewMode) => {
-    state.values.viewMode[id] = nextViewMode;
-  };
+  const getViewMode = (id) => id && state.values.viewMode[id] || settings.values.defaultViewMode;
+  const setViewMode = (id, viewMode) => state.values.viewMode[id] = viewMode;
   return {
-    meta: import_chunk_TGMR2CKU.meta_default,
+    meta: import_chunk_P7YU53RP.meta_default,
     ready: async (plugins) => {
       settings.prop({
         key: "defaultViewMode",
@@ -235,25 +214,24 @@ var MarkdownPlugin = () => {
         storageKey: "view-mode",
         type: import_local_storage.LocalStorageStore.json()
       });
-      (0, import_chunk_RVGN72IX.markdownExtensionPlugins)(plugins).forEach((plugin) => {
+      (0, import_chunk_W2YJVZ3N.markdownExtensionPlugins)(plugins).forEach((plugin) => {
         const { extensions } = plugin.provides.markdown;
-        state.values.extensionProviders.push(extensions);
+        state.values.extensionProviders?.push(extensions);
       });
     },
     provides: {
       settings: settings.values,
       metadata: {
         records: {
-          [import_chunk_VWQH4WC2.DocumentType.typename]: {
-            label: (object) => object instanceof import_chunk_VWQH4WC2.DocumentType ? object.name ?? object.fallbackName : void 0,
+          [import_chunk_UJMOZCIA.DocumentType.typename]: {
+            label: (object) => object instanceof import_chunk_UJMOZCIA.DocumentType ? object.name || object.fallbackName : void 0,
             placeholder: [
               "document title placeholder",
               {
-                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
+                ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
-            iconSymbol: "ph--text-aa--regular",
+            icon: "ph--text-aa--regular",
             graphProps: {
               managesAutofocus: true
             },
@@ -262,7 +240,7 @@ var MarkdownPlugin = () => {
               doc2.content,
               ...doc2.threads
             ]),
-            serializer: import_chunk_RVGN72IX.serializer
+            serializer: import_chunk_W2YJVZ3N.serializer
           }
         }
       },
@@ -272,10 +250,21 @@ var MarkdownPlugin = () => {
       ],
       echo: {
         schema: [
-          import_chunk_VWQH4WC2.DocumentType,
-          import_chunk_VWQH4WC2.TextType
+          import_chunk_UJMOZCIA.DocumentType,
+          import_chunk_UJMOZCIA.TextType
         ]
       },
+      space: {
+        onSpaceCreate: {
+          label: [
+            "create document label",
+            {
+              ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
+            }
+          ],
+          action: import_chunk_UJMOZCIA.MarkdownAction.CREATE
+        }
+      },
       graph: {
         builder: (plugins) => {
           const client = (0, import_app_framework.resolvePlugin)(plugins, import_plugin_client.parseClientPlugin)?.provides.client;
@@ -284,7 +273,7 @@ var MarkdownPlugin = () => {
             return [];
           }
           return (0, import_plugin_graph.createExtension)({
-            id: import_chunk_VWQH4WC2.MarkdownAction.CREATE,
+            id: import_chunk_UJMOZCIA.MarkdownAction.CREATE,
             filter: (node) => (0, import_plugin_graph.isActionGroup)(node) && node.id.startsWith(import_plugin_space.SpaceAction.ADD_OBJECT),
             actions: ({ node }) => {
               const id = node.id.split("/").at(-1);
@@ -297,12 +286,12 @@ var MarkdownPlugin = () => {
               }
               return [
                 {
-                  id: `${import_chunk_TGMR2CKU.MARKDOWN_PLUGIN}/create/${node.id}`,
+                  id: `${import_chunk_P7YU53RP.MARKDOWN_PLUGIN}/create/${node.id}`,
                   data: async () => {
                     await dispatch([
                       {
-                        plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
-                        action: import_chunk_VWQH4WC2.MarkdownAction.CREATE
+                        plugin: import_chunk_P7YU53RP.MARKDOWN_PLUGIN,
+                        action: import_chunk_UJMOZCIA.MarkdownAction.CREATE
                       },
                       {
                         action: import_plugin_space.SpaceAction.ADD_OBJECT,
@@ -319,11 +308,10 @@ var MarkdownPlugin = () => {
                     label: [
                       "create document label",
                       {
-                        ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
+                        ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
-                    iconSymbol: "ph--text-aa--regular",
+                    icon: "ph--text-aa--regular",
                     testId: "markdownPlugin.createObject"
                   }
                 }
@@ -338,14 +326,14 @@ var MarkdownPlugin = () => {
           }
           return [
             {
-              inputType: import_chunk_VWQH4WC2.DocumentType.typename,
+              inputType: import_chunk_UJMOZCIA.DocumentType.typename,
               outputType: "text/markdown",
               // Reconcile with metadata serializers.
               serialize: async (node) => {
                 const doc = node.data;
                 const content = await (0, import_echo.loadObjectReferences)(doc, (doc2) => doc2.content);
                 return {
-                  name: doc.name || doc.fallbackName || translations_default[0]["en-US"][import_chunk_TGMR2CKU.MARKDOWN_PLUGIN]["document title placeholder"],
+                  name: doc.name || doc.fallbackName || translations_default[0]["en-US"][import_chunk_P7YU53RP.MARKDOWN_PLUGIN]["document title placeholder"],
                   data: content.content,
                   type: "text/markdown"
                 };
@@ -358,8 +346,8 @@ var MarkdownPlugin = () => {
                 }
                 const result = await dispatch([
                   {
-                    plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
-                    action: import_chunk_VWQH4WC2.MarkdownAction.CREATE,
+                    plugin: import_chunk_P7YU53RP.MARKDOWN_PLUGIN,
+                    action: import_chunk_UJMOZCIA.MarkdownAction.CREATE,
                     data: {
                       name: data.name,
                       content: data.data
@@ -386,99 +374,75 @@ var MarkdownPlugin = () => {
             type: [
               "plugin name",
               {
-                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
+                ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
               }
             ],
             label: [
               "create stack section label",
               {
-                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
+                ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
               }
             ],
             icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
             intent: {
-              plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
-              action: import_chunk_VWQH4WC2.MarkdownAction.CREATE
+              plugin: import_chunk_P7YU53RP.MARKDOWN_PLUGIN,
+              action: import_chunk_UJMOZCIA.MarkdownAction.CREATE
             }
           }
         ]
       },
       thread: {
-        // TODO(Zan): How to better handle the type predicate?
-        predicate: (obj) => obj instanceof import_chunk_VWQH4WC2.DocumentType,
+        predicate: (obj) => obj instanceof import_chunk_UJMOZCIA.DocumentType,
         createSort: (doc) => {
           const accessor = doc.content ? (0, import_echo.createDocAccessor)(doc.content, [
             "content"
           ]) : void 0;
           if (!accessor) {
-            import_log.log.warn("No accessor found for document content.", void 0, {
-              F: __dxlog_file,
-              L: 250,
-              S: void 0,
-              C: (f, a) => f(...a)
-            });
             return (_) => 0;
           }
           const getStartPosition = (cursor) => {
             const range = cursor ? (0, import_echo.getRangeFromCursor)(accessor, cursor) : void 0;
             return range?.start ?? Number.MAX_SAFE_INTEGER;
           };
-          return (anchorA, anchorB) => getStartPosition(anchorA) - getStartPosition(anchorB);
+          return (anchorA, anchorB) => {
+            if (anchorA === void 0 || anchorB === void 0) {
+              return 0;
+            }
+            const posA = getStartPosition(anchorA);
+            const posB = getStartPosition(anchorB);
+            return posA - posB;
+          };
         }
       },
       surface: {
-        component: ({ data, role, ...props }, forwardedRef) => {
-          const doc = data.active instanceof import_chunk_VWQH4WC2.DocumentType ? data.active : data.object instanceof import_chunk_VWQH4WC2.DocumentType ? data.object : void 0;
+        component: ({ data, role }) => {
           switch (role) {
             case "section":
             case "article": {
-              if (doc && doc.content) {
-                return /* @__PURE__ */ import_react2.default.createElement(DocumentEditor, {
-                  role,
-                  coordinate: data.coordinate,
-                  document: doc,
-                  extensionProviders: state.values.extensionProviders,
-                  settings: settings.values,
-                  scrollPastEnd: true,
-                  viewMode: getViewMode((0, import_echo.fullyQualifiedId)(doc)),
-                  onViewModeChange: setViewMode
-                });
-              } else if (isEditorModel(data.object)) {
-                return /* @__PURE__ */ import_react2.default.createElement(MarkdownEditor, {
-                  id: data.object.id,
-                  role,
-                  coordinate: data.coordinate,
-                  initialValue: data.object.text,
-                  extensionProviders: state.values.extensionProviders,
-                  inputMode: settings.values.editorInputMode,
-                  toolbar: settings.values.toolbar,
-                  scrollPastEnd: true,
-                  viewMode: getViewMode(data.object.id),
-                  onViewModeChange: setViewMode
-                });
+              const doc = getDoc(data.active) ?? getDoc(data.object);
+              const { id, object } = (0, import_chunk_UJMOZCIA.isEditorModel)(data.object) ? {
+                id: data.object.id,
+                object: data.object
+              } : doc ? {
+                id: (0, import_echo.fullyQualifiedId)(doc),
+                object: doc
+              } : {};
+              if (!id || !object) {
+                return null;
               }
-              break;
-            }
-            case "card": {
-              if ((0, import_app_framework.isObject)(data.content) && typeof data.content.id === "string" && data.content.object instanceof import_chunk_VWQH4WC2.DocumentType) {
-                const cardProps = {
-                  ...props,
-                  item: {
-                    id: data.content.id,
-                    object: data.content.object,
-                    color: typeof data.content.color === "string" ? data.content.color : void 0
-                  }
-                };
-                return (0, import_react_ui_mosaic.isTileComponentProps)(cardProps) ? /* @__PURE__ */ import_react2.default.createElement(DocumentCard, {
-                  ...cardProps,
-                  settings: settings.values,
-                  ref: forwardedRef
-                }) : null;
-              }
-              break;
+              return /* @__PURE__ */ import_react2.default.createElement(MarkdownContainer, {
+                id,
+                object,
+                role,
+                coordinate: data.coordinate,
+                settings: settings.values,
+                extensionProviders: state.values.extensionProviders,
+                viewMode: getViewMode(id),
+                onViewModeChange: setViewMode
+              });
             }
             case "settings": {
-              return data.plugin === import_chunk_TGMR2CKU.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(MarkdownSettings, {
+              return data.plugin === import_chunk_P7YU53RP.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(MarkdownSettings, {
                 settings: settings.values
               }) : null;
             }
@@ -489,10 +453,10 @@ var MarkdownPlugin = () => {
       intent: {
         resolver: ({ action, data }) => {
           switch (action) {
-            case import_chunk_VWQH4WC2.MarkdownAction.CREATE: {
-              const doc = (0, import_echo_schema.create)(import_chunk_VWQH4WC2.DocumentType, {
+            case import_chunk_UJMOZCIA.MarkdownAction.CREATE: {
+              const doc = (0, import_echo_schema.create)(import_chunk_UJMOZCIA.DocumentType, {
                 name: data?.name,
-                content: (0, import_echo_schema.create)(import_chunk_VWQH4WC2.TextType, {
+                content: (0, import_echo_schema.create)(import_chunk_UJMOZCIA.TextType, {
                   content: data?.content ?? ""
                 }),
                 threads: []
@@ -511,7 +475,7 @@ var MarkdownPlugin = () => {
                 ]
               };
             }
-            case import_chunk_VWQH4WC2.MarkdownAction.SET_VIEW_MODE: {
+            case import_chunk_UJMOZCIA.MarkdownAction.SET_VIEW_MODE: {
               const { id, viewMode } = data ?? {};
               if (typeof id === "string" && import_react_ui_editor.EditorViewModes.includes(viewMode)) {
                 state.values.viewMode[id] = viewMode;
@@ -535,6 +499,7 @@ var src_default = MarkdownPlugin;
   MarkdownPlugin,
   TextType,
   getFallbackName,
+  isEditorModel,
   isMarkdownProperties,
   markdownExtensionPlugins,
   serializer,