@dxos/plugin-template 0.8.4-main.4a85c3132b → 0.8.4-main.51f1e5ca51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-template",
-  "version": "0.8.4-main.4a85c3132b",
+  "version": "0.8.4-main.51f1e5ca51",
   "description": "Template for new plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -12,12 +12,25 @@
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
+  "imports": {
+    "#capabilities": "./src/capabilities/index.ts",
+    "#components": "./src/components/index.ts",
+    "#meta": "./src/meta.ts",
+    "#translations": "./src/translations.ts",
+    "#types": "./src/types/index.ts"
+  },
   "exports": {
     ".": {
       "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs"
     },
+    "./translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "browser": "./dist/lib/browser/translations.mjs",
+      "node": "./dist/lib/node-esm/translations.mjs"
+    },
     "./types": {
       "source": "./src/types/index.ts",
       "types": "./dist/types/src/types/index.d.ts",
@@ -25,49 +38,42 @@
     }
   },
   "types": "dist/types/src/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "types": [
-        "dist/types/src/types/index.d.ts"
-      ]
-    }
-  },
   "files": [
     "dist",
     "src"
   ],
   "dependencies": {
     "@radix-ui/react-context": "1.1.1",
-    "effect": "3.19.16",
-    "@dxos/app-framework": "0.8.4-main.4a85c3132b",
-    "@dxos/async": "0.8.4-main.4a85c3132b",
-    "@dxos/echo": "0.8.4-main.4a85c3132b",
-    "@dxos/app-toolkit": "0.8.4-main.4a85c3132b",
-    "@dxos/operation": "0.8.4-main.4a85c3132b",
-    "@dxos/plugin-space": "0.8.4-main.4a85c3132b",
-    "@dxos/plugin-graph": "0.8.4-main.4a85c3132b",
-    "@dxos/react-client": "0.8.4-main.4a85c3132b",
-    "@dxos/react-ui-mosaic": "0.8.4-main.4a85c3132b",
-    "@dxos/react-ui-stack": "0.8.4-main.4a85c3132b",
-    "@dxos/util": "0.8.4-main.4a85c3132b",
-    "@dxos/plugin-client": "0.8.4-main.4a85c3132b"
+    "effect": "3.20.0",
+    "@dxos/compute": "0.8.4-main.51f1e5ca51",
+    "@dxos/echo": "0.8.4-main.51f1e5ca51",
+    "@dxos/plugin-graph": "0.8.4-main.51f1e5ca51",
+    "@dxos/react-client": "0.8.4-main.51f1e5ca51",
+    "@dxos/plugin-client": "0.8.4-main.51f1e5ca51",
+    "@dxos/plugin-space": "0.8.4-main.51f1e5ca51",
+    "@dxos/react-ui-mosaic": "0.8.4-main.51f1e5ca51",
+    "@dxos/app-framework": "0.8.4-main.51f1e5ca51",
+    "@dxos/react-ui-stack": "0.8.4-main.51f1e5ca51",
+    "@dxos/util": "0.8.4-main.51f1e5ca51",
+    "@dxos/app-toolkit": "0.8.4-main.51f1e5ca51",
+    "@dxos/async": "0.8.4-main.51f1e5ca51"
   },
   "devDependencies": {
     "@types/react": "~19.2.7",
     "@types/react-dom": "~19.2.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "^7.1.11",
-    "@dxos/ui-theme": "0.8.4-main.4a85c3132b",
-    "@dxos/storybook-utils": "0.8.4-main.4a85c3132b",
-    "@dxos/react-ui": "0.8.4-main.4a85c3132b"
+    "vite": "^8.0.10",
+    "@dxos/storybook-utils": "0.8.4-main.51f1e5ca51",
+    "@dxos/ui-theme": "0.8.4-main.51f1e5ca51",
+    "@dxos/react-ui": "0.8.4-main.51f1e5ca51"
   },
   "peerDependencies": {
-    "effect": "3.19.16",
+    "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/ui-theme": "0.8.4-main.4a85c3132b",
-    "@dxos/react-ui": "0.8.4-main.4a85c3132b"
+    "@dxos/ui-theme": "0.8.4-main.51f1e5ca51",
+    "@dxos/react-ui": "0.8.4-main.51f1e5ca51"
   },
   "publishConfig": {
     "access": "public"

package/src/TemplatePlugin.tsx

@@ -3,25 +3,37 @@
 //
 
 import * as Effect from 'effect/Effect';
+import * as Option from 'effect/Option';
 
 import { Plugin } from '@dxos/app-framework';
 import { AppPlugin } from '@dxos/app-toolkit';
+import { Operation } from '@dxos/compute';
+import { Annotation } from '@dxos/echo';
+import { SpaceOperation } from '@dxos/plugin-space/operations';
 import { type CreateObject } from '@dxos/plugin-space/types';
 
-import { ReactSurface } from './capabilities';
-import { meta } from './meta';
-import { translations } from './translations';
-import { Template } from './types';
+import { ReactSurface } from '#capabilities';
+import { meta } from '#meta';
+import { translations } from '#translations';
+import { Template } from '#types';
 
 export const TemplatePlugin = Plugin.define(meta).pipe(
   AppPlugin.addMetadataModule({
     metadata: {
       id: Template.Data.typename,
       metadata: {
-        icon: 'ph--asterisk--regular',
-        iconHue: 'sky',
-        createObject: ((props) => Effect.sync(() => Template.make(props))) satisfies CreateObject,
-        addToCollectionOnCreate: true,
+        icon: Annotation.IconAnnotation.get(Template.Data).pipe(Option.getOrThrow).icon,
+        iconHue: Annotation.IconAnnotation.get(Template.Data).pipe(Option.getOrThrow).hue ?? 'white',
+        createObject: ((props, options) =>
+          Effect.gen(function* () {
+            const object = Template.make(props);
+            return yield* Operation.invoke(SpaceOperation.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId,
+            });
+          })) satisfies CreateObject,
       },
     },
   }),

package/src/capabilities/index.ts

@@ -2,4 +2,6 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './react-surface';
+import { Capability } from '@dxos/app-framework';
+
+export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/capabilities/react-surface.tsx

@@ -0,0 +1,28 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+import React from 'react';
+
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { Surface } from '@dxos/app-framework/ui';
+import { AppSurface } from '@dxos/app-toolkit/ui';
+
+import { TemplatePanel } from '#components';
+import { Template } from '#types';
+
+export default Capability.makeModule(() =>
+  Effect.succeed(
+    Capability.contributes(
+      Capabilities.ReactSurface,
+      Surface.create({
+        id: 'root',
+        filter: AppSurface.object(AppSurface.Article, Template.Data),
+        component: ({ data, role }) => (
+          <TemplatePanel role={role} subject={data.subject} attendableId={data.attendableId} />
+        ),
+      }),
+    ),
+  ),
+);

package/src/components/TemplatePanel/TemplatePanel.tsx

@@ -0,0 +1,21 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React from 'react';
+
+import { type AppSurface } from '@dxos/app-toolkit/ui';
+import { Obj } from '@dxos/echo';
+import { Panel } from '@dxos/react-ui';
+
+export type TemplatePanelProps = AppSurface.ObjectArticleProps<Obj.Unknown>;
+
+export const TemplatePanel = ({ role, subject: object, attendableId: _attendableId }: TemplatePanelProps) => {
+  return (
+    <Panel.Root role={role} className='dx-document'>
+      <Panel.Content>
+        <span>{Obj.getDXN(object).toString()}</span>
+      </Panel.Content>
+    </Panel.Root>
+  );
+};

package/src/components/TemplatePanel/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './TemplatePanel';

package/src/components/index.ts

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

package/src/meta.ts

@@ -6,7 +6,7 @@ import { type Plugin } from '@dxos/app-framework';
 import { trim } from '@dxos/util';
 
 export const meta: Plugin.Meta = {
-  id: 'dxos.org/plugin/template',
+  id: 'org.dxos.plugin.template',
   name: 'Template',
   description: trim`
     Create reusable templates for documents, tables, and other objects.

package/src/translations.ts

@@ -4,24 +4,25 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-import { meta } from './meta';
-import { Template } from './types';
+import { meta } from '#meta';
+import { Template } from '#types';
 
 export const translations = [
   {
     'en-US': {
       [Template.Data.typename]: {
-        'typename label': 'Template',
-        'typename label_zero': 'Templates',
-        'typename label_one': 'Template',
-        'typename label_other': 'Templates',
-        'object name placeholder': 'New template',
-        'rename object label': 'Rename template',
-        'delete object label': 'Delete template',
-        'object deleted label': 'Template deleted',
+        'typename.label': 'Template',
+        'typename.label_zero': 'Templates',
+        'typename.label_one': 'Template',
+        'typename.label_other': 'Templates',
+        'object-name.placeholder': 'New template',
+        'add-object.label': 'Add template',
+        'rename-object.label': 'Rename template',
+        'delete-object.label': 'Delete template',
+        'object-deleted.label': 'Template deleted',
       },
       [meta.id]: {
-        'plugin name': 'Template',
+        'plugin.name': 'Template',
       },
     },
   },

package/src/types/schema.ts

@@ -4,16 +4,20 @@
 
 import * as Schema from 'effect/Schema';
 
-import { Obj, Type } from '@dxos/echo';
+import { Annotation, Obj, Type } from '@dxos/echo';
 
 export namespace Template {
   export const Data = Schema.Struct({
     name: Schema.optional(Schema.String),
   }).pipe(
     Type.object({
-      typename: 'dxos.org/type/Data',
+      typename: 'org.dxos.type.data',
       version: '0.1.0',
     }),
+    Annotation.IconAnnotation.set({
+      icon: 'ph--asterisk--regular',
+      hue: 'sky',
+    }),
   );
 
   export type Data = Schema.Schema.Type<typeof Data>;

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

@@ -1,18 +0,0 @@
-// src/types/schema.ts
-import * as Schema from "effect/Schema";
-import { Obj, Type } from "@dxos/echo";
-(function(Template2) {
-  Template2.Data = Schema.Struct({
-    name: Schema.optional(Schema.String)
-  }).pipe(Type.object({
-    typename: "dxos.org/type/Data",
-    version: "0.1.0"
-  }));
-  Template2.make = (props) => Obj.make(Template2.Data, props);
-})(Template || (Template = {}));
-var Template;
-
-export {
-  Template
-};
-//# sourceMappingURL=chunk-HRH4SQLU.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/schema.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\n\nexport namespace Template {\n  export const Data = Schema.Struct({\n    name: Schema.optional(Schema.String),\n  }).pipe(\n    Type.object({\n      typename: 'dxos.org/type/Data',\n      version: '0.1.0',\n    }),\n  );\n\n  export type Data = Schema.Schema.Type<typeof Data>;\n\n  export const make = (props: Partial<Data>) => Obj.make(Data, props);\n}\n"],
-  "mappings": ";AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,YAAY;UAETC,WAAAA;YACFC,OAAcC,cAAO;IAChCC,MAAaC,gBAAgBC,aAAM;EACrC,CAAA,EAAGC,KACDC,KAAKC,OAAO;IACVC,UAAU;IACVC,SAAS;EACX,CAAA,CAAA;YAKWC,OAAO,CAACC,UAAyBC,IAAIF,KAAIX,UAACC,MAAMW,KAAAA;AAC/D,GAbiBZ,aAAAA,WAAAA,CAAAA,EAAAA;;",
-  "names": ["Schema", "Obj", "Type", "Template", "Data", "Struct", "name", "optional", "String", "pipe", "Type", "object", "typename", "version", "make", "props", "Obj"]
-}

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

@@ -1,18 +0,0 @@
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "dxos.org/plugin/template",
-  name: "Template",
-  description: trim`
-    Create reusable templates for documents, tables, and other objects.
-    Define structured patterns that can be quickly instantiated with pre-configured content and settings.
-  `,
-  icon: "ph--asterisk--regular",
-  iconHue: "sky",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-template"
-};
-
-export {
-  meta
-};
-//# sourceMappingURL=chunk-TRYLFURO.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'dxos.org/plugin/template',\n  name: 'Template',\n  description: trim`\n    Create reusable templates for documents, tables, and other objects.\n    Define structured patterns that can be quickly instantiated with pre-configured content and settings.\n  `,\n  icon: 'ph--asterisk--regular',\n  iconHue: 'sky',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-template',\n};\n"],
-  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;AACV;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source"]
-}

package/dist/lib/browser/react-surface-2ZHO2EXN.mjs

@@ -1,39 +0,0 @@
-import {
-  meta
-} from "./chunk-TRYLFURO.mjs";
-import {
-  Template
-} from "./chunk-HRH4SQLU.mjs";
-
-// src/capabilities/react-surface/react-surface.tsx
-import * as Effect from "effect/Effect";
-import React2 from "react";
-import { Capabilities, Capability } from "@dxos/app-framework";
-import { Surface } from "@dxos/app-framework/ui";
-import { Obj as Obj2 } from "@dxos/echo";
-
-// src/components/TemplateContainer.tsx
-import React from "react";
-import { Obj } from "@dxos/echo";
-import { Panel } from "@dxos/react-ui";
-var TemplateContainer = ({ role, subject: object }) => {
-  return /* @__PURE__ */ React.createElement(Panel.Root, {
-    role,
-    className: "dx-article"
-  }, /* @__PURE__ */ React.createElement(Panel.Content, null, /* @__PURE__ */ React.createElement(Panel.Content, null, /* @__PURE__ */ React.createElement("span", null, Obj.getDXN(object).toString()))));
-};
-
-// src/capabilities/react-surface/react-surface.tsx
-var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, Surface.create({
-  id: meta.id,
-  role: "article",
-  filter: (data) => Obj2.instanceOf(Template.Data, data.subject),
-  component: ({ data, role }) => /* @__PURE__ */ React2.createElement(TemplateContainer, {
-    role,
-    subject: data.subject
-  })
-}))));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-2ZHO2EXN.mjs.map

package/dist/lib/browser/react-surface-2ZHO2EXN.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/components/TemplateContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { Obj } from '@dxos/echo';\n\nimport { TemplateContainer } from '../../components';\nimport { meta } from '../../meta';\nimport { Template } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(\n      Capabilities.ReactSurface,\n      Surface.create({\n        id: meta.id,\n        role: 'article',\n        filter: (data): data is { subject: Obj.Unknown } => Obj.instanceOf(Template.Data, data.subject),\n        component: ({ data, role }: { data: { subject: Obj.Unknown }; role: string }) => (\n          <TemplateContainer role={role} subject={data.subject} />\n        ),\n      }),\n    ),\n  ),\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { Panel } from '@dxos/react-ui';\n\nexport type TemplateContainerProps = SurfaceComponentProps<Obj.Unknown>;\n\nexport const TemplateContainer = ({ role, subject: object }: TemplateContainerProps) => {\n  return (\n    <Panel.Root role={role} className='dx-article'>\n      <Panel.Content>\n        <Panel.Content>\n          <span>{Obj.getDXN(object).toString()}</span>\n        </Panel.Content>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n"],
-  "mappings": ";;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,YAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,OAAAA,YAAW;;;ACLpB,OAAOC,WAAW;AAGlB,SAASC,WAAW;AACpB,SAASC,aAAa;AAIf,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,SAASC,OAAM,MAA0B;AACjF,SACE,sBAAA,cAACC,MAAMC,MAAI;IAACJ;IAAYK,WAAU;KAChC,sBAAA,cAACF,MAAMG,SAAO,MACZ,sBAAA,cAACH,MAAMG,SAAO,MACZ,sBAAA,cAACC,QAAAA,MAAMC,IAAIC,OAAOP,MAAAA,EAAQQ,SAAQ,CAAA,CAAA,CAAA,CAAA;AAK5C;;;ADPA,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YACTC,aAAaC,cACbC,QAAQC,OAAO;EACbC,IAAIC,KAAKD;EACTE,MAAM;EACNC,QAAQ,CAACC,SAA2CC,KAAIC,WAAWC,SAASC,MAAMJ,KAAKK,OAAO;EAC9FC,WAAW,CAAC,EAAEN,MAAMF,KAAI,MACtB,gBAAAS,OAAA,cAACC,mBAAAA;IAAkBV;IAAYO,SAASL,KAAKK;;AAEjD,CAAA,CAAA,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "Obj", "React", "Obj", "Panel", "TemplateContainer", "role", "subject", "object", "Panel", "Root", "className", "Content", "span", "Obj", "getDXN", "toString", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Template", "Data", "subject", "component", "React", "TemplateContainer"]
-}

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

@@ -1,3 +0,0 @@
-import { Capability } from '@dxos/app-framework';
-export declare const ReactSurface: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/app-framework/Capabilities").ReactSurface>>, Error>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,YAAY,iJAAmE,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/react-surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;;AAQ/D,wBAcE"}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
-import { Obj } from '@dxos/echo';
-export type TemplateContainerProps = SurfaceComponentProps<Obj.Unknown>;
-export declare const TemplateContainer: ({ role, subject: object }: TemplateContainerProps) => React.JSX.Element;
-//# sourceMappingURL=TemplateContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/TemplateContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,2BAA2B,sBAAsB,sBAUlF,CAAC"}

package/src/capabilities/react-surface/index.ts

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

package/src/capabilities/react-surface/react-surface.tsx

@@ -1,30 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-import React from 'react';
-
-import { Capabilities, Capability } from '@dxos/app-framework';
-import { Surface } from '@dxos/app-framework/ui';
-import { Obj } from '@dxos/echo';
-
-import { TemplateContainer } from '../../components';
-import { meta } from '../../meta';
-import { Template } from '../../types';
-
-export default Capability.makeModule(() =>
-  Effect.succeed(
-    Capability.contributes(
-      Capabilities.ReactSurface,
-      Surface.create({
-        id: meta.id,
-        role: 'article',
-        filter: (data): data is { subject: Obj.Unknown } => Obj.instanceOf(Template.Data, data.subject),
-        component: ({ data, role }: { data: { subject: Obj.Unknown }; role: string }) => (
-          <TemplateContainer role={role} subject={data.subject} />
-        ),
-      }),
-    ),
-  ),
-);

package/src/components/TemplateContainer.tsx

@@ -1,23 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
-import { Obj } from '@dxos/echo';
-import { Panel } from '@dxos/react-ui';
-
-export type TemplateContainerProps = SurfaceComponentProps<Obj.Unknown>;
-
-export const TemplateContainer = ({ role, subject: object }: TemplateContainerProps) => {
-  return (
-    <Panel.Root role={role} className='dx-article'>
-      <Panel.Content>
-        <Panel.Content>
-          <span>{Obj.getDXN(object).toString()}</span>
-        </Panel.Content>
-      </Panel.Content>
-    </Panel.Root>
-  );
-};