@dxos/plugin-template 0.7.5-main.9d26e3a → 0.7.5-main.9d2a38b

package/dist/lib/browser/chunk-FLZIRPLH.mjs

@@ -0,0 +1,47 @@
+// packages/plugins/experimental/plugin-template/src/types.ts
+import { S, TypedObject } from "@dxos/echo-schema";
+import { isEchoObject, ReactiveObjectSchema } from "@dxos/react-client/echo";
+
+// packages/plugins/experimental/plugin-template/src/meta.ts
+var TEMPLATE_PLUGIN = "dxos.org/plugin/template";
+var meta = {
+  id: TEMPLATE_PLUGIN,
+  name: "Template",
+  icon: "ph--asterisk--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-template"
+};
+
+// packages/plugins/experimental/plugin-template/src/types.ts
+var TemplateAction;
+(function(TemplateAction2) {
+  const TEMPLATE_ACTION = `${TEMPLATE_PLUGIN}/action`;
+  class Create extends S.TaggedClass()(`${TEMPLATE_ACTION}/create`, {
+    input: S.Struct({
+      name: S.optional(S.String)
+    }),
+    output: S.Struct({
+      object: ReactiveObjectSchema
+    })
+  }) {
+  }
+  TemplateAction2.Create = Create;
+})(TemplateAction || (TemplateAction = {}));
+var isObject = (object) => {
+  return isEchoObject(object) && object.type === "template";
+};
+var TemplateType = class extends TypedObject({
+  typename: "dxos.org/type/Template",
+  version: "0.1.0"
+})({
+  name: S.optional(S.String)
+}) {
+};
+
+export {
+  TEMPLATE_PLUGIN,
+  meta,
+  TemplateAction,
+  isObject,
+  TemplateType
+};
+//# sourceMappingURL=chunk-FLZIRPLH.mjs.map

package/dist/lib/browser/chunk-FLZIRPLH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts", "../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { S, TypedObject } from '@dxos/echo-schema';\nimport { isEchoObject, ReactiveObjectSchema, type ReactiveEchoObject } from '@dxos/react-client/echo';\n\nimport { TEMPLATE_PLUGIN } from './meta';\n\nexport namespace TemplateAction {\n  const TEMPLATE_ACTION = `${TEMPLATE_PLUGIN}/action`;\n\n  export class Create extends S.TaggedClass<Create>()(`${TEMPLATE_ACTION}/create`, {\n    input: S.Struct({\n      name: S.optional(S.String),\n    }),\n    output: S.Struct({\n      object: ReactiveObjectSchema,\n    }),\n  }) {}\n}\n\n// TODO(burdon): Warning: Encountered two children with the same key, `dxos.org/plugin/template`.\n// TODO(burdon): Better way to detect?\nexport const isObject = (object: unknown): object is ReactiveEchoObject<any> => {\n  return isEchoObject(object) && object.type === 'template';\n};\n\nexport class TemplateType extends TypedObject({ typename: 'dxos.org/type/Template', version: '0.1.0' })({\n  name: S.optional(S.String),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const TEMPLATE_PLUGIN = 'dxos.org/plugin/template';\n\nexport const meta = {\n  id: TEMPLATE_PLUGIN,\n  name: 'Template',\n  icon: 'ph--asterisk--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-template',\n} satisfies PluginMeta;\n"],
+  "mappings": ";AAIA,SAASA,GAAGC,mBAAmB;AAC/B,SAASC,cAAcC,4BAAqD;;;ACCrE,IAAMC,kBAAkB;AAExB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;;;;UDJiBC,iBAAAA;AACf,QAAMC,kBAAkB,GAAGC,eAAAA;EAEpB,MAAMC,eAAeC,EAAEC,YAAW,EAAW,GAAGJ,eAAAA,WAA0B;IAC/EK,OAAOF,EAAEG,OAAO;MACdC,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;IAC3B,CAAA;IACAC,QAAQP,EAAEG,OAAO;MACfK,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;kBAPSV,SAAAA;AAQf,GAXiBH,mBAAAA,iBAAAA,CAAAA,EAAAA;AAeV,IAAMc,WAAW,CAACF,WAAAA;AACvB,SAAOG,aAAaH,MAAAA,KAAWA,OAAOI,SAAS;AACjD;AAEO,IAAMC,eAAN,cAA2BC,YAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGZ,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;AAC3B,CAAA,EAAA;AAAI;",
+  "names": ["S", "TypedObject", "isEchoObject", "ReactiveObjectSchema", "TEMPLATE_PLUGIN", "meta", "id", "name", "icon", "source", "TemplateAction", "TEMPLATE_ACTION", "TEMPLATE_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "output", "object", "ReactiveObjectSchema", "isObject", "isEchoObject", "type", "TemplateType", "TypedObject", "typename", "version"]
+}

package/dist/lib/browser/index.mjs

@@ -1,35 +1,18 @@
 import {
   TEMPLATE_PLUGIN,
-  meta_default
-} from "./chunk-CPSXHPOD.mjs";
+  TemplateAction,
+  TemplateType,
+  meta
+} from "./chunk-FLZIRPLH.mjs";
 
 // packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx
-import React2 from "react";
-import { createSurface, createIntent, createResolver } from "@dxos/app-framework";
-import { create } from "@dxos/react-client/echo";
+import { createIntent, Capabilities, contributes, Events, defineModule, definePlugin, oneOf } from "@dxos/app-framework";
+import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
 
