@dxos/plugin-markdown 0.6.13-main.ed424a1 → 0.6.13-staging.1e988a3

package/dist/lib/node/index.cjs

@@ -28,102 +28,117 @@ 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_UJMOZCIA.DocumentType,
-  MarkdownAction: () => import_chunk_UJMOZCIA.MarkdownAction,
+  DocumentType: () => import_chunk_VWQH4WC2.DocumentType,
+  MarkdownAction: () => import_chunk_VWQH4WC2.MarkdownAction,
   MarkdownPlugin: () => MarkdownPlugin,
-  TextType: () => import_chunk_UJMOZCIA.TextType,
+  TextType: () => import_chunk_VWQH4WC2.TextType,
   default: () => src_default,
-  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
+  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
 });
 module.exports = __toCommonJS(node_exports);
-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_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_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 = __toESM(require("react"));
-var import_plugin_settings = require("@dxos/plugin-settings");
+var import_react4 = require("@phosphor-icons/react");
+var import_react5 = __toESM(require("react"));
+var import_app_framework2 = require("@dxos/app-framework");
 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_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, {
+  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, {
     label: t("default view mode label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Root, {
     value: settings.defaultViewMode,
     onValueChange: (value) => {
       settings.defaultViewMode = value;
     }
-  }, /* @__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, {
+  }, /* @__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, {
     key: mode,
     value: mode
   }, t(`${mode} mode label`, {
     ns: "react-ui-editor"
-  })))))))), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
+  })))))))), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("editor input mode label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Root, {
     value: settings.editorInputMode ?? "default",
     onValueChange: (value) => {
       settings.editorInputMode = value;
     }
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.TriggerButton, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.TriggerButton, {
     placeholder: t("select editor input mode placeholder")
-  }), /* @__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, {
+  }), /* @__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, {
     key: mode,
     value: mode
-  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
+  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings toolbar label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
     checked: settings.toolbar,
     onCheckedChange: (checked) => settings.toolbar = !!checked
-  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings numbered headings label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
     checked: settings.numberedHeadings,
     onCheckedChange: (checked) => settings.numberedHeadings = !!checked
-  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings folding label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
     checked: settings.folding,
     onCheckedChange: (checked) => settings.folding = !!checked
-  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings experimental label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
     checked: settings.experimental,
     onCheckedChange: (checked) => settings.experimental = !!checked
-  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings debug label"),
-    secondary: settings.debug ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.TextArea, {
+    secondary: settings.debug ? /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.TextArea, {
       rows: 5,
       value: settings.typewriter,
       onChange: ({ target: { value } }) => settings.typewriter = value,
       placeholder: t("settings debug placeholder")
     })) : void 0
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
     checked: settings.debug,
     onCheckedChange: (checked) => settings.debug = !!checked
   })));
 };
-var MarkdownContainer = import_react3.default.lazy(() => import("./MarkdownContainer-IM3V72FY.cjs"));
+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 translations_default = [
   {
     "en-US": {
-      [import_chunk_P7YU53RP.MARKDOWN_PLUGIN]: {
+      [import_chunk_TGMR2CKU.MARKDOWN_PLUGIN]: {
         "plugin name": "Editor",
         "create stack section label": "Create document",
         "document title placeholder": "New document",
@@ -150,23 +165,29 @@ var translations_default = [
     }
   }
 ];
-var getDoc = (object) => object instanceof import_chunk_UJMOZCIA.DocumentType ? object : void 0;
+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 MarkdownPlugin = () => {
-  const settings = new import_local_storage.LocalStorageStore(import_chunk_P7YU53RP.MARKDOWN_PLUGIN, {
+  const settings = new import_local_storage.LocalStorageStore(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, {
     defaultViewMode: "preview",
     toolbar: true,
-    numberedHeadings: true,
     folding: false,
     experimental: false
   });
-  const state = new import_local_storage.LocalStorageStore(import_chunk_P7YU53RP.MARKDOWN_PLUGIN, {
+  const state = new import_local_storage.LocalStorageStore(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, {
     extensionProviders: [],
     viewMode: {}
   });
-  const getViewMode = (id) => id && state.values.viewMode[id] || settings.values.defaultViewMode;
-  const setViewMode = (id, viewMode) => state.values.viewMode[id] = viewMode;
+  const getViewMode = (id) => {
+    return id && state.values.viewMode[id] || settings.values.defaultViewMode;
+  };
+  const setViewMode = (id, nextViewMode) => {
+    state.values.viewMode[id] = nextViewMode;
+  };
   return {
-    meta: import_chunk_P7YU53RP.meta_default,
+    meta: import_chunk_TGMR2CKU.meta_default,
     ready: async (plugins) => {
       settings.prop({
         key: "defaultViewMode",
@@ -214,24 +235,25 @@ var MarkdownPlugin = () => {
         storageKey: "view-mode",
         type: import_local_storage.LocalStorageStore.json()
       });
-      (0, import_chunk_W2YJVZ3N.markdownExtensionPlugins)(plugins).forEach((plugin) => {
+      (0, import_chunk_RVGN72IX.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_UJMOZCIA.DocumentType.typename]: {
-            label: (object) => object instanceof import_chunk_UJMOZCIA.DocumentType ? object.name || object.fallbackName : void 0,
+          [import_chunk_VWQH4WC2.DocumentType.typename]: {
+            label: (object) => object instanceof import_chunk_VWQH4WC2.DocumentType ? object.name ?? object.fallbackName : void 0,
             placeholder: [
               "document title placeholder",
               {
-                ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
+                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
               }
             ],
-            icon: "ph--text-aa--regular",
+            icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
+            iconSymbol: "ph--text-aa--regular",
             graphProps: {
               managesAutofocus: true
             },
@@ -240,7 +262,7 @@ var MarkdownPlugin = () => {
               doc2.content,
               ...doc2.threads
             ]),
-            serializer: import_chunk_W2YJVZ3N.serializer
+            serializer: import_chunk_RVGN72IX.serializer
           }
         }
       },
@@ -250,21 +272,10 @@ var MarkdownPlugin = () => {
       ],
       echo: {
         schema: [
-          import_chunk_UJMOZCIA.DocumentType,
-          import_chunk_UJMOZCIA.TextType
+          import_chunk_VWQH4WC2.DocumentType,
+          import_chunk_VWQH4WC2.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;
@@ -273,7 +284,7 @@ var MarkdownPlugin = () => {
             return [];
           }
           return (0, import_plugin_graph.createExtension)({
-            id: import_chunk_UJMOZCIA.MarkdownAction.CREATE,
+            id: import_chunk_VWQH4WC2.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);
@@ -286,12 +297,12 @@ var MarkdownPlugin = () => {
               }
               return [
                 {
-                  id: `${import_chunk_P7YU53RP.MARKDOWN_PLUGIN}/create/${node.id}`,
+                  id: `${import_chunk_TGMR2CKU.MARKDOWN_PLUGIN}/create/${node.id}`,
                   data: async () => {
                     await dispatch([
                       {
-                        plugin: import_chunk_P7YU53RP.MARKDOWN_PLUGIN,
-                        action: import_chunk_UJMOZCIA.MarkdownAction.CREATE
+                        plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
+                        action: import_chunk_VWQH4WC2.MarkdownAction.CREATE
                       },
                       {
                         action: import_plugin_space.SpaceAction.ADD_OBJECT,
@@ -308,10 +319,11 @@ var MarkdownPlugin = () => {
                     label: [
                       "create document label",
                       {
-                        ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
+                        ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
                       }
                     ],
-                    icon: "ph--text-aa--regular",
+                    icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
+                    iconSymbol: "ph--text-aa--regular",
                     testId: "markdownPlugin.createObject"
                   }
                 }
@@ -326,14 +338,14 @@ var MarkdownPlugin = () => {
           }
           return [
             {
-              inputType: import_chunk_UJMOZCIA.DocumentType.typename,
+              inputType: import_chunk_VWQH4WC2.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_P7YU53RP.MARKDOWN_PLUGIN]["document title placeholder"],
+                  name: doc.name || doc.fallbackName || translations_default[0]["en-US"][import_chunk_TGMR2CKU.MARKDOWN_PLUGIN]["document title placeholder"],
                   data: content.content,
                   type: "text/markdown"
                 };
@@ -346,8 +358,8 @@ var MarkdownPlugin = () => {
                 }
                 const result = await dispatch([
                   {
-                    plugin: import_chunk_P7YU53RP.MARKDOWN_PLUGIN,
-                    action: import_chunk_UJMOZCIA.MarkdownAction.CREATE,
+                    plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
+                    action: import_chunk_VWQH4WC2.MarkdownAction.CREATE,
                     data: {
                       name: data.name,
                       content: data.data
@@ -374,75 +386,99 @@ var MarkdownPlugin = () => {
             type: [
               "plugin name",
               {
-                ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
+                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
               }
             ],
             label: [
               "create stack section label",
               {
-                ns: import_chunk_P7YU53RP.MARKDOWN_PLUGIN
+                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
               }
             ],
             icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
             intent: {
-              plugin: import_chunk_P7YU53RP.MARKDOWN_PLUGIN,
-              action: import_chunk_UJMOZCIA.MarkdownAction.CREATE
+              plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
+              action: import_chunk_VWQH4WC2.MarkdownAction.CREATE
             }
           }
         ]
       },
       thread: {
-        predicate: (obj) => obj instanceof import_chunk_UJMOZCIA.DocumentType,
+        // TODO(Zan): How to better handle the type predicate?
+        predicate: (obj) => obj instanceof import_chunk_VWQH4WC2.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) => {
-            if (anchorA === void 0 || anchorB === void 0) {
-              return 0;
-            }
-            const posA = getStartPosition(anchorA);
-            const posB = getStartPosition(anchorB);
-            return posA - posB;
-          };
+          return (anchorA, anchorB) => getStartPosition(anchorA) - getStartPosition(anchorB);
         }
       },
       surface: {
-        component: ({ data, role }) => {
+        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;
           switch (role) {
             case "section":
             case "article": {
-              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;
+              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
+                });
               }
-              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
-              });
+              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;
             }
             case "settings": {
-              return data.plugin === import_chunk_P7YU53RP.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(MarkdownSettings, {
+              return data.plugin === import_chunk_TGMR2CKU.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(MarkdownSettings, {
                 settings: settings.values
               }) : null;
             }
@@ -453,10 +489,10 @@ var MarkdownPlugin = () => {
       intent: {
         resolver: ({ action, data }) => {
           switch (action) {
-            case import_chunk_UJMOZCIA.MarkdownAction.CREATE: {
-              const doc = (0, import_echo_schema.create)(import_chunk_UJMOZCIA.DocumentType, {
+            case import_chunk_VWQH4WC2.MarkdownAction.CREATE: {
+              const doc = (0, import_echo_schema.create)(import_chunk_VWQH4WC2.DocumentType, {
                 name: data?.name,
-                content: (0, import_echo_schema.create)(import_chunk_UJMOZCIA.TextType, {
+                content: (0, import_echo_schema.create)(import_chunk_VWQH4WC2.TextType, {
                   content: data?.content ?? ""
                 }),
                 threads: []
@@ -475,7 +511,7 @@ var MarkdownPlugin = () => {
                 ]
               };
             }
-            case import_chunk_UJMOZCIA.MarkdownAction.SET_VIEW_MODE: {
+            case import_chunk_VWQH4WC2.MarkdownAction.SET_VIEW_MODE: {
               const { id, viewMode } = data ?? {};
               if (typeof id === "string" && import_react_ui_editor.EditorViewModes.includes(viewMode)) {
                 state.values.viewMode[id] = viewMode;
@@ -499,7 +535,6 @@ var src_default = MarkdownPlugin;
   MarkdownPlugin,
   TextType,
   getFallbackName,
-  isEditorModel,
   isMarkdownProperties,
   markdownExtensionPlugins,
   serializer,