@dxos/plugin-markdown 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7

package/dist/lib/browser/{settings-JY5JE7MI.mjs → settings-2PHGT4PJ.mjs}

@@ -1,12 +1,15 @@
 import {
   MarkdownCapabilities,
-  Markdown_exports,
+  Markdown_exports
+} from "./chunk-2JGSYTNW.mjs";
+import {
   meta
-} from "./chunk-LMO5UVKL.mjs";
+} from "./chunk-RYZHVXZ5.mjs";
 
 // src/capabilities/settings/settings.ts
 import * as Effect from "effect/Effect";
-import { Capability, Common } from "@dxos/app-framework";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
 import { createKvsStore } from "@dxos/effect";
 var settings_default = Capability.makeModule(() => Effect.sync(() => {
   const settingsAtom = createKvsStore({
@@ -22,7 +25,7 @@ var settings_default = Capability.makeModule(() => Effect.sync(() => {
   });
   return [
     Capability.contributes(MarkdownCapabilities.Settings, settingsAtom),
-    Capability.contributes(Common.Capability.Settings, {
+    Capability.contributes(AppCapabilities.Settings, {
       prefix: meta.id,
       schema: Markdown_exports.Settings,
       atom: settingsAtom
@@ -32,4 +35,4 @@ var settings_default = Capability.makeModule(() => Effect.sync(() => {
 export {
   settings_default as default
 };
-//# sourceMappingURL=settings-JY5JE7MI.mjs.map
+//# sourceMappingURL=settings-2PHGT4PJ.mjs.map

package/dist/lib/browser/settings-2PHGT4PJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/settings/settings.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { createKvsStore } from '@dxos/effect';\n\nimport { meta } from '../../meta';\nimport { Markdown, MarkdownCapabilities } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.sync(() => {\n    const settingsAtom = createKvsStore({\n      key: meta.id,\n      schema: Markdown.Settings,\n      defaultValue: () => ({\n        defaultViewMode: 'preview' as const,\n        toolbar: true,\n        numberedHeadings: true,\n        folding: true,\n        experimental: false,\n      }),\n    });\n\n    return [\n      Capability.contributes(MarkdownCapabilities.Settings, settingsAtom),\n      Capability.contributes(AppCapabilities.Settings, {\n        prefix: meta.id,\n        schema: Markdown.Settings,\n        atom: settingsAtom,\n      }),\n    ];\n  }),\n);\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAChC,SAASC,sBAAsB;AAK/B,IAAA,mBAAeC,WAAWC,WAAW,MAC5BC,YAAK,MAAA;AACV,QAAMC,eAAeC,eAAe;IAClCC,KAAKC,KAAKC;IACVC,QAAQC,iBAASC;IACjBC,cAAc,OAAO;MACnBC,iBAAiB;MACjBC,SAAS;MACTC,kBAAkB;MAClBC,SAAS;MACTC,cAAc;IAChB;EACF,CAAA;AAEA,SAAO;IACLhB,WAAWiB,YAAYC,qBAAqBR,UAAUP,YAAAA;IACtDH,WAAWiB,YAAYE,gBAAgBT,UAAU;MAC/CU,QAAQd,KAAKC;MACbC,QAAQC,iBAASC;MACjBW,MAAMlB;IACR,CAAA;;AAEJ,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "createKvsStore", "Capability", "makeModule", "sync", "settingsAtom", "createKvsStore", "key", "meta", "id", "schema", "Markdown", "Settings", "defaultValue", "defaultViewMode", "toolbar", "numberedHeadings", "folding", "experimental", "contributes", "MarkdownCapabilities", "AppCapabilities", "prefix", "atom"]
+}

package/dist/lib/browser/{state-QE7VSJWJ.mjs → state-KNJ7E36W.mjs}

@@ -1,8 +1,10 @@
 import {
   MarkdownCapabilities,
-  MarkdownStateSchema,
+  MarkdownStateSchema
+} from "./chunk-2JGSYTNW.mjs";
+import {
   meta
-} from "./chunk-LMO5UVKL.mjs";
+} from "./chunk-RYZHVXZ5.mjs";
 
 // src/capabilities/state/state.ts
 import * as Effect from "effect/Effect";
@@ -11,13 +13,13 @@ import { createKvsStore } from "@dxos/effect";
 import { createEditorStateStore } from "@dxos/ui-editor";
 var state_default = Capability.makeModule(Effect.fnUntraced(function* () {
   const stateAtom = createKvsStore({
-    key: `${meta.id}/state`,
+    key: `${meta.id}.state`,
     schema: MarkdownStateSchema,
     defaultValue: () => ({
       viewMode: {}
     })
   });
-  const editorState = createEditorStateStore(`${meta.id}/editor`);
+  const editorState = createEditorStateStore(`${meta.id}.editor`);
   return [
     Capability.contributes(MarkdownCapabilities.State, stateAtom),
     Capability.contributes(MarkdownCapabilities.EditorState, editorState)
@@ -26,4 +28,4 @@ var state_default = Capability.makeModule(Effect.fnUntraced(function* () {
 export {
   state_default as default
 };
-//# sourceMappingURL=state-QE7VSJWJ.mjs.map
+//# sourceMappingURL=state-KNJ7E36W.mjs.map

package/dist/lib/{node-esm/state-LXE5XIN4.mjs.map → browser/state-KNJ7E36W.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/capabilities/state/state.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { createKvsStore } from '@dxos/effect';\nimport { createEditorStateStore } from '@dxos/ui-editor';\n\nimport { meta } from '../../meta';\nimport { MarkdownCapabilities, MarkdownStateSchema } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    // Persisted state using KVS store.\n    const stateAtom = createKvsStore({\n      key: `${meta.id}/state`,\n      schema: MarkdownStateSchema,\n      defaultValue: () => ({ viewMode: {} }),\n    });\n\n    // TODO(wittjosiah): Fold into state.\n    const editorState = createEditorStateStore(`${meta.id}/editor`);\n\n    return [\n      Capability.contributes(MarkdownCapabilities.State, stateAtom),\n      Capability.contributes(MarkdownCapabilities.EditorState, editorState),\n    ];\n  }),\n);\n"],
-  "mappings": ";;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,8BAA8B;AAKvC,IAAA,gBAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAEhB,QAAMC,YAAYC,eAAe;IAC/BC,KAAK,GAAGC,KAAKC,EAAE;IACfC,QAAQC;IACRC,cAAc,OAAO;MAAEC,UAAU,CAAC;IAAE;EACtC,CAAA;AAGA,QAAMC,cAAcC,uBAAuB,GAAGP,KAAKC,EAAE,SAAS;AAE9D,SAAO;IACLP,WAAWc,YAAYC,qBAAqBC,OAAOb,SAAAA;IACnDH,WAAWc,YAAYC,qBAAqBE,aAAaL,WAAAA;;AAE7D,CAAA,CAAA;",
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { createKvsStore } from '@dxos/effect';\nimport { createEditorStateStore } from '@dxos/ui-editor';\n\nimport { meta } from '../../meta';\nimport { MarkdownCapabilities, MarkdownStateSchema } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    // Persisted state using KVS store.\n    const stateAtom = createKvsStore({\n      key: `${meta.id}.state`,\n      schema: MarkdownStateSchema,\n      defaultValue: () => ({ viewMode: {} }),\n    });\n\n    // TODO(wittjosiah): Fold into state.\n    const editorState = createEditorStateStore(`${meta.id}.editor`);\n\n    return [\n      Capability.contributes(MarkdownCapabilities.State, stateAtom),\n      Capability.contributes(MarkdownCapabilities.EditorState, editorState),\n    ];\n  }),\n);\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,8BAA8B;AAKvC,IAAA,gBAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAEhB,QAAMC,YAAYC,eAAe;IAC/BC,KAAK,GAAGC,KAAKC,EAAE;IACfC,QAAQC;IACRC,cAAc,OAAO;MAAEC,UAAU,CAAC;IAAE;EACtC,CAAA;AAGA,QAAMC,cAAcC,uBAAuB,GAAGP,KAAKC,EAAE,SAAS;AAE9D,SAAO;IACLP,WAAWc,YAAYC,qBAAqBC,OAAOb,SAAAA;IACnDH,WAAWc,YAAYC,qBAAqBE,aAAaL,WAAAA;;AAE7D,CAAA,CAAA;",
   "names": ["Effect", "Capability", "createKvsStore", "createEditorStateStore", "Capability", "makeModule", "fnUntraced", "stateAtom", "createKvsStore", "key", "meta", "id", "schema", "MarkdownStateSchema", "defaultValue", "viewMode", "editorState", "createEditorStateStore", "contributes", "MarkdownCapabilities", "State", "EditorState"]
 }

package/dist/lib/browser/types/index.mjs

@@ -5,7 +5,8 @@ import {
   MarkdownOperation,
   MarkdownStateSchema,
   Markdown_exports
-} from "../chunk-LMO5UVKL.mjs";
+} from "../chunk-2JGSYTNW.mjs";
+import "../chunk-RYZHVXZ5.mjs";
 export {
   Markdown_exports as Markdown,
   MarkdownAction_exports as MarkdownAction,

package/dist/lib/node-esm/{chunk-KXEQCFMB.mjs → MarkdownCard-EFCQQR22.mjs}

@@ -1,20 +1,20 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
-  MarkdownEditor
-} from "./chunk-D4BCFPKK.mjs";
-import {
+  MarkdownEditor,
   getContentSnippet
-} from "./chunk-SDTYEGGL.mjs";
+} from "./chunk-RKTB7TV3.mjs";
+import {
+  Markdown_exports
+} from "./chunk-XTF6AXHM.mjs";
 import {
-  Markdown_exports,
   meta
-} from "./chunk-PRV35A7Z.mjs";
+} from "./chunk-CW4FZNMZ.mjs";
 
-// src/components/MarkdownCard/MarkdownCard.tsx
+// src/containers/MarkdownCard/MarkdownCard.tsx
 import React, { useMemo } from "react";
 import { Obj } from "@dxos/echo";
 import { useTranslation } from "@dxos/react-ui";
-import { Card } from "@dxos/react-ui-mosaic";
+import { Card } from "@dxos/react-ui";
 import { Text } from "@dxos/schema";
 var MarkdownCard = ({ subject }) => {
   const { t } = useTranslation(meta.id);
@@ -22,20 +22,30 @@ var MarkdownCard = ({ subject }) => {
     subject
   ]);
   const info = getInfo(subject);
-  return /* @__PURE__ */ React.createElement(Card.Content, null, snippet && /* @__PURE__ */ React.createElement("div", {
-    className: "max-h-[300px] overflow-hidden"
-  }, /* @__PURE__ */ React.createElement(MarkdownEditor.Root, {
+  return /* @__PURE__ */ React.createElement(Card.Content, null, snippet && /* @__PURE__ */ React.createElement(Card.Section, null, /* @__PURE__ */ React.createElement(MarkdownEditor.Root, {
     id: subject.id,
     viewMode: "readonly"
   }, /* @__PURE__ */ React.createElement(MarkdownEditor.Content, {
     initialValue: snippet,
-    slots: {},
-    classNames: "!bg-transparent"
-  }))), /* @__PURE__ */ React.createElement(Card.Text, {
+    classNames: "bg-transparent",
+    slots: {
+      editor: {
+        className: "max-h-[240px]"
+      }
+    }
+  }))), /* @__PURE__ */ React.createElement(Card.Section, null, /* @__PURE__ */ React.createElement(Card.Text, {
     classNames: "text-xs text-description"
   }, info.words, " ", t("words label", {
     count: info.words
-  })));
+  }))));
+};
+var MAX_LINES = 5;
+var getSnippet = (subject, fallback) => {
+  if (Obj.instanceOf(Markdown_exports.Document, subject)) {
+    return Obj.getDescription(subject) || getContentSnippet(subject.content?.target?.content ?? fallback, MAX_LINES);
+  } else if (Obj.instanceOf(Text.Text, subject)) {
+    return getContentSnippet(subject.content ?? fallback, MAX_LINES);
+  }
 };
 var getInfo = (subject) => {
   const text = (Obj.instanceOf(Markdown_exports.Document, subject) ? subject.content?.target?.content : subject.content) ?? "";
@@ -43,19 +53,10 @@ var getInfo = (subject) => {
     words: text.split(" ").length
   };
 };
-var getSnippet = (subject, fallback) => {
-  if (Obj.instanceOf(Markdown_exports.Document, subject)) {
-    return Obj.getDescription(subject) || getContentSnippet(subject.content?.target?.content ?? fallback);
-  } else if (Obj.instanceOf(Text.Text, subject)) {
-    return getContentSnippet(subject.content ?? fallback);
-  }
-};
 
-// src/components/MarkdownCard/index.ts
+// src/containers/MarkdownCard/index.ts
 var MarkdownCard_default = MarkdownCard;
-
 export {
-  MarkdownCard,
-  MarkdownCard_default
+  MarkdownCard_default as default
 };
-//# sourceMappingURL=chunk-KXEQCFMB.mjs.map
+//# sourceMappingURL=MarkdownCard-EFCQQR22.mjs.map

package/dist/lib/node-esm/MarkdownCard-EFCQQR22.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MarkdownCard/MarkdownCard.tsx", "../../../src/containers/MarkdownCard/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui';\nimport { Text } from '@dxos/schema';\n\nimport { MarkdownEditor } from '../../components';\nimport { meta } from '../../meta';\nimport { Markdown } from '../../types';\nimport { getContentSnippet } from '../../util';\n\nexport type MarkdownCardProps = { subject: Markdown.Document | Text.Text };\n\nexport const MarkdownCard = ({ subject }: MarkdownCardProps) => {\n  const { t } = useTranslation(meta.id);\n  const snippet = useMemo(() => getSnippet(subject), [subject]);\n  const info = getInfo(subject);\n\n  return (\n    <Card.Content>\n      {snippet && (\n        <Card.Section>\n          <MarkdownEditor.Root id={subject.id} viewMode='readonly'>\n            <MarkdownEditor.Content\n              initialValue={snippet}\n              classNames='bg-transparent'\n              slots={{\n                editor: { className: 'max-h-[240px]' },\n              }}\n            />\n          </MarkdownEditor.Root>\n        </Card.Section>\n      )}\n      <Card.Section>\n        <Card.Text classNames='text-xs text-description'>\n          {info.words} {t('words label', { count: info.words })}\n        </Card.Text>\n      </Card.Section>\n    </Card.Content>\n  );\n};\n\nconst MAX_LINES = 5;\n\nconst getSnippet = (subject: Markdown.Document | Text.Text, fallback?: string) => {\n  if (Obj.instanceOf(Markdown.Document, subject)) {\n    return Obj.getDescription(subject) || getContentSnippet(subject.content?.target?.content ?? fallback, MAX_LINES);\n  } else if (Obj.instanceOf(Text.Text, subject)) {\n    return getContentSnippet(subject.content ?? fallback, MAX_LINES);\n  }\n};\n\nconst getInfo = (subject: Markdown.Document | Text.Text) => {\n  const text = (Obj.instanceOf(Markdown.Document, subject) ? subject.content?.target?.content : subject.content) ?? '';\n  return { words: text.split(' ').length };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MarkdownCard } from './MarkdownCard';\n\nexport default MarkdownCard;\n"],
+  "mappings": ";;;;;;;;;;;;;AAIA,OAAOA,SAASC,eAAe;AAE/B,SAASC,WAAW;AACpB,SAASC,sBAAsB;AAC/B,SAASC,YAAY;AACrB,SAASC,YAAY;AASd,IAAMC,eAAe,CAAC,EAAEC,QAAO,MAAqB;AACzD,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,UAAUC,QAAQ,MAAMC,WAAWP,OAAAA,GAAU;IAACA;GAAQ;AAC5D,QAAMQ,OAAOC,QAAQT,OAAAA;AAErB,SACE,sBAAA,cAACU,KAAKC,SAAO,MACVN,WACC,sBAAA,cAACK,KAAKE,SAAO,MACX,sBAAA,cAACC,eAAeC,MAAI;IAACV,IAAIJ,QAAQI;IAAIW,UAAS;KAC5C,sBAAA,cAACF,eAAeF,SAAO;IACrBK,cAAcX;IACdY,YAAW;IACXC,OAAO;MACLC,QAAQ;QAAEC,WAAW;MAAgB;IACvC;QAKR,sBAAA,cAACV,KAAKE,SAAO,MACX,sBAAA,cAACF,KAAKW,MAAI;IAACJ,YAAW;KACnBT,KAAKc,OAAM,KAAErB,EAAE,eAAe;IAAEsB,OAAOf,KAAKc;EAAM,CAAA,CAAA,CAAA,CAAA;AAK7D;AAEA,IAAME,YAAY;AAElB,IAAMjB,aAAa,CAACP,SAAwCyB,aAAAA;AAC1D,MAAIC,IAAIC,WAAWC,iBAASC,UAAU7B,OAAAA,GAAU;AAC9C,WAAO0B,IAAII,eAAe9B,OAAAA,KAAY+B,kBAAkB/B,QAAQgC,SAASC,QAAQD,WAAWP,UAAUD,SAAAA;EACxG,WAAWE,IAAIC,WAAWN,KAAKA,MAAMrB,OAAAA,GAAU;AAC7C,WAAO+B,kBAAkB/B,QAAQgC,WAAWP,UAAUD,SAAAA;EACxD;AACF;AAEA,IAAMf,UAAU,CAACT,YAAAA;AACf,QAAMkC,QAAQR,IAAIC,WAAWC,iBAASC,UAAU7B,OAAAA,IAAWA,QAAQgC,SAASC,QAAQD,UAAUhC,QAAQgC,YAAY;AAClH,SAAO;IAAEV,OAAOY,KAAKC,MAAM,GAAA,EAAKC;EAAO;AACzC;;;ACtDA,IAAA,uBAAeC;",
+  "names": ["React", "useMemo", "Obj", "useTranslation", "Card", "Text", "MarkdownCard", "subject", "t", "useTranslation", "meta", "id", "snippet", "useMemo", "getSnippet", "info", "getInfo", "Card", "Content", "Section", "MarkdownEditor", "Root", "viewMode", "initialValue", "classNames", "slots", "editor", "className", "Text", "words", "count", "MAX_LINES", "fallback", "Obj", "instanceOf", "Markdown", "Document", "getDescription", "getContentSnippet", "content", "target", "text", "split", "length", "MarkdownCard"]
+}

package/dist/lib/node-esm/{chunk-3JYPCC7M.mjs → MarkdownContainer-X3UQUNWL.mjs}

@@ -2,25 +2,26 @@ import { createRequire } from 'node:module';const require = createRequire(import
 import {
   MarkdownEditor,
   useLinkQuery
-} from "./chunk-D4BCFPKK.mjs";
+} from "./chunk-RKTB7TV3.mjs";
 import {
   MarkdownCapabilities,
   Markdown_exports
-} from "./chunk-PRV35A7Z.mjs";
+} from "./chunk-XTF6AXHM.mjs";
+import "./chunk-CW4FZNMZ.mjs";
 
-// src/components/MarkdownContainer.tsx
+// src/containers/MarkdownContainer/MarkdownContainer.tsx
 import { Atom } from "@effect-atom/atom-react";
-import React, { forwardRef, useMemo } from "react";
-import { Common } from "@dxos/app-framework";
-import { useAppGraph, useCapabilities } from "@dxos/app-framework/react";
+import React, { forwardRef, useCallback, useMemo } from "react";
+import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
+import { AppCapabilities, LayoutOperation } from "@dxos/app-toolkit";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
 import { Obj } from "@dxos/echo";
 import { useActionRunner } from "@dxos/plugin-graph";
 import { useObject } from "@dxos/react-client/echo";
-import { Layout } from "@dxos/react-ui-mosaic";
+import { Panel } from "@dxos/react-ui";
 import { Text } from "@dxos/schema";
-var MarkdownContainer = /* @__PURE__ */ forwardRef(({ role, subject: object, id, settings, extensionProviders, ...props }, forwardedRef) => {
+var MarkdownContainer = /* @__PURE__ */ forwardRef(({ role, subject: object, id, attendableId, settings, extensionProviders, onSelectObject, ...props }, forwardedRef) => {
   const db = Obj.isObject(object) ? Obj.getDatabase(object) : void 0;
-  const attendableId = Obj.instanceOf(Markdown_exports.Document, object) ? Obj.getDXN(object).toString() : void 0;
   const [docContent] = useObject(Obj.instanceOf(Markdown_exports.Document, object) ? object.content : void 0, "content");
   const [textContent] = useObject(Obj.instanceOf(Text.Text, object) ? object : void 0, "content");
   const initialValue = docContent ?? textContent;
@@ -50,11 +51,12 @@ var MarkdownContainer = /* @__PURE__ */ forwardRef(({ role, subject: object, id,
   const runAction = useActionRunner();
   const customActions = useMemo(() => {
     return Atom.make((get) => {
-      const actions = get(graph.actions(id));
+      const actions = get(graph.actions(attendableId ?? id));
       const nodes = actions.filter((action) => action.properties.disposition === "toolbar");
       const edges = nodes.map((node) => ({
         source: "root",
-        target: node.id
+        target: node.id,
+        relation: "child"
       }));
       return {
         nodes,
@@ -64,7 +66,7 @@ var MarkdownContainer = /* @__PURE__ */ forwardRef(({ role, subject: object, id,
   }, [
     graph
   ]);
-  const [upload] = useCapabilities(Common.Capability.FileUploader);
+  const [upload] = useCapabilities(AppCapabilities.FileUploader);
   const handleFileUpload = useMemo(() => {
     if (!db || !upload) {
       return void 0;
@@ -75,31 +77,49 @@ var MarkdownContainer = /* @__PURE__ */ forwardRef(({ role, subject: object, id,
     upload
   ]);
   const handleLinkQuery = useLinkQuery(db);
-  return /* @__PURE__ */ React.createElement(Layout.Main, {
-    toolbar: settings.toolbar,
-    ref: forwardedRef
-  }, /* @__PURE__ */ React.createElement(MarkdownEditor.Root, {
-    id: attendableId ?? id,
+  const { invokePromise } = useOperationInvoker();
+  const handleSelectObject = useCallback((targetId) => {
+    if (onSelectObject) {
+      onSelectObject(targetId);
+    } else {
+      void invokePromise?.(LayoutOperation.Open, {
+        subject: [
+          targetId
+        ],
+        pivotId: attendableId
+      });
+    }
+  }, [
+    onSelectObject,
+    invokePromise,
+    object,
+    id
+  ]);
+  return /* @__PURE__ */ React.createElement(MarkdownEditor.Root, {
+    id,
+    attendableId,
     object,
     extensions,
     settings,
     onAction: runAction,
     onFileUpload: handleFileUpload,
     onLinkQuery: handleLinkQuery,
+    onSelectObject: handleSelectObject,
     ...props
-  }, settings.toolbar && /* @__PURE__ */ React.createElement(MarkdownEditor.Toolbar, {
-    id: attendableId ?? id,
+  }, /* @__PURE__ */ React.createElement(Panel.Root, {
     role,
+    ref: forwardedRef
+  }, settings.toolbar && /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(MarkdownEditor.Toolbar, {
     customActions
-  }), /* @__PURE__ */ React.createElement(MarkdownEditor.Content, {
+  })), /* @__PURE__ */ React.createElement(Panel.Content, null, /* @__PURE__ */ React.createElement(MarkdownEditor.Content, {
     initialValue,
     scrollPastEnd: role === "article"
-  }), /* @__PURE__ */ React.createElement(MarkdownEditor.Blocks, null)));
+  }), /* @__PURE__ */ React.createElement(MarkdownEditor.Blocks, null))));
 });
-var MarkdownContainer_default = MarkdownContainer;
-
 export {
   MarkdownContainer,
-  MarkdownContainer_default
+  MarkdownContainer as default
 };
-//# sourceMappingURL=chunk-3JYPCC7M.mjs.map
+//# sourceMappingURL=MarkdownContainer-X3UQUNWL.mjs.map

package/dist/lib/node-esm/MarkdownContainer-X3UQUNWL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MarkdownContainer/MarkdownContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport { Atom } from '@effect-atom/atom-react';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { useActionRunner } from '@dxos/plugin-graph';\nimport { useObject } from '@dxos/react-client/echo';\nimport { Panel } from '@dxos/react-ui';\nimport { type SelectionManager } from '@dxos/react-ui-attention';\nimport { Text } from '@dxos/schema';\n\nimport { MarkdownEditor, type MarkdownEditorContentProps, type MarkdownEditorRootProps } from '../../components';\nimport { useLinkQuery } from '../../hooks';\nimport { Markdown, MarkdownCapabilities, type MarkdownPluginState } from '../../types';\n\nexport type MarkdownContainerProps = SurfaceComponentProps<\n  Markdown.Document | Text.Text,\n  {\n    id: string;\n    settings: Markdown.Settings;\n    selectionManager?: SelectionManager;\n  } & Pick<MarkdownPluginState, 'extensionProviders'> &\n    Pick<MarkdownEditorRootProps, 'viewMode' | 'onSelectObject' | 'onViewModeChange'> &\n    Pick<MarkdownEditorContentProps, 'editorStateStore'>\n>;\n\nexport const MarkdownContainer = forwardRef<HTMLDivElement, MarkdownContainerProps>(\n  (\n    { role, subject: object, id, attendableId, settings, extensionProviders, onSelectObject, ...props },\n    forwardedRef,\n  ) => {\n    const db = Obj.isObject(object) ? Obj.getDatabase(object) : undefined;\n    const [docContent] = useObject(Obj.instanceOf(Markdown.Document, object) ? object.content : undefined, 'content');\n    const [textContent] = useObject(Obj.instanceOf(Text.Text, object) ? object : undefined, 'content');\n    const initialValue = docContent ?? textContent;\n\n    // Extensions from other plugins.\n    // TODO(burdon): Document MarkdownPluginState.extensionProviders\n    const otherExtensionProviders = useCapabilities(MarkdownCapabilities.Extensions);\n    const extensions = useMemo<Extension[]>(() => {\n      if (!Obj.instanceOf(Markdown.Document, object) && !Obj.instanceOf(Text.Text, object)) {\n        return [];\n      }\n\n      return [...(otherExtensionProviders ?? []), ...(extensionProviders ?? [])]\n        .flat()\n        .reduce((acc: Extension[], provider) => {\n          const extension =\n            typeof provider === 'function' ? provider({ document: object as Markdown.Document }) : provider;\n          if (extension) {\n            acc.push(extension);\n          }\n\n          return acc;\n        }, []);\n    }, [extensionProviders, otherExtensionProviders, object]);\n\n    // Toolbar actions from app graph.\n    const { graph } = useAppGraph();\n    const runAction = useActionRunner();\n    const customActions = useMemo(() => {\n      return Atom.make((get) => {\n        const actions = get(graph.actions(attendableId ?? id));\n        const nodes = actions.filter((action) => action.properties.disposition === 'toolbar');\n        const edges = nodes.map((node) => ({ source: 'root', target: node.id, relation: 'child' }));\n        return { nodes, edges };\n      });\n    }, [graph]);\n\n    // File upload.\n    const [upload] = useCapabilities(AppCapabilities.FileUploader);\n    const handleFileUpload = useMemo(() => {\n      if (!db || !upload) {\n        return undefined;\n      }\n\n      return async (file: File) => upload(db, file);\n    }, [db, upload]);\n\n    // Query for @ refs.\n    const handleLinkQuery = useLinkQuery(db);\n\n    // Open linked objects.\n    const { invokePromise } = useOperationInvoker();\n    const handleSelectObject = useCallback(\n      (targetId: string) => {\n        if (onSelectObject) {\n          onSelectObject(targetId);\n        } else {\n          void invokePromise?.(LayoutOperation.Open, {\n            subject: [targetId],\n            pivotId: attendableId,\n          });\n        }\n      },\n      [onSelectObject, invokePromise, object, id],\n    );\n\n    return (\n      <MarkdownEditor.Root\n        id={id}\n        attendableId={attendableId}\n        object={object}\n        extensions={extensions}\n        settings={settings}\n        onAction={runAction}\n        onFileUpload={handleFileUpload}\n        onLinkQuery={handleLinkQuery}\n        onSelectObject={handleSelectObject}\n        {...props}\n      >\n        <Panel.Root role={role} ref={forwardedRef}>\n          {settings.toolbar && (\n            <Panel.Toolbar asChild>\n              <MarkdownEditor.Toolbar customActions={customActions} />\n            </Panel.Toolbar>\n          )}\n          <Panel.Content>\n            <MarkdownEditor.Content initialValue={initialValue} scrollPastEnd={role === 'article'} />\n            <MarkdownEditor.Blocks />\n          </Panel.Content>\n        </Panel.Root>\n      </MarkdownEditor.Root>\n    );\n  },\n);\n"],
+  "mappings": ";;;;;;;;;;;;AAKA,SAASA,YAAY;AACrB,OAAOC,SAASC,YAAYC,aAAaC,eAAe;AAExD,SAASC,iBAAiBC,2BAA2B;AACrD,SAASC,iBAAiBC,uBAAuB;AAEjD,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AAEtB,SAASC,YAAY;AAiBd,IAAMC,oBAAoBC,2BAC/B,CACE,EAAEC,MAAMC,SAASC,QAAQC,IAAIC,cAAcC,UAAUC,oBAAoBC,gBAAgB,GAAGC,MAAAA,GAC5FC,iBAAAA;AAEA,QAAMC,KAAKC,IAAIC,SAASV,MAAAA,IAAUS,IAAIE,YAAYX,MAAAA,IAAUY;AAC5D,QAAM,CAACC,UAAAA,IAAcC,UAAUL,IAAIM,WAAWC,iBAASC,UAAUjB,MAAAA,IAAUA,OAAOkB,UAAUN,QAAW,SAAA;AACvG,QAAM,CAACO,WAAAA,IAAeL,UAAUL,IAAIM,WAAWK,KAAKA,MAAMpB,MAAAA,IAAUA,SAASY,QAAW,SAAA;AACxF,QAAMS,eAAeR,cAAcM;AAInC,QAAMG,0BAA0BC,gBAAgBC,qBAAqBC,UAAU;AAC/E,QAAMC,aAAaC,QAAqB,MAAA;AACtC,QAAI,CAAClB,IAAIM,WAAWC,iBAASC,UAAUjB,MAAAA,KAAW,CAACS,IAAIM,WAAWK,KAAKA,MAAMpB,MAAAA,GAAS;AACpF,aAAO,CAAA;IACT;AAEA,WAAO;SAAKsB,2BAA2B,CAAA;SAASlB,sBAAsB,CAAA;MACnEwB,KAAI,EACJC,OAAO,CAACC,KAAkBC,aAAAA;AACzB,YAAMC,YACJ,OAAOD,aAAa,aAAaA,SAAS;QAAEE,UAAUjC;MAA4B,CAAA,IAAK+B;AACzF,UAAIC,WAAW;AACbF,YAAII,KAAKF,SAAAA;MACX;AAEA,aAAOF;IACT,GAAG,CAAA,CAAE;EACT,GAAG;IAAC1B;IAAoBkB;IAAyBtB;GAAO;AAGxD,QAAM,EAAEmC,MAAK,IAAKC,YAAAA;AAClB,QAAMC,YAAYC,gBAAAA;AAClB,QAAMC,gBAAgBZ,QAAQ,MAAA;AAC5B,WAAOa,KAAKC,KAAK,CAACC,QAAAA;AAChB,YAAMC,UAAUD,IAAIP,MAAMQ,QAAQzC,gBAAgBD,EAAAA,CAAAA;AAClD,YAAM2C,QAAQD,QAAQE,OAAO,CAACC,WAAWA,OAAOC,WAAWC,gBAAgB,SAAA;AAC3E,YAAMC,QAAQL,MAAMM,IAAI,CAACC,UAAU;QAAEC,QAAQ;QAAQC,QAAQF,KAAKlD;QAAIqD,UAAU;MAAQ,EAAA;AACxF,aAAO;QAAEV;QAAOK;MAAM;IACxB,CAAA;EACF,GAAG;IAACd;GAAM;AAGV,QAAM,CAACoB,MAAAA,IAAUhC,gBAAgBiC,gBAAgBC,YAAY;AAC7D,QAAMC,mBAAmB/B,QAAQ,MAAA;AAC/B,QAAI,CAACnB,MAAM,CAAC+C,QAAQ;AAClB,aAAO3C;IACT;AAEA,WAAO,OAAO+C,SAAeJ,OAAO/C,IAAImD,IAAAA;EAC1C,GAAG;IAACnD;IAAI+C;GAAO;AAGf,QAAMK,kBAAkBC,aAAarD,EAAAA;AAGrC,QAAM,EAAEsD,cAAa,IAAKC,oBAAAA;AAC1B,QAAMC,qBAAqBC,YACzB,CAACC,aAAAA;AACC,QAAI7D,gBAAgB;AAClBA,qBAAe6D,QAAAA;IACjB,OAAO;AACL,WAAKJ,gBAAgBK,gBAAgBC,MAAM;QACzCrE,SAAS;UAACmE;;QACVG,SAASnE;MACX,CAAA;IACF;EACF,GACA;IAACG;IAAgByD;IAAe9D;IAAQC;GAAG;AAG7C,SACE,sBAAA,cAACqE,eAAeC,MAAI;IAClBtE;IACAC;IACAF;IACA0B;IACAvB;IACAqE,UAAUnC;IACVoC,cAAcf;IACdgB,aAAad;IACbvD,gBAAgB2D;IACf,GAAG1D;KAEJ,sBAAA,cAACqE,MAAMJ,MAAI;IAACzE;IAAY8E,KAAKrE;KAC1BJ,SAAS0E,WACR,sBAAA,cAACF,MAAMG,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACT,eAAeQ,SAAO;IAACvC;OAG5B,sBAAA,cAACoC,MAAMK,SAAO,MACZ,sBAAA,cAACV,eAAeU,SAAO;IAAC3D;IAA4B4D,eAAenF,SAAS;MAC5E,sBAAA,cAACwE,eAAeY,QAAM,IAAA,CAAA,CAAA,CAAA;AAKhC,CAAA;",
+  "names": ["Atom", "React", "forwardRef", "useCallback", "useMemo", "useCapabilities", "useOperationInvoker", "AppCapabilities", "LayoutOperation", "useAppGraph", "Obj", "useActionRunner", "useObject", "Panel", "Text", "MarkdownContainer", "forwardRef", "role", "subject", "object", "id", "attendableId", "settings", "extensionProviders", "onSelectObject", "props", "forwardedRef", "db", "Obj", "isObject", "getDatabase", "undefined", "docContent", "useObject", "instanceOf", "Markdown", "Document", "content", "textContent", "Text", "initialValue", "otherExtensionProviders", "useCapabilities", "MarkdownCapabilities", "Extensions", "extensions", "useMemo", "flat", "reduce", "acc", "provider", "extension", "document", "push", "graph", "useAppGraph", "runAction", "useActionRunner", "customActions", "Atom", "make", "get", "actions", "nodes", "filter", "action", "properties", "disposition", "edges", "map", "node", "source", "target", "relation", "upload", "AppCapabilities", "FileUploader", "handleFileUpload", "file", "handleLinkQuery", "useLinkQuery", "invokePromise", "useOperationInvoker", "handleSelectObject", "useCallback", "targetId", "LayoutOperation", "Open", "pivotId", "MarkdownEditor", "Root", "onAction", "onFileUpload", "onLinkQuery", "Panel", "ref", "toolbar", "Toolbar", "asChild", "Content", "scrollPastEnd", "Blocks"]
+}

package/dist/lib/node-esm/MarkdownSettings-U7GJ4OP3.mjs

@@ -0,0 +1,107 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-CW4FZNMZ.mjs";
+
+// src/containers/MarkdownSettings/MarkdownSettings.tsx
+import React from "react";
+import { Input, Select, useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+import { EditorInputModes, EditorViewModes } from "@dxos/ui-editor";
+var MarkdownSettings = ({ settings, onSettingsChange }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("settings title", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(Settings.Group, null, /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("default view mode label")
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
+    value: settings.defaultViewMode,
+    onValueChange: (value) => {
+      onSettingsChange((s) => ({
+        ...s,
+        defaultViewMode: value
+      }));
+    }
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, null), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, EditorViewModes.map((mode) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`${mode} mode label`, {
+    ns: "@dxos/react-ui-editor"
+  })))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("editor input mode label")
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
+    value: settings.editorInputMode ?? "default",
+    onValueChange: (value) => {
+      onSettingsChange((s) => ({
+        ...s,
+        editorInputMode: value
+      }));
+    }
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    placeholder: t("select editor input mode placeholder")
+  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`settings editor input mode ${mode} label`)))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings toolbar label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.toolbar,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      toolbar: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings numbered headings label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.numberedHeadings,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      numberedHeadings: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings folding label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.folding,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      folding: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings experimental label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.experimental,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      experimental: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings debug label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.debug,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      debug: !!checked
+    }))
+  })), settings.debug && /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings debug textarea label", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(Input.TextArea, {
+    rows: 5,
+    value: settings.typewriter,
+    onChange: ({ target: { value } }) => onSettingsChange((s) => ({
+      ...s,
+      typewriter: value
+    })),
+    placeholder: t("settings debug placeholder")
+  })))));
+};
+
+// src/containers/MarkdownSettings/index.ts
+var MarkdownSettings_default = MarkdownSettings;
+export {
+  MarkdownSettings_default as default
+};
+//# sourceMappingURL=MarkdownSettings-U7GJ4OP3.mjs.map

package/dist/lib/node-esm/MarkdownSettings-U7GJ4OP3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MarkdownSettings/MarkdownSettings.tsx", "../../../src/containers/MarkdownSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, Select, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\nimport { type EditorInputMode, EditorInputModes, type EditorViewMode, EditorViewModes } from '@dxos/ui-editor';\n\nimport { meta } from '../../meta';\nimport { type Markdown } from '../../types';\n\nexport type MarkdownSettingsComponentProps = {\n  settings: Markdown.Settings;\n  onSettingsChange: (fn: (current: Markdown.Settings) => Markdown.Settings) => void;\n};\n\nexport const MarkdownSettings = ({ settings, onSettingsChange }: MarkdownSettingsComponentProps) => {\n  const { t } = useTranslation(meta.id);\n\n  // TODO(wittjosiah): Add skill test confirmation for entering vim mode.\n  return (\n    <Settings.Root>\n      <Settings.Section title={t('settings title', { ns: meta.id })}>\n        <Settings.Group>\n          <Settings.ItemInput title={t('default view mode label')}>\n            <Select.Root\n              value={settings.defaultViewMode}\n              onValueChange={(value) => {\n                onSettingsChange((s) => ({ ...s, defaultViewMode: value as EditorViewMode }));\n              }}\n            >\n              <Select.TriggerButton />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    {EditorViewModes.map((mode) => (\n                      <Select.Option key={mode} value={mode}>\n                        {t(`${mode} mode label`, { ns: '@dxos/react-ui-editor' })}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('editor input mode label')}>\n            <Select.Root\n              value={settings.editorInputMode ?? 'default'}\n              onValueChange={(value) => {\n                onSettingsChange((s) => ({ ...s, editorInputMode: value as EditorInputMode }));\n              }}\n            >\n              <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    {EditorInputModes.map((mode) => (\n                      <Select.Option key={mode} value={mode}>\n                        {t(`settings editor input mode ${mode} label`)}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings toolbar label')}>\n            <Input.Switch\n              checked={settings.toolbar}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, toolbar: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings numbered headings label')}>\n            <Input.Switch\n              checked={settings.numberedHeadings}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, numberedHeadings: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings folding label')}>\n            <Input.Switch\n              checked={settings.folding}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, folding: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings experimental label')}>\n            <Input.Switch\n              checked={settings.experimental}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, experimental: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings debug label')}>\n            <Input.Switch\n              checked={settings.debug}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, debug: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          {settings.debug && (\n            <Settings.ItemInput title={t('settings debug textarea label', { ns: meta.id })}>\n              <Input.TextArea\n                rows={5}\n                value={settings.typewriter}\n                onChange={({ target: { value } }) => onSettingsChange((s) => ({ ...s, typewriter: value }))}\n                placeholder={t('settings debug placeholder')}\n              />\n            </Settings.ItemInput>\n          )}\n        </Settings.Group>\n      </Settings.Section>\n    </Settings.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MarkdownSettings } from './MarkdownSettings';\n\nexport default MarkdownSettings;\n"],
+  "mappings": "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",
+  "names": ["React", "Input", "Select", "useTranslation", "Settings", "EditorInputModes", "EditorViewModes", "MarkdownSettings", "settings", "onSettingsChange", "t", "useTranslation", "meta", "id", "Settings", "Root", "Section", "title", "ns", "Group", "ItemInput", "Select", "value", "defaultViewMode", "onValueChange", "s", "TriggerButton", "Portal", "Content", "Viewport", "EditorViewModes", "map", "mode", "Option", "key", "Arrow", "editorInputMode", "placeholder", "EditorInputModes", "Input", "Switch", "checked", "toolbar", "onCheckedChange", "numberedHeadings", "folding", "experimental", "debug", "TextArea", "rows", "typewriter", "onChange", "target", "MarkdownSettings"]
+}

package/dist/lib/node-esm/{anchor-sort-G7D5TAI6.mjs → anchor-sort-4574EWPS.mjs}

@@ -1,14 +1,16 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   Markdown_exports
-} from "./chunk-PRV35A7Z.mjs";
+} from "./chunk-XTF6AXHM.mjs";
+import "./chunk-CW4FZNMZ.mjs";
 
 // src/capabilities/anchor-sort/anchor-sort.ts
 import * as Effect from "effect/Effect";
-import { Capability, Common } from "@dxos/app-framework";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
 import { Relation } from "@dxos/echo";
 import { createDocAccessor, getRangeFromCursor } from "@dxos/echo-db";
-var anchor_sort_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Common.Capability.AnchorSort, {
+var anchor_sort_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(AppCapabilities.AnchorSort, {
   key: Markdown_exports.Document.typename,
   sort: (anchorA, anchorB) => {
     const doc = Relation.getTarget(anchorA);
@@ -30,4 +32,4 @@ var anchor_sort_default = Capability.makeModule(() => Effect.succeed(Capability.
 export {
   anchor_sort_default as default
 };
-//# sourceMappingURL=anchor-sort-G7D5TAI6.mjs.map
+//# sourceMappingURL=anchor-sort-4574EWPS.mjs.map

package/dist/lib/node-esm/anchor-sort-4574EWPS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/anchor-sort/anchor-sort.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { Relation } from '@dxos/echo';\nimport { createDocAccessor, getRangeFromCursor } from '@dxos/echo-db';\nimport { type AnchoredTo } from '@dxos/types';\n\nimport { Markdown } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(AppCapabilities.AnchorSort, {\n      key: Markdown.Document.typename,\n      sort: (anchorA: AnchoredTo.AnchoredTo, anchorB: AnchoredTo.AnchoredTo) => {\n        const doc = Relation.getTarget(anchorA) as Markdown.Document;\n        const accessor = doc.content.target ? createDocAccessor(doc.content.target, ['content']) : undefined;\n        if (doc !== Relation.getTarget(anchorB) || !accessor) {\n          return 0;\n        }\n\n        const getStartPosition = (cursor: string | undefined) => {\n          const range = cursor ? getRangeFromCursor(accessor, cursor) : undefined;\n          return range?.start ?? Number.MAX_SAFE_INTEGER;\n        };\n\n        const posA = getStartPosition(anchorA.anchor);\n        const posB = getStartPosition(anchorB.anchor);\n        return posA - posB;\n      },\n    }),\n  ),\n);\n"],
+  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,mBAAmBC,0BAA0B;AAKtD,IAAA,sBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,gBAAgBC,YAAY;EACjDC,KAAKC,iBAASC,SAASC;EACvBC,MAAM,CAACC,SAAgCC,YAAAA;AACrC,UAAMC,MAAMC,SAASC,UAAUJ,OAAAA;AAC/B,UAAMK,WAAWH,IAAII,QAAQC,SAASC,kBAAkBN,IAAII,QAAQC,QAAQ;MAAC;KAAU,IAAIE;AAC3F,QAAIP,QAAQC,SAASC,UAAUH,OAAAA,KAAY,CAACI,UAAU;AACpD,aAAO;IACT;AAEA,UAAMK,mBAAmB,CAACC,WAAAA;AACxB,YAAMC,QAAQD,SAASE,mBAAmBR,UAAUM,MAAAA,IAAUF;AAC9D,aAAOG,OAAOE,SAASC,OAAOC;IAChC;AAEA,UAAMC,OAAOP,iBAAiBV,QAAQkB,MAAM;AAC5C,UAAMC,OAAOT,iBAAiBT,QAAQiB,MAAM;AAC5C,WAAOD,OAAOE;EAChB;AACF,CAAA,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "Relation", "createDocAccessor", "getRangeFromCursor", "Capability", "makeModule", "succeed", "contributes", "AppCapabilities", "AnchorSort", "key", "Markdown", "Document", "typename", "sort", "anchorA", "anchorB", "doc", "Relation", "getTarget", "accessor", "content", "target", "createDocAccessor", "undefined", "getStartPosition", "cursor", "range", "getRangeFromCursor", "start", "Number", "MAX_SAFE_INTEGER", "posA", "anchor", "posB"]
+}

package/dist/lib/node-esm/{app-graph-serializer-W5YMQP7P.mjs → app-graph-serializer-CCMYKW2M.mjs}

@@ -1,22 +1,24 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   translations
-} from "./chunk-44VJC3QF.mjs";
+} from "./chunk-QQF75YGF.mjs";
 import {
   MarkdownOperation,
   Markdown_exports
-} from "./chunk-PRV35A7Z.mjs";
+} from "./chunk-XTF6AXHM.mjs";
+import "./chunk-CW4FZNMZ.mjs";
 
 // src/capabilities/app-graph-serializer/app-graph-serializer.ts
 import * as Effect from "effect/Effect";
-import { Capability, Common } from "@dxos/app-framework";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
 import { Obj } from "@dxos/echo";
+import { Collection } from "@dxos/echo";
 import { SpaceOperation } from "@dxos/plugin-space/types";
 import { isSpace } from "@dxos/react-client/echo";
-import { Collection } from "@dxos/schema";
 var app_graph_serializer_default = Capability.makeModule(Effect.fnUntraced(function* () {
   const capabilities = yield* Capability.Service;
-  return Capability.contributes(Common.Capability.AppGraphSerializer, [
+  return Capability.contributes(AppCapabilities.AppGraphSerializer, [
     {
       inputType: Markdown_exports.Document.typename,
       outputType: "text/markdown",
@@ -36,7 +38,7 @@ var app_graph_serializer_default = Capability.makeModule(Effect.fnUntraced(funct
         if (!space || !target) {
           return;
         }
-        const { invokePromise } = capabilities.get(Common.Capability.OperationInvoker);
+        const { invokePromise } = capabilities.get(Capabilities.OperationInvoker);
         const createResult = await invokePromise(MarkdownOperation.Create, {
           name: data.name,
           content: data.data
@@ -56,4 +58,4 @@ var app_graph_serializer_default = Capability.makeModule(Effect.fnUntraced(funct
 export {
   app_graph_serializer_default as default
 };
-//# sourceMappingURL=app-graph-serializer-W5YMQP7P.mjs.map
+//# sourceMappingURL=app-graph-serializer-CCMYKW2M.mjs.map

package/dist/lib/node-esm/app-graph-serializer-CCMYKW2M.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-serializer/app-graph-serializer.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { Obj } from '@dxos/echo';\nimport { Collection } from '@dxos/echo';\nimport { SpaceOperation } from '@dxos/plugin-space/types';\nimport { isSpace } from '@dxos/react-client/echo';\n\nimport { translations } from '../../translations';\nimport { Markdown, MarkdownOperation } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    // Get context for lazy capability access in callbacks.\n    const capabilities = yield* Capability.Service;\n\n    return Capability.contributes(AppCapabilities.AppGraphSerializer, [\n      {\n        inputType: Markdown.Document.typename,\n        outputType: 'text/markdown',\n        // Reconcile with metadata serializers.\n        serialize: async (node) => {\n          const doc = node.data;\n          const content = await doc.content.load();\n          return {\n            name:\n              doc.name ||\n              doc.fallbackName ||\n              translations[0]['en-US'][Markdown.Document.typename]['object name placeholder'],\n            data: content.content,\n            type: 'text/markdown',\n          };\n        },\n        deserialize: async (data, ancestors) => {\n          const space = ancestors.find(isSpace);\n          const target =\n            ancestors.findLast((ancestor) => Obj.instanceOf(Collection.Collection, ancestor)) ??\n            space?.properties[Collection.Collection.typename]?.target;\n          if (!space || !target) {\n            return;\n          }\n\n          const { invokePromise } = capabilities.get(Capabilities.OperationInvoker);\n          const createResult = await invokePromise(MarkdownOperation.Create, { name: data.name, content: data.data });\n          if (!createResult.data?.object) {\n            return undefined;\n          }\n          await invokePromise(SpaceOperation.AddObject, { target, object: createResult.data.object });\n\n          return createResult.data.object;\n        },\n      },\n    ]);\n  }),\n);\n"],
+  "mappings": ";;;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,uBAAuB;AAChC,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,eAAe;AAKxB,IAAA,+BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAEhB,QAAMC,eAAe,OAAOH,WAAWI;AAEvC,SAAOJ,WAAWK,YAAYC,gBAAgBC,oBAAoB;IAChE;MACEC,WAAWC,iBAASC,SAASC;MAC7BC,YAAY;;MAEZC,WAAW,OAAOC,SAAAA;AAChB,cAAMC,MAAMD,KAAKE;AACjB,cAAMC,UAAU,MAAMF,IAAIE,QAAQC,KAAI;AACtC,eAAO;UACLC,MACEJ,IAAII,QACJJ,IAAIK,gBACJC,aAAa,CAAA,EAAG,OAAA,EAASZ,iBAASC,SAASC,QAAQ,EAAE,yBAAA;UACvDK,MAAMC,QAAQA;UACdK,MAAM;QACR;MACF;MACAC,aAAa,OAAOP,MAAMQ,cAAAA;AACxB,cAAMC,QAAQD,UAAUE,KAAKC,OAAAA;AAC7B,cAAMC,SACJJ,UAAUK,SAAS,CAACC,aAAaC,IAAIC,WAAWC,WAAWA,YAAYH,QAAAA,CAAAA,KACvEL,OAAOS,WAAWD,WAAWA,WAAWtB,QAAQ,GAAGiB;AACrD,YAAI,CAACH,SAAS,CAACG,QAAQ;AACrB;QACF;AAEA,cAAM,EAAEO,cAAa,IAAKhC,aAAaiC,IAAIC,aAAaC,gBAAgB;AACxE,cAAMC,eAAe,MAAMJ,cAAcK,kBAAkBC,QAAQ;UAAEtB,MAAMH,KAAKG;UAAMF,SAASD,KAAKA;QAAK,CAAA;AACzG,YAAI,CAACuB,aAAavB,MAAM0B,QAAQ;AAC9B,iBAAOC;QACT;AACA,cAAMR,cAAcS,eAAeC,WAAW;UAAEjB;UAAQc,QAAQH,aAAavB,KAAK0B;QAAO,CAAA;AAEzF,eAAOH,aAAavB,KAAK0B;MAC3B;IACF;GACD;AACH,CAAA,CAAA;",
+  "names": ["Effect", "Capabilities", "Capability", "AppCapabilities", "Obj", "Collection", "SpaceOperation", "isSpace", "Capability", "makeModule", "fnUntraced", "capabilities", "Service", "contributes", "AppCapabilities", "AppGraphSerializer", "inputType", "Markdown", "Document", "typename", "outputType", "serialize", "node", "doc", "data", "content", "load", "name", "fallbackName", "translations", "type", "deserialize", "ancestors", "space", "find", "isSpace", "target", "findLast", "ancestor", "Obj", "instanceOf", "Collection", "properties", "invokePromise", "get", "Capabilities", "OperationInvoker", "createResult", "MarkdownOperation", "Create", "object", "undefined", "SpaceOperation", "AddObject"]
+}

package/dist/lib/node-esm/blueprint-definition-TZPCKPPU.mjs

@@ -0,0 +1,19 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  markdown_blueprint_default
+} from "./chunk-7UHD5AKT.mjs";
+import "./chunk-XTF6AXHM.mjs";
+import "./chunk-CW4FZNMZ.mjs";
+
+// src/capabilities/blueprint-definition/blueprint-definition.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+var blueprintDefinition = Capability.makeModule(() => Effect.succeed([
+  Capability.contributes(AppCapabilities.BlueprintDefinition, markdown_blueprint_default)
+]));
+var blueprint_definition_default = blueprintDefinition;
+export {
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-TZPCKPPU.mjs.map