-// packages/plugins/experimental/plugin-template/src/components/TemplateMain.tsx
-import React from "react";
-import { PublicKey } from "@dxos/react-client";
-import { getSpace } from "@dxos/react-client/echo";
-import { Main } from "@dxos/react-ui";
-import { baseSurface, topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
-var TemplateMain = ({ object }) => {
-  const space = getSpace(object);
-  return (
-    // TODO(burdon): Boilerplate.
-    /* @__PURE__ */ React.createElement(Main.Content, {
-      classNames: [
-        baseSurface,
-        fixedInsetFlexLayout,
-        topbarBlockPaddingStart,
-        bottombarBlockPaddingEnd
-      ]
-    }, /* @__PURE__ */ React.createElement("pre", {
-      className: "m-4 p-2 ring"
-    }, /* @__PURE__ */ React.createElement("span", null, space?.key.truncate()), "/", /* @__PURE__ */ React.createElement("span", null, PublicKey.from(object.id).truncate())))
-  );
-};
+// packages/plugins/experimental/plugin-template/src/capabilities/index.ts
+import { lazy } from "@dxos/app-framework";
+var IntentResolver = lazy(() => import("./intent-resolver-7UI73TQM.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-UV46UZND.mjs"));
 
 // packages/plugins/experimental/plugin-template/src/translations.ts
 var translations_default = [
@@ -45,73 +28,51 @@ var translations_default = [
   }
 ];
 
-// packages/plugins/experimental/plugin-template/src/types.ts
-import { S } from "@dxos/echo-schema";
-import { isEchoObject, ReactiveObjectSchema } from "@dxos/react-client/echo";
-var TemplateAction;
-(function(TemplateAction2) {
-  const TEMPLATE_ACTION = `${TEMPLATE_PLUGIN}/action`;
-  class Create extends S.TaggedClass()(`${TEMPLATE_ACTION}/create`, {
-    input: S.Struct({
-      name: S.optional(S.String)
-    }),
-    output: S.Struct({
-      object: ReactiveObjectSchema
-    })
-  }) {
-  }
-  TemplateAction2.Create = Create;
-})(TemplateAction || (TemplateAction = {}));
-var isObject = (object) => {
-  return isEchoObject(object) && object.type === "template";
-};
-
 // packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx
-var typename = "template";
-var TemplatePlugin = () => {
-  return {
-    meta: meta_default,
-    provides: {
+var TemplatePlugin = () => definePlugin(meta, [
+  defineModule({
+    id: `${meta.id}/module/translations`,
+    activatesOn: Events.SetupTranslations,
+    activate: () => contributes(Capabilities.Translations, translations_default)
+  }),
+  defineModule({
+    id: `${meta.id}/module/metadata`,
+    activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
+    activate: () => contributes(Capabilities.Metadata, {
+      id: TemplateType.typename,
       metadata: {
-        records: {
-          [typename]: {
-            createObject: (props) => createIntent(TemplateAction.Create, props),
-            placeholder: [
-              "object placeholder",
-              {
-                ns: TEMPLATE_PLUGIN
-              }
-            ],
-            icon: "ph--asterisk--regular"
+        createObject: (props) => createIntent(TemplateAction.Create, props),
+        placeholder: [
+          "object placeholder",
+          {
+            ns: TEMPLATE_PLUGIN
           }
-        }
-      },
-      translations: translations_default,
-      surface: {
-        definitions: () => createSurface({
-          id: TEMPLATE_PLUGIN,
-          role: "article",
-          filter: (data) => isObject(data.subject),
-          component: ({ data }) => /* @__PURE__ */ React2.createElement(TemplateMain, {
-            object: data.subject
-          })
-        })
-      },
-      intent: {
-        resolvers: () => createResolver(TemplateAction.Create, ({ name }) => ({
-          // TODO(burdon): Set typename.
-          data: {
-            object: create({
-              type: "template",
-              name
-            })
-          }
-        }))
+        ],
+        icon: "ph--asterisk--regular"
       }
-    }
-  };
-};
+    })
+  }),
+  defineModule({
+    id: `${meta.id}/module/schema`,
+    activatesOn: ClientEvents.SetupClient,
+    activate: () => contributes(ClientCapabilities.Schema, [
+      TemplateType
+    ])
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: Events.Startup,
+    activate: ReactSurface
+  }),
+  defineModule({
+    id: `${meta.id}/module/intent-resolver`,
+    activatesOn: Events.SetupIntents,
+    activate: IntentResolver
+  })
+]);
 export {
-  TemplatePlugin
+  TEMPLATE_PLUGIN,
+  TemplatePlugin,
+  meta
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/TemplatePlugin.tsx", "../../../src/components/TemplateMain.tsx", "../../../src/translations.ts", "../../../src/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type PluginDefinition, createSurface, createIntent, createResolver } from '@dxos/app-framework';\nimport { create, type ReactiveEchoObject } from '@dxos/react-client/echo';\n\nimport { TemplateMain } from './components';\nimport meta, { TEMPLATE_PLUGIN } from './meta';\nimport translations from './translations';\nimport { TemplateAction, type TemplatePluginProvides, isObject } from './types';\n\nconst typename = 'template'; // Type.schema.typename\n\nexport const TemplatePlugin = (): PluginDefinition<TemplatePluginProvides> => {\n  return {\n    meta,\n    provides: {\n      metadata: {\n        records: {\n          [typename]: {\n            createObject: (props: { name?: string }) => createIntent(TemplateAction.Create, props),\n            placeholder: ['object placeholder', { ns: TEMPLATE_PLUGIN }],\n            icon: 'ph--asterisk--regular',\n          },\n        },\n      },\n      translations,\n      surface: {\n        definitions: () =>\n          createSurface({\n            id: TEMPLATE_PLUGIN,\n            role: 'article',\n            filter: (data): data is { subject: ReactiveEchoObject<any> } => isObject(data.subject),\n            component: ({ data }) => <TemplateMain object={data.subject} />,\n          }),\n      },\n      intent: {\n        resolvers: () =>\n          createResolver(TemplateAction.Create, ({ name }) => ({\n            // TODO(burdon): Set typename.\n            data: { object: create({ type: 'template', name }) },\n          })),\n      },\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { PublicKey } from '@dxos/react-client';\nimport { type ReactiveEchoObject, getSpace } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport {\n  baseSurface,\n  topbarBlockPaddingStart,\n  fixedInsetFlexLayout,\n  bottombarBlockPaddingEnd,\n} from '@dxos/react-ui-theme';\n\nexport const TemplateMain: FC<{ object: ReactiveEchoObject<any> }> = ({ object }) => {\n  const space = getSpace(object);\n\n  return (\n    // TODO(burdon): Boilerplate.\n    <Main.Content classNames={[baseSurface, fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <pre className='m-4 p-2 ring'>\n        <span>{space?.key.truncate()}</span>/<span>{PublicKey.from(object.id).truncate()}</span>\n      </pre>\n    </Main.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { TEMPLATE_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [TEMPLATE_PLUGIN]: {\n        'plugin name': 'Template',\n        'object placeholder': 'New object',\n        'create object label': 'Create object',\n        'delete object label': 'Delete', // TODO(burdon): Standard for actions menu.\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  IntentResolverProvides,\n  TranslationsProvides,\n  SurfaceProvides,\n  MetadataRecordsProvides,\n} from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { isEchoObject, ReactiveObjectSchema, type ReactiveEchoObject } from '@dxos/react-client/echo';\n\nimport { TEMPLATE_PLUGIN } from './meta';\n\nexport namespace TemplateAction {\n  const TEMPLATE_ACTION = `${TEMPLATE_PLUGIN}/action`;\n\n  export class Create extends S.TaggedClass<Create>()(`${TEMPLATE_ACTION}/create`, {\n    input: S.Struct({\n      name: S.optional(S.String),\n    }),\n    output: S.Struct({\n      object: ReactiveObjectSchema,\n    }),\n  }) {}\n}\n\nexport type TemplatePluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  MetadataRecordsProvides &\n  TranslationsProvides;\n\n// TODO(burdon): Warning: Encountered two children with the same key, `dxos.org/plugin/template`.\n// TODO(burdon): Better way to detect?\nexport const isObject = (object: unknown): object is ReactiveEchoObject<any> => {\n  return isEchoObject(object) && object.type === 'template';\n};\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAAgCC,eAAeC,cAAcC,sBAAsB;AACnF,SAASC,cAAuC;;;ACHhD,OAAOC,WAAwB;AAE/B,SAASC,iBAAiB;AAC1B,SAAkCC,gBAAgB;AAClD,SAASC,YAAY;AACrB,SACEC,aACAC,yBACAC,sBACAC,gCACK;AAEA,IAAMC,eAAwD,CAAC,EAAEC,OAAM,MAAE;AAC9E,QAAMC,QAAQC,SAASF,MAAAA;AAEvB;;IAEE,sBAAA,cAACG,KAAKC,SAAO;MAACC,YAAY;QAACC;QAAaC;QAAsBC;QAAyBC;;OACrF,sBAAA,cAACC,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACC,QAAAA,MAAMX,OAAOY,IAAIC,SAAAA,CAAAA,GAAkB,KAAC,sBAAA,cAACF,QAAAA,MAAMG,UAAUC,KAAKhB,OAAOiB,EAAE,EAAEH,SAAQ,CAAA,CAAA,CAAA;;AAItF;;;ACrBA,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACI,eAAAA,GAAkB;QACjB,eAAe;QACf,sBAAsB;QACtB,uBAAuB;QACvB,uBAAuB;MACzB;IACF;EACF;;;;ACNF,SAASC,SAAS;AAClB,SAASC,cAAcC,4BAAqD;;UAI3DC,iBAAAA;AACf,QAAMC,kBAAkB,GAAGC,eAAAA;EAEpB,MAAMC,eAAeC,EAAEC,YAAW,EAAW,GAAGJ,eAAAA,WAA0B;IAC/EK,OAAOF,EAAEG,OAAO;MACdC,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;IAC3B,CAAA;IACAC,QAAQP,EAAEG,OAAO;MACfK,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;kBAPSV,SAAAA;AAQf,GAXiBH,mBAAAA,iBAAAA,CAAAA,EAAAA;AAoBV,IAAMc,WAAW,CAACF,WAAAA;AACvB,SAAOG,aAAaH,MAAAA,KAAWA,OAAOI,SAAS;AACjD;;;AHvBA,IAAMC,WAAW;AAEV,IAAMC,iBAAiB,MAAA;AAC5B,SAAO;IACLC;IACAC,UAAU;MACRC,UAAU;QACRC,SAAS;UACP,CAACL,QAAAA,GAAW;YACVM,cAAc,CAACC,UAA6BC,aAAaC,eAAeC,QAAQH,KAAAA;YAChFI,aAAa;cAAC;cAAsB;gBAAEC,IAAIC;cAAgB;;YAC1DC,MAAM;UACR;QACF;MACF;MACAC;MACAC,SAAS;QACPC,aAAa,MACXC,cAAc;UACZC,IAAIN;UACJO,MAAM;UACNC,QAAQ,CAACC,SAAuDC,SAASD,KAAKE,OAAO;UACrFC,WAAW,CAAC,EAAEH,KAAI,MAAO,gBAAAI,OAAA,cAACC,cAAAA;YAAaC,QAAQN,KAAKE;;QACtD,CAAA;MACJ;MACAK,QAAQ;QACNC,WAAW,MACTC,eAAetB,eAAeC,QAAQ,CAAC,EAAEsB,KAAI,OAAQ;;UAEnDV,MAAM;YAAEM,QAAQK,OAAO;cAAEC,MAAM;cAAYF;YAAK,CAAA;UAAG;QACrD,EAAA;MACJ;IACF;EACF;AACF;",
-  "names": ["React", "createSurface", "createIntent", "createResolver", "create", "React", "PublicKey", "getSpace", "Main", "baseSurface", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "TemplateMain", "object", "space", "getSpace", "Main", "Content", "classNames", "baseSurface", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "pre", "className", "span", "key", "truncate", "PublicKey", "from", "id", "TEMPLATE_PLUGIN", "S", "isEchoObject", "ReactiveObjectSchema", "TemplateAction", "TEMPLATE_ACTION", "TEMPLATE_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "output", "object", "ReactiveObjectSchema", "isObject", "isEchoObject", "type", "typename", "TemplatePlugin", "meta", "provides", "metadata", "records", "createObject", "props", "createIntent", "TemplateAction", "Create", "placeholder", "ns", "TEMPLATE_PLUGIN", "icon", "translations", "surface", "definitions", "createSurface", "id", "role", "filter", "data", "isObject", "subject", "component", "React", "TemplateMain", "object", "intent", "resolvers", "createResolver", "name", "create", "type"]
+  "sources": ["../../../src/TemplatePlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  createIntent,\n  Capabilities,\n  contributes,\n  Events,\n  defineModule,\n  definePlugin,\n  oneOf,\n} from '@dxos/app-framework';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\n\nimport { ReactSurface, IntentResolver } from './capabilities';\nimport { meta, TEMPLATE_PLUGIN } from './meta';\nimport translations from './translations';\nimport { TemplateAction, TemplateType } from './types';\n\nexport const TemplatePlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/metadata`,\n      activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),\n      activate: () =>\n        contributes(Capabilities.Metadata, {\n          id: TemplateType.typename,\n          metadata: {\n            createObject: (props: { name?: string }) => createIntent(TemplateAction.Create, props),\n            placeholder: ['object placeholder', { ns: TEMPLATE_PLUGIN }],\n            icon: 'ph--asterisk--regular',\n          },\n        }),\n    }),\n    defineModule({\n      id: `${meta.id}/module/schema`,\n      activatesOn: ClientEvents.SetupClient,\n      activate: () => contributes(ClientCapabilities.Schema, [TemplateType]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.Startup,\n      activate: ReactSurface,\n    }),\n    defineModule({\n      id: `${meta.id}/module/intent-resolver`,\n      activatesOn: Events.SetupIntents,\n      activate: IntentResolver,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { TEMPLATE_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [TEMPLATE_PLUGIN]: {\n        'plugin name': 'Template',\n        'object placeholder': 'New object',\n        'create object label': 'Create object',\n        'delete object label': 'Delete', // TODO(burdon): Standard for actions menu.\n      },\n    },\n  },\n];\n"],
+  "mappings": ";;;;;;;;AAIA,SACEA,cACAC,cACAC,aACAC,QACAC,cACAC,cACAC,aACK;AACP,SAASC,oBAAoBC,oBAAoB;;;ACTjD,SAASC,YAAY;AAEd,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACD9C,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACE,eAAAA,GAAkB;QACjB,eAAe;QACf,sBAAsB;QACtB,uBAAuB;QACvB,uBAAuB;MACzB;IACF;EACF;;;;AFIK,IAAMC,iBAAiB,MAC5BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,oBAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaQ,MAAMP,OAAOQ,SAASR,OAAOS,aAAa;IACvDP,UAAU,MACRC,YAAYC,aAAaM,UAAU;MACjCZ,IAAIa,aAAaC;MACjBC,UAAU;QACRC,cAAc,CAACC,UAA6BC,aAAaC,eAAeC,QAAQH,KAAAA;QAChFI,aAAa;UAAC;UAAsB;YAAEC,IAAIC;UAAgB;;QAC1DC,MAAM;MACR;IACF,CAAA;EACJ,CAAA;EACAzB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAawB,aAAaC;IAC1BtB,UAAU,MAAMC,YAAYsB,mBAAmBC,QAAQ;MAACf;KAAa;EACvE,CAAA;EACAd,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOQ;IACpBN,UAAUyB;EACZ,CAAA;EACA9B,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAO4B;IACpB1B,UAAU2B;EACZ,CAAA;CACD;",
+  "names": ["createIntent", "Capabilities", "contributes", "Events", "defineModule", "definePlugin", "oneOf", "ClientCapabilities", "ClientEvents", "lazy", "IntentResolver", "lazy", "ReactSurface", "TEMPLATE_PLUGIN", "TemplatePlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "oneOf", "Startup", "SetupAppGraph", "Metadata", "TemplateType", "typename", "metadata", "createObject", "props", "createIntent", "TemplateAction", "Create", "placeholder", "ns", "TEMPLATE_PLUGIN", "icon", "ClientEvents", "SetupClient", "ClientCapabilities", "Schema", "ReactSurface", "SetupIntents", "IntentResolver"]
 }

package/dist/lib/browser/intent-resolver-7UI73TQM.mjs

@@ -0,0 +1,19 @@
+import {
+  TemplateAction,
+  TemplateType
+} from "./chunk-FLZIRPLH.mjs";
+
+// packages/plugins/experimental/plugin-template/src/capabilities/intent-resolver.ts
+import { contributes, Capabilities, createResolver } from "@dxos/app-framework";
+import { create } from "@dxos/react-client/echo";
+var intent_resolver_default = () => contributes(Capabilities.IntentResolver, createResolver(TemplateAction.Create, ({ name }) => ({
+  data: {
+    object: create(TemplateType, {
+      name
+    })
+  }
+})));
+export {
+  intent_resolver_default as default
+};
+//# sourceMappingURL=intent-resolver-7UI73TQM.mjs.map

package/dist/lib/browser/intent-resolver-7UI73TQM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/intent-resolver.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, Capabilities, createResolver } from '@dxos/app-framework';\nimport { create } from '@dxos/react-client/echo';\n\nimport { TemplateAction, TemplateType } from '../types';\n\nexport default () =>\n  contributes(\n    Capabilities.IntentResolver,\n    createResolver(TemplateAction.Create, ({ name }) => ({\n      data: { object: create(TemplateType, { name }) },\n    })),\n  );\n"],
+  "mappings": ";;;;;;AAIA,SAASA,aAAaC,cAAcC,sBAAsB;AAC1D,SAASC,cAAc;AAIvB,IAAA,0BAAe,MACbC,YACEC,aAAaC,gBACbC,eAAeC,eAAeC,QAAQ,CAAC,EAAEC,KAAI,OAAQ;EACnDC,MAAM;IAAEC,QAAQC,OAAOC,cAAc;MAAEJ;IAAK,CAAA;EAAG;AACjD,EAAA,CAAA;",
+  "names": ["contributes", "Capabilities", "createResolver", "create", "contributes", "Capabilities", "IntentResolver", "createResolver", "TemplateAction", "Create", "name", "data", "object", "create", "TemplateType"]
+}

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/experimental/plugin-template/src/components/TemplateMain.tsx":{"bytes":3412,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/components/index.ts":{"bytes":540,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/components/TemplateMain.tsx","kind":"import-statement","original":"./TemplateMain"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/meta.ts":{"bytes":1340,"imports":[],"format":"esm"},"packages/plugins/experimental/plugin-template/src/translations.ts":{"bytes":1513,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/types.ts":{"bytes":3663,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx":{"bytes":6223,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/experimental/plugin-template/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/experimental/plugin-template/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/experimental/plugin-template/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/index.ts":{"bytes":535,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx","kind":"import-statement","original":"./TemplatePlugin"}],"format":"esm"}},"outputs":{"packages/plugins/experimental/plugin-template/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":7001},"packages/plugins/experimental/plugin-template/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-CPSXHPOD.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true}],"exports":["TemplatePlugin"],"entryPoint":"packages/plugins/experimental/plugin-template/src/index.ts","inputs":{"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx":{"bytesInOutput":1291},"packages/plugins/experimental/plugin-template/src/components/TemplateMain.tsx":{"bytesInOutput":876},"packages/plugins/experimental/plugin-template/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/experimental/plugin-template/src/translations.ts":{"bytesInOutput":263},"packages/plugins/experimental/plugin-template/src/types.ts":{"bytesInOutput":603},"packages/plugins/experimental/plugin-template/src/index.ts":{"bytesInOutput":0}},"bytes":3532},"packages/plugins/experimental/plugin-template/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/experimental/plugin-template/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-CPSXHPOD.mjs","kind":"import-statement"}],"exports":["TEMPLATE_PLUGIN","default"],"entryPoint":"packages/plugins/experimental/plugin-template/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-CPSXHPOD.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":630},"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-CPSXHPOD.mjs":{"imports":[],"exports":["TEMPLATE_PLUGIN","meta_default"],"inputs":{"packages/plugins/experimental/plugin-template/src/meta.ts":{"bytesInOutput":247}},"bytes":399}}}
+{"inputs":{"packages/plugins/experimental/plugin-template/src/meta.ts":{"bytes":1377,"imports":[],"format":"esm"},"packages/plugins/experimental/plugin-template/src/types.ts":{"bytes":3904,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/capabilities/intent-resolver.ts":{"bytes":2022,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/components/TemplateContainer.tsx":{"bytes":2003,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/components/index.ts":{"bytes":553,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/components/TemplateContainer.tsx","kind":"import-statement","original":"./TemplateContainer"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/capabilities/react-surface.tsx":{"bytes":2712,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"packages/plugins/experimental/plugin-template/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/experimental/plugin-template/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/capabilities/index.ts":{"bytes":1096,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"},{"path":"packages/plugins/experimental/plugin-template/src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/translations.ts":{"bytes":1513,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx":{"bytes":6905,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"packages/plugins/experimental/plugin-template/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/experimental/plugin-template/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/experimental/plugin-template/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/index.ts":{"bytes":615,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx","kind":"import-statement","original":"./TemplatePlugin"}],"format":"esm"}},"outputs":{"packages/plugins/experimental/plugin-template/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4300},"packages/plugins/experimental/plugin-template/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-FLZIRPLH.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/intent-resolver-7UI73TQM.mjs","kind":"dynamic-import"},{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/react-surface-UV46UZND.mjs","kind":"dynamic-import"}],"exports":["TEMPLATE_PLUGIN","TemplatePlugin","meta"],"entryPoint":"packages/plugins/experimental/plugin-template/src/index.ts","inputs":{"packages/plugins/experimental/plugin-template/src/index.ts":{"bytesInOutput":0},"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx":{"bytesInOutput":1367},"packages/plugins/experimental/plugin-template/src/capabilities/index.ts":{"bytesInOutput":190},"packages/plugins/experimental/plugin-template/src/translations.ts":{"bytesInOutput":263}},"bytes":2303},"packages/plugins/experimental/plugin-template/dist/lib/browser/types.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/experimental/plugin-template/dist/lib/browser/types.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-FLZIRPLH.mjs","kind":"import-statement"}],"exports":["TemplateAction","TemplateType","isObject"],"entryPoint":"packages/plugins/experimental/plugin-template/src/types.ts","inputs":{},"bytes":177},"packages/plugins/experimental/plugin-template/dist/lib/browser/intent-resolver-7UI73TQM.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":988},"packages/plugins/experimental/plugin-template/dist/lib/browser/intent-resolver-7UI73TQM.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-FLZIRPLH.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/experimental/plugin-template/src/capabilities/intent-resolver.ts","inputs":{"packages/plugins/experimental/plugin-template/src/capabilities/intent-resolver.ts":{"bytesInOutput":336}},"bytes":598},"packages/plugins/experimental/plugin-template/dist/lib/browser/react-surface-UV46UZND.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2314},"packages/plugins/experimental/plugin-template/dist/lib/browser/react-surface-UV46UZND.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-FLZIRPLH.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/experimental/plugin-template/src/capabilities/react-surface.tsx","inputs":{"packages/plugins/experimental/plugin-template/src/capabilities/react-surface.tsx":{"bytesInOutput":419},"packages/plugins/experimental/plugin-template/src/components/TemplateContainer.tsx":{"bytesInOutput":431},"packages/plugins/experimental/plugin-template/src/components/index.ts":{"bytesInOutput":0}},"bytes":1276},"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-FLZIRPLH.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2545},"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-FLZIRPLH.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true}],"exports":["TEMPLATE_PLUGIN","TemplateAction","TemplateType","isObject","meta"],"inputs":{"packages/plugins/experimental/plugin-template/src/types.ts":{"bytesInOutput":762},"packages/plugins/experimental/plugin-template/src/meta.ts":{"bytesInOutput":239}},"bytes":1317}}}

package/dist/lib/browser/react-surface-UV46UZND.mjs

@@ -0,0 +1,35 @@
+import {
+  TEMPLATE_PLUGIN,
+  isObject
+} from "./chunk-FLZIRPLH.mjs";
+
+// packages/plugins/experimental/plugin-template/src/capabilities/react-surface.tsx
+import React2 from "react";
+import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
+
+// packages/plugins/experimental/plugin-template/src/components/TemplateContainer.tsx
+import React from "react";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { StackItem } from "@dxos/react-ui-stack";
+var TemplateContainer = ({ object }) => {
+  return /* @__PURE__ */ React.createElement(StackItem.Content, {
+    toolbar: false
+  }, /* @__PURE__ */ React.createElement("pre", {
+    className: "m-4 p-2 ring"
+  }, /* @__PURE__ */ React.createElement("span", null, fullyQualifiedId(object))));
+};
+
+// packages/plugins/experimental/plugin-template/src/capabilities/react-surface.tsx
+var react_surface_default = () => contributes(Capabilities.ReactSurface, createSurface({
+  id: TEMPLATE_PLUGIN,
+  role: "article",
+  filter: (data) => isObject(data.subject),
+  component: ({ data, role }) => /* @__PURE__ */ React2.createElement(TemplateContainer, {
+    role,
+    object: data.subject
+  })
+}));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-UV46UZND.mjs.map

package/dist/lib/browser/react-surface-UV46UZND.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/TemplateContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { type ReactiveEchoObject } from '@dxos/react-client/echo';\n\nimport { TemplateContainer } from '../components';\nimport { TEMPLATE_PLUGIN } from '../meta';\nimport { isObject } from '../types';\n\nexport default () =>\n  contributes(\n    Capabilities.ReactSurface,\n    createSurface({\n      id: TEMPLATE_PLUGIN,\n      role: 'article',\n      filter: (data): data is { subject: ReactiveEchoObject<any> } => isObject(data.subject),\n      component: ({ data, role }) => <TemplateContainer role={role} object={data.subject} />,\n    }),\n  );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type ReactiveEchoObject, fullyQualifiedId } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nexport const TemplateContainer = ({ object }: { object: ReactiveEchoObject<any>; role: string }) => {\n  return (\n    <StackItem.Content toolbar={false}>\n      <pre className='m-4 p-2 ring'>\n        <span>{fullyQualifiedId(object)}</span>\n      </pre>\n    </StackItem.Content>\n  );\n};\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;;;ACFzD,OAAOC,WAAW;AAElB,SAAkCC,wBAAwB;AAC1D,SAASC,iBAAiB;AAEnB,IAAMC,oBAAoB,CAAC,EAAEC,OAAM,MAAqD;AAC7F,SACE,sBAAA,cAACC,UAAUC,SAAO;IAACC,SAAS;KAC1B,sBAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACC,QAAAA,MAAMC,iBAAiBP,MAAAA,CAAAA,CAAAA,CAAAA;AAIhC;;;ADJA,IAAA,wBAAe,MACbQ,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAIC;EACJC,MAAM;EACNC,QAAQ,CAACC,SAAuDC,SAASD,KAAKE,OAAO;EACrFC,WAAW,CAAC,EAAEH,MAAMF,KAAI,MAAO,gBAAAM,OAAA,cAACC,mBAAAA;IAAkBP;IAAYQ,QAAQN,KAAKE;;AAC7E,CAAA,CAAA;",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "React", "fullyQualifiedId", "StackItem", "TemplateContainer", "object", "StackItem", "Content", "toolbar", "pre", "className", "span", "fullyQualifiedId", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "TEMPLATE_PLUGIN", "role", "filter", "data", "isObject", "subject", "component", "React", "TemplateContainer", "object"]
+}

package/dist/lib/browser/types.mjs

@@ -0,0 +1,11 @@
+import {
+  TemplateAction,
+  TemplateType,
+  isObject
+} from "./chunk-FLZIRPLH.mjs";
+export {
+  TemplateAction,
+  TemplateType,
+  isObject
+};
+//# sourceMappingURL=types.mjs.map

package/dist/types/src/TemplatePlugin.d.ts

@@ -1,4 +1,2 @@
-import { type PluginDefinition } from '@dxos/app-framework';
-import { type TemplatePluginProvides } from './types';
-export declare const TemplatePlugin: () => PluginDefinition<TemplatePluginProvides>;
+export declare const TemplatePlugin: () => import("@dxos/app-framework").Plugin;
 //# sourceMappingURL=TemplatePlugin.d.ts.map

package/dist/types/src/TemplatePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatePlugin.d.ts","sourceRoot":"","sources":["../../../src/TemplatePlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAA+C,MAAM,qBAAqB,CAAC;AAMzG,OAAO,EAAkB,KAAK,sBAAsB,EAAY,MAAM,SAAS,CAAC;AAIhF,eAAO,MAAM,cAAc,QAAO,gBAAgB,CAAC,sBAAsB,CAgCxE,CAAC"}
+{"version":3,"file":"TemplatePlugin.d.ts","sourceRoot":"","sources":["../../../src/TemplatePlugin.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,cAAc,4CAmCvB,CAAC"}

package/dist/types/src/capabilities/index.d.ts

@@ -0,0 +1,3 @@
+export declare const IntentResolver: (props?: unknown) => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.IntentResolver>>;
+export declare const ReactSurface: (props?: unknown) => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.ReactSurface>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/capabilities/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,mIAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,iIAAwC,CAAC"}

package/dist/types/src/capabilities/intent-resolver.d.ts

@@ -0,0 +1,4 @@
+import { Capabilities } from '@dxos/app-framework';
+declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.IntentResolver>;
+export default _default;
+//# sourceMappingURL=intent-resolver.d.ts.map

package/dist/types/src/capabilities/intent-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,YAAY,EAAkB,MAAM,qBAAqB,CAAC;;AAKhF,wBAMI"}

package/dist/types/src/capabilities/react-surface.d.ts

@@ -0,0 +1,4 @@
+import { Capabilities } from '@dxos/app-framework';
+declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.ReactSurface>;
+export default _default;
+//# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAO/E,wBASI"}

package/dist/types/src/components/TemplateContainer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type ReactiveEchoObject } from '@dxos/react-client/echo';
+export declare const TemplateContainer: ({ object }: {
+    object: ReactiveEchoObject<any>;
+    role: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=TemplateContainer.d.ts.map

package/dist/types/src/components/TemplateContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/TemplateContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,kBAAkB,EAAoB,MAAM,yBAAyB,CAAC;AAGpF,eAAO,MAAM,iBAAiB,eAAgB;IAAE,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBAQ9F,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TemplateMain';
+export * from './TemplateContainer';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,qBAAqB,CAAC"}

package/dist/types/src/index.d.ts

@@ -1,2 +1,3 @@
+export * from './meta';
 export * from './TemplatePlugin';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}

package/dist/types/src/meta.d.ts

@@ -1,9 +1,8 @@
 export declare const TEMPLATE_PLUGIN = "dxos.org/plugin/template";
-declare const _default: {
+export declare const meta: {
     id: string;
     name: string;
     icon: string;
     source: string;
 };
-export default _default;
 //# sourceMappingURL=meta.d.ts.map

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,6BAA6B,CAAC;;;;;;;AAE1D,wBAKuB"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAE1D,eAAO,MAAM,IAAI;;;;;CAKK,CAAC"}

package/dist/types/src/types.d.ts

@@ -1,4 +1,3 @@
-import type { IntentResolverProvides, TranslationsProvides, SurfaceProvides, MetadataRecordsProvides } from '@dxos/app-framework';
 import { S } from '@dxos/echo-schema';
 import { type ReactiveEchoObject } from '@dxos/react-client/echo';
 export declare namespace TemplateAction {
@@ -16,6 +15,13 @@ export declare namespace TemplateAction {
     }
     export {};
 }
-export type TemplatePluginProvides = SurfaceProvides & IntentResolverProvides & MetadataRecordsProvides & TranslationsProvides;
 export declare const isObject: (object: unknown) => object is ReactiveEchoObject<any>;
+declare const TemplateType_base: import("@dxos/echo-schema").TypedObjectPrototype<import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectFields<{
+    name: S.optional<typeof S.String>;
+}, import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectOptions>, S.Struct.Encoded<{
+    name: S.optional<typeof S.String>;
+}>>;
+export declare class TemplateType extends TemplateType_base {
+}
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/types/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAsC,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAItG,yBAAiB,cAAc,CAAC;;;;;;;;;;;IAG9B,MAAM,OAAO,MAAO,SAAQ,WAO1B;KAAG;;CACN;AAED,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,sBAAsB,GACtB,uBAAuB,GACvB,oBAAoB,CAAC;AAIvB,eAAO,MAAM,QAAQ,WAAY,OAAO,KAAG,MAAM,IAAI,kBAAkB,CAAC,GAAG,CAE1E,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAsC,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAItG,yBAAiB,cAAc,CAAC;;;;;;;;;;;IAG9B,MAAM,OAAO,MAAO,SAAQ,WAO1B;KAAG;;CACN;AAID,eAAO,MAAM,QAAQ,WAAY,OAAO,KAAG,MAAM,IAAI,kBAAkB,CAAC,GAAG,CAE1E,CAAC;;;;;;AAEF,qBAAa,YAAa,SAAQ,iBAEhC;CAAG"}

package/dist/types/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"version":"5.7.2"}
+{"version":"5.7.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-template",
-  "version": "0.7.5-main.9d26e3a",
+  "version": "0.7.5-main.9d2a38b",
   "description": "Template for new plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -12,16 +12,16 @@
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs"
     },
-    "./meta": {
-      "types": "./dist/types/src/meta.d.ts",
-      "browser": "./dist/lib/browser/meta.mjs"
+    "./types": {
+      "types": "./dist/types/src/types.d.ts",
+      "browser": "./dist/lib/browser/types.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
     "*": {
-      "meta": [
-        "dist/types/src/meta.d.ts"
+      "types": [
+        "dist/types/src/types.d.ts"
       ]
     }
   },
@@ -31,13 +31,14 @@
   ],
   "dependencies": {
     "@preact/signals-core": "^1.6.0",
-    "@dxos/app-framework": "0.7.5-main.9d26e3a",
-    "@dxos/async": "0.7.5-main.9d26e3a",
-    "@dxos/plugin-client": "0.7.5-main.9d26e3a",
-    "@dxos/echo-schema": "0.7.5-main.9d26e3a",
-    "@dxos/react-client": "0.7.5-main.9d26e3a",
-    "@dxos/plugin-space": "0.7.5-main.9d26e3a",
-    "@dxos/plugin-graph": "0.7.5-main.9d26e3a"
+    "@dxos/app-framework": "0.7.5-main.9d2a38b",
+    "@dxos/async": "0.7.5-main.9d2a38b",
+    "@dxos/plugin-client": "0.7.5-main.9d2a38b",
+    "@dxos/echo-schema": "0.7.5-main.9d2a38b",
+    "@dxos/plugin-graph": "0.7.5-main.9d2a38b",
+    "@dxos/plugin-space": "0.7.5-main.9d2a38b",
+    "@dxos/react-ui-stack": "0.7.5-main.9d2a38b",
+    "@dxos/react-client": "0.7.5-main.9d2a38b"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -46,16 +47,16 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-theme": "0.7.5-main.9d26e3a",
-    "@dxos/storybook-utils": "0.7.5-main.9d26e3a"
+    "@dxos/storybook-utils": "0.7.5-main.9d2a38b",
+    "@dxos/react-ui": "0.7.5-main.9d2a38b",
+    "@dxos/react-ui-theme": "0.7.5-main.9d2a38b"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-theme": "0.7.5-main.9d26e3a"
+    "@dxos/react-ui": "0.7.5-main.9d2a38b",
+    "@dxos/react-ui-theme": "0.7.5-main.9d2a38b"
   },
   "publishConfig": {
     "access": "public"

package/src/TemplatePlugin.tsx

@@ -2,48 +2,55 @@
 // Copyright 2023 DXOS.org
 //
 
-import React from 'react';
+import {
+  createIntent,
+  Capabilities,
+  contributes,
+  Events,
+  defineModule,
+  definePlugin,
+  oneOf,
+} from '@dxos/app-framework';
+import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
 
-import { type PluginDefinition, createSurface, createIntent, createResolver } from '@dxos/app-framework';
-import { create, type ReactiveEchoObject } from '@dxos/react-client/echo';
-
-import { TemplateMain } from './components';
-import meta, { TEMPLATE_PLUGIN } from './meta';
+import { ReactSurface, IntentResolver } from './capabilities';
+import { meta, TEMPLATE_PLUGIN } from './meta';
 import translations from './translations';
-import { TemplateAction, type TemplatePluginProvides, isObject } from './types';
-
-const typename = 'template'; // Type.schema.typename
+import { TemplateAction, TemplateType } from './types';
 
-export const TemplatePlugin = (): PluginDefinition<TemplatePluginProvides> => {
-  return {
-    meta,
-    provides: {
-      metadata: {
-        records: {
-          [typename]: {
+export const TemplatePlugin = () =>
+  definePlugin(meta, [
+    defineModule({
+      id: `${meta.id}/module/translations`,
+      activatesOn: Events.SetupTranslations,
+      activate: () => contributes(Capabilities.Translations, translations),
+    }),
+    defineModule({
+      id: `${meta.id}/module/metadata`,
+      activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
+      activate: () =>
+        contributes(Capabilities.Metadata, {
+          id: TemplateType.typename,
+          metadata: {
             createObject: (props: { name?: string }) => createIntent(TemplateAction.Create, props),
             placeholder: ['object placeholder', { ns: TEMPLATE_PLUGIN }],
             icon: 'ph--asterisk--regular',
           },
-        },
-      },
-      translations,
-      surface: {
-        definitions: () =>
-          createSurface({
-            id: TEMPLATE_PLUGIN,
-            role: 'article',
-            filter: (data): data is { subject: ReactiveEchoObject<any> } => isObject(data.subject),
-            component: ({ data }) => <TemplateMain object={data.subject} />,
-          }),
-      },
-      intent: {
-        resolvers: () =>
-          createResolver(TemplateAction.Create, ({ name }) => ({
-            // TODO(burdon): Set typename.
-            data: { object: create({ type: 'template', name }) },
-          })),
-      },
-    },
-  };
-};
+        }),
+    }),
+    defineModule({
+      id: `${meta.id}/module/schema`,
+      activatesOn: ClientEvents.SetupClient,
+      activate: () => contributes(ClientCapabilities.Schema, [TemplateType]),
+    }),
+    defineModule({
+      id: `${meta.id}/module/react-surface`,
+      activatesOn: Events.Startup,
+      activate: ReactSurface,
+    }),
+    defineModule({
+      id: `${meta.id}/module/intent-resolver`,
+      activatesOn: Events.SetupIntents,
+      activate: IntentResolver,
+    }),
+  ]);

package/src/capabilities/index.ts

@@ -0,0 +1,8 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { lazy } from '@dxos/app-framework';
+
+export const IntentResolver = lazy(() => import('./intent-resolver'));
+export const ReactSurface = lazy(() => import('./react-surface'));

package/src/capabilities/intent-resolver.ts

@@ -0,0 +1,16 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { contributes, Capabilities, createResolver } from '@dxos/app-framework';
+import { create } from '@dxos/react-client/echo';
+
+import { TemplateAction, TemplateType } from '../types';
+
+export default () =>
+  contributes(
+    Capabilities.IntentResolver,
+    createResolver(TemplateAction.Create, ({ name }) => ({
+      data: { object: create(TemplateType, { name }) },
+    })),
+  );

package/src/capabilities/react-surface.tsx

@@ -0,0 +1,23 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
+import { type ReactiveEchoObject } from '@dxos/react-client/echo';
+
+import { TemplateContainer } from '../components';
+import { TEMPLATE_PLUGIN } from '../meta';
+import { isObject } from '../types';
+
+export default () =>
+  contributes(
+    Capabilities.ReactSurface,
+    createSurface({
+      id: TEMPLATE_PLUGIN,
+      role: 'article',
+      filter: (data): data is { subject: ReactiveEchoObject<any> } => isObject(data.subject),
+      component: ({ data, role }) => <TemplateContainer role={role} object={data.subject} />,
+    }),
+  );

package/src/components/TemplateContainer.tsx

@@ -0,0 +1,18 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React from 'react';
+
+import { type ReactiveEchoObject, fullyQualifiedId } from '@dxos/react-client/echo';
+import { StackItem } from '@dxos/react-ui-stack';
+
+export const TemplateContainer = ({ object }: { object: ReactiveEchoObject<any>; role: string }) => {
+  return (
+    <StackItem.Content toolbar={false}>
+      <pre className='m-4 p-2 ring'>
+        <span>{fullyQualifiedId(object)}</span>
+      </pre>
+    </StackItem.Content>
+  );
+};

package/src/components/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2023 DXOS.org
 //
 
-export * from './TemplateMain';
+export * from './TemplateContainer';

package/src/index.ts

@@ -2,4 +2,5 @@
 // Copyright 2023 DXOS.org
 //
 
+export * from './meta';
 export * from './TemplatePlugin';

package/src/meta.ts

@@ -6,7 +6,7 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const TEMPLATE_PLUGIN = 'dxos.org/plugin/template';
 
-export default {
+export const meta = {
   id: TEMPLATE_PLUGIN,
   name: 'Template',
   icon: 'ph--asterisk--regular',

package/src/types.ts

@@ -2,13 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import type {
-  IntentResolverProvides,
-  TranslationsProvides,
-  SurfaceProvides,
-  MetadataRecordsProvides,
-} from '@dxos/app-framework';
-import { S } from '@dxos/echo-schema';
+import { S, TypedObject } from '@dxos/echo-schema';
 import { isEchoObject, ReactiveObjectSchema, type ReactiveEchoObject } from '@dxos/react-client/echo';
 
 import { TEMPLATE_PLUGIN } from './meta';
@@ -26,13 +20,12 @@ export namespace TemplateAction {
   }) {}
 }
 
-export type TemplatePluginProvides = SurfaceProvides &
-  IntentResolverProvides &
-  MetadataRecordsProvides &
-  TranslationsProvides;
-
 // TODO(burdon): Warning: Encountered two children with the same key, `dxos.org/plugin/template`.
 // TODO(burdon): Better way to detect?
 export const isObject = (object: unknown): object is ReactiveEchoObject<any> => {
   return isEchoObject(object) && object.type === 'template';
 };
+
+export class TemplateType extends TypedObject({ typename: 'dxos.org/type/Template', version: '0.1.0' })({
+  name: S.optional(S.String),
+}) {}

package/dist/lib/browser/chunk-CPSXHPOD.mjs

@@ -1,14 +0,0 @@
-// packages/plugins/experimental/plugin-template/src/meta.ts
-var TEMPLATE_PLUGIN = "dxos.org/plugin/template";
-var meta_default = {
-  id: TEMPLATE_PLUGIN,
-  name: "Template",
-  icon: "ph--asterisk--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-template"
-};
-
-export {
-  TEMPLATE_PLUGIN,
-  meta_default
-};
-//# sourceMappingURL=chunk-CPSXHPOD.mjs.map

package/dist/lib/browser/chunk-CPSXHPOD.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const TEMPLATE_PLUGIN = 'dxos.org/plugin/template';\n\nexport default {\n  id: TEMPLATE_PLUGIN,\n  name: 'Template',\n  icon: 'ph--asterisk--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-template',\n} satisfies PluginMeta;\n"],
-  "mappings": ";AAMO,IAAMA,kBAAkB;AAE/B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;",
-  "names": ["TEMPLATE_PLUGIN", "id", "name", "icon", "source"]
-}

package/dist/lib/browser/meta.mjs

@@ -1,9 +0,0 @@
-import {
-  TEMPLATE_PLUGIN,
-  meta_default
-} from "./chunk-CPSXHPOD.mjs";
-export {
-  TEMPLATE_PLUGIN,
-  meta_default as default
-};
-//# sourceMappingURL=meta.mjs.map

package/dist/types/src/components/TemplateMain.d.ts

@@ -1,6 +0,0 @@
-import { type FC } from 'react';
-import { type ReactiveEchoObject } from '@dxos/react-client/echo';
-export declare const TemplateMain: FC<{
-    object: ReactiveEchoObject<any>;
-}>;
-//# sourceMappingURL=TemplateMain.d.ts.map

package/dist/types/src/components/TemplateMain.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TemplateMain.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,kBAAkB,EAAY,MAAM,yBAAyB,CAAC;AAS5E,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAA;CAAE,CAWhE,CAAC"}

package/src/components/TemplateMain.tsx

@@ -1,28 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { type FC } from 'react';
-
-import { PublicKey } from '@dxos/react-client';
-import { type ReactiveEchoObject, getSpace } from '@dxos/react-client/echo';
-import { Main } from '@dxos/react-ui';
-import {
-  baseSurface,
-  topbarBlockPaddingStart,
-  fixedInsetFlexLayout,
-  bottombarBlockPaddingEnd,
-} from '@dxos/react-ui-theme';
-
-export const TemplateMain: FC<{ object: ReactiveEchoObject<any> }> = ({ object }) => {
-  const space = getSpace(object);
-
-  return (
-    // TODO(burdon): Boilerplate.
-    <Main.Content classNames={[baseSurface, fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>
-      <pre className='m-4 p-2 ring'>
-        <span>{space?.key.truncate()}</span>/<span>{PublicKey.from(object.id).truncate()}</span>
-      </pre>
-    </Main.Content>
-  );
-};