@dxos/plugin-pipeline 0.8.4-main.fcfe5033a5 → 0.9.0

package/src/containers/{PipelineContainer/PipelineContainer.stories.tsx → PipelineArticle/PipelineArticle.stories.tsx}

@@ -8,26 +8,25 @@ import * as Layer from 'effect/Layer';
 import React from 'react';
 
 import { withPluginManager } from '@dxos/app-framework/testing';
-import { Filter, Ref } from '@dxos/client/echo';
-import { Database, Feed, JsonSchema, Obj, Query, Tag } from '@dxos/echo';
-import { Collection, View } from '@dxos/echo';
-import { createFeedServiceLayer } from '@dxos/echo-db';
-import { ClientPlugin } from '@dxos/plugin-client';
+import { Collection, Database, Feed, Filter, JsonSchema, Obj, Query, Ref, Scope, Tag, View } from '@dxos/echo';
+import { createFeedServiceLayer } from '@dxos/echo-client';
+import { ClientPlugin } from '@dxos/plugin-client/plugin';
 import { initializeIdentity } from '@dxos/plugin-client/testing';
-import { InboxPlugin } from '@dxos/plugin-inbox';
-import { PreviewPlugin } from '@dxos/plugin-preview';
+import { InboxPlugin } from '@dxos/plugin-inbox/plugin';
+import { PreviewPlugin } from '@dxos/plugin-preview/testing';
 import { StorybookPlugin, corePlugins } from '@dxos/plugin-testing';
 import { random } from '@dxos/random';
 import { useDatabase, useQuery } from '@dxos/react-client/echo';
-import { translations as stackTranslations } from '@dxos/react-ui-stack';
+import { translations as stackTranslations } from '@dxos/react-ui-stack/translations';
 import { withLayout } from '@dxos/react-ui/testing';
 import { ViewModel } from '@dxos/schema';
 import { createObjectFactory } from '@dxos/schema/testing';
 import { Message, Organization, Person, Pipeline, Task } from '@dxos/types';
 
-import { translations } from '../../translations';
+import { translations } from '#translations';
+
 import PipelineProperties from '../PipelineProperties';
-import { PipelineContainer } from './PipelineContainer';
+import { PipelineArticle } from './PipelineArticle';
 
 random.seed(0);
 
@@ -42,14 +41,14 @@ const DefaultStory = () => {
 
   return (
     <div className='grow grid grid-cols-[1fr_350px] overflow-hidden h-full w-full'>
-      <PipelineContainer role='article' subject={pipeline} attendableId='test' />
+      <PipelineArticle role='article' subject={pipeline} attendableId='test' />
       <PipelineProperties pipeline={pipeline} classNames='border-s border-separator' />
     </div>
   );
 };
 
 const meta = {
-  title: 'plugins/plugin-pipeline/containers/PipelineContainer',
+  title: 'plugins/plugin-pipeline/containers/PipelineArticle',
   render: DefaultStory,
   decorators: [
     withLayout({ layout: 'fullscreen' }),
@@ -74,7 +73,7 @@ const meta = {
 
             yield* Effect.gen(function* () {
               const tag = yield* Database.add(Tag.make({ label: 'important', hue: 'green' }));
-              const tagDxn = Obj.getDXN(tag).toString();
+              const tagUri = Obj.getURI(tag);
 
               // Create a view for Contacts.
               const personView = ViewModel.make({
@@ -84,13 +83,13 @@ const meta = {
 
               // Create a view for Organizations.
               const organizationView = ViewModel.make({
-                query: Query.select(Filter.type(Organization.Organization)).select(Filter.tag(tagDxn)),
+                query: Query.select(Filter.type(Organization.Organization)).select(Filter.tag(tagUri)),
                 jsonSchema: JsonSchema.toJsonSchema(Organization.Organization),
               });
 
               // Create a view for Tasks.
               const taskView = ViewModel.make({
-                query: Query.select(Filter.type(Task.Task)).select(Filter.tag(tagDxn)),
+                query: Query.select(Filter.type(Task.Task)).select(Filter.tag(tagUri)),
                 jsonSchema: JsonSchema.toJsonSchema(Task.Task),
               });
 
@@ -111,11 +110,8 @@ const meta = {
               );
               yield* Feed.append(messageFeed, messages);
 
-              const messageQueueDxn = Feed.getQueueDxn(messageFeed)!.toString();
               const messageView = ViewModel.make({
-                query: Query.select(Filter.type(Message.Message)).from({
-                  queues: [messageQueueDxn],
-                }),
+                query: Query.select(Filter.type(Message.Message)).from(Scope.feed(Obj.getURI(messageFeed))),
                 jsonSchema: JsonSchema.toJsonSchema(Message.Message),
               });
 
@@ -167,7 +163,7 @@ const meta = {
                 yield* Database.add(
                   Obj.make(Organization.Organization, {
                     [Obj.Meta]: {
-                      tags: random.datatype.boolean() ? [tagDxn] : [],
+                      tags: random.datatype.boolean() ? [tagUri] : [],
                     },
                     name: random.company.name(),
                     website: random.internet.url(),
@@ -182,7 +178,7 @@ const meta = {
                 yield* Database.add(
                   Obj.make(Task.Task, {
                     [Obj.Meta]: {
-                      tags: random.datatype.boolean() ? [tagDxn] : [],
+                      tags: random.datatype.boolean() ? [tagUri] : [],
                     },
                     title: random.lorem.sentence(),
                     status: random.helpers.arrayElement(['todo', 'in-progress', 'done']) as any,
@@ -220,7 +216,7 @@ const meta = {
     layout: 'fullscreen',
     translations: [...translations, ...stackTranslations],
   },
-} satisfies Meta<typeof PipelineContainer>;
+} satisfies Meta<typeof PipelineArticle>;
 
 export default meta;
 

package/src/containers/{PipelineContainer/PipelineContainer.tsx → PipelineArticle/PipelineArticle.tsx}

@@ -5,16 +5,14 @@
 import React, { useCallback, useEffect } from 'react';
 
 import { Capabilities } from '@dxos/app-framework';
-import { useCapability } from '@dxos/app-framework/ui';
-import { useOperationInvoker } from '@dxos/app-framework/ui';
-import { Surface } from '@dxos/app-framework/ui';
+import { Surface, useCapability, useOperationInvoker } from '@dxos/app-framework/ui';
+import { LayoutOperation } from '@dxos/app-toolkit';
 import {
   AppSurface,
   OBJECT_ACTIONS_CONTRIBUTION_ID,
   OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,
   useObjectMenuItems,
 } from '@dxos/app-toolkit/ui';
-import { DeckOperation } from '@dxos/plugin-deck/operations';
 import { Panel } from '@dxos/react-ui';
 import { linkedSegment } from '@dxos/react-ui-attention';
 import { useAttention } from '@dxos/react-ui-attention';
@@ -26,9 +24,9 @@ import { usePipelineBoardModel } from '#hooks';
 
 const PIPELINE_ITEM = 'PipelineItem';
 
-export type PipelineContainerProps = AppSurface.ObjectArticleProps<Pipeline.Pipeline>;
+export type PipelineArticleProps = AppSurface.ObjectArticleProps<Pipeline.Pipeline>;
 
-export const PipelineContainer = ({ role, subject: pipeline, attendableId }: PipelineContainerProps) => {
+export const PipelineArticle = ({ role, subject: pipeline, attendableId }: PipelineArticleProps) => {
   const registry = useCapability(Capabilities.AtomRegistry);
   const model = usePipelineBoardModel(pipeline, registry);
   const { invokePromise } = useOperationInvoker();
@@ -36,8 +34,8 @@ export const PipelineContainer = ({ role, subject: pipeline, attendableId }: Pip
 
   const handleColumnAdd = useCallback(
     () =>
-      invokePromise(DeckOperation.ChangeCompanion, {
-        companion: linkedSegment('settings'),
+      invokePromise(LayoutOperation.UpdateCompanion, {
+        subject: linkedSegment('settings'),
       }),
     [invokePromise],
   );

package/src/containers/PipelineArticle/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export { PipelineArticle as default } from './PipelineArticle';

package/src/containers/PipelineProperties/PipelineProperties.tsx

@@ -7,15 +7,16 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
 
 import { resolveSchemaWithRegistry } from '@dxos/app-toolkit/query';
 import { useTypeOptions } from '@dxos/app-toolkit/ui';
-import { DXN, Filter, JsonSchema, Obj, Query, type QueryAST, Ref, Tag } from '@dxos/echo';
-import { type JsonPath, type Mutable } from '@dxos/echo/internal';
-import { getSpace, useObject, useQuery } from '@dxos/react-client/echo';
+import { EID, Filter, JsonSchema, Obj, Query, type QueryAST, Ref, Scope, Tag, type Type } from '@dxos/echo';
+import { type Mutable } from '@dxos/echo/Obj';
+import { SchemaEx } from '@dxos/effect';
+import { useObject, useQuery } from '@dxos/react-client/echo';
 import { IconButton, type ThemedClassName, useAsyncEffect, useTranslation } from '@dxos/react-ui';
 import { Form, ViewEditor } from '@dxos/react-ui-form';
 import { List } from '@dxos/react-ui-list';
 import { type ProjectionModel, ViewModel } from '@dxos/schema';
 import { Pipeline } from '@dxos/types';
-import { mx, osTranslations, subtleHover } from '@dxos/ui-theme';
+import { mx, osTranslations } from '@dxos/ui-theme';
 import { arrayMove } from '@dxos/util';
 
 import { meta } from '#meta';
@@ -34,19 +35,16 @@ export type PipelinePropertiesProps = ThemedClassName<{
  */
 export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesProps) => {
   const { t } = useTranslation(meta.id);
-  const space = getSpace(pipeline);
+  const db = Obj.getDatabase(pipeline);
   const [expandedId, setExpandedId] = useState<string>();
   const [columns, updateColumns] = useObject(pipeline, 'columns');
-  const column = useMemo(
-    () => columns.find((column) => column.view.dxn.toString() === expandedId),
-    [columns, expandedId],
-  );
+  const column = useMemo(() => columns.find((column) => column.view.uri === expandedId), [columns, expandedId]);
   const [view, updateView] = useObject(column?.view);
-  const [schema, setSchema] = useState<Schema.Schema.AnyNoContext>(() => Schema.Struct({}));
+  const [type, setType] = useState<Type.AnyEntity>();
   const projectionRef = useRef<ProjectionModel>(null);
-  const tags = useQuery(space?.db, Filter.type(Tag.Tag));
+  const tags = useQuery(db, Filter.type(Tag.Tag));
   const types = useTypeOptions({
-    space,
+    db,
     annotation: {
       location: ['database', 'runtime'],
       kind: ['user'],
@@ -54,15 +52,15 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
   });
 
   useAsyncEffect(async () => {
-    if (!view?.query || !space) {
+    if (!view?.query || !db) {
       return;
     }
 
-    const foundSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, view.query.ast);
-    if (foundSchema && foundSchema !== schema) {
-      setSchema(() => foundSchema);
+    const foundType = await resolveSchemaWithRegistry(db, view.query.ast);
+    if (foundType && foundType !== type) {
+      setType(() => foundType);
     }
-  }, [space, view, schema]);
+  }, [db, view, type]);
 
   const handleMove = useCallback(
     (fromIndex: number, toIndex: number) =>
@@ -73,38 +71,38 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
   );
 
   const handleQueryChanged = useCallback(
-    async (newQuery: QueryAST.Query, target?: string) => {
-      if (!view || !space) {
+    async (newQuery: QueryAST.Query, target?: EID.EID) => {
+      if (!view || !db) {
         return;
       }
 
-      const queue = target && DXN.tryParse(target) ? target : undefined;
-      const query = queue ? Query.fromAst(newQuery).from({ queues: [queue] }) : Query.fromAst(newQuery);
+      const queue = target;
+      const query = queue ? Query.fromAst(newQuery).from([Scope.feed(String(queue))]) : Query.fromAst(newQuery);
       updateView((view) => {
         view.query.ast = query.ast as Mutable<typeof query.ast>;
       });
-      const newSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);
-      if (!newSchema) {
+      const newType = await resolveSchemaWithRegistry(db, query.ast);
+      if (!newType) {
         return;
       }
 
       const newView = ViewModel.make({
         query,
-        jsonSchema: JsonSchema.toJsonSchema(newSchema),
+        jsonSchema: newType.jsonSchema,
       });
       updateView((view) => {
         view.projection = Obj.getSnapshot(newView).projection as Mutable<typeof view.projection>;
       });
 
-      setSchema(() => newSchema);
+      setType(() => newType);
     },
-    [view, updateView, schema],
+    [db, view, updateView, type],
   );
 
   const handleColumnValuesChanged = useCallback(
     (column: Pipeline.Column) =>
-      (newValues: { name?: string }, { changed }: { changed: Record<JsonPath, boolean> }) => {
-        if (changed['name' as JsonPath]) {
+      (newValues: { name?: string }, { changed }: { changed: Record<SchemaEx.JsonPath, boolean> }) => {
+        if (changed['name' as SchemaEx.JsonPath]) {
           const columnIndex = columns.findIndex((c) => c === column);
           if (columnIndex === -1) {
             return;
@@ -118,14 +116,12 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
   );
 
   const handleToggleField = useCallback((column: Pipeline.Column) => {
-    setExpandedId((prevExpandedId) =>
-      prevExpandedId === column.view.dxn.toString() ? undefined : column.view.dxn.toString(),
-    );
+    setExpandedId((prevExpandedId) => (prevExpandedId === column.view.uri ? undefined : column.view.uri));
   }, []);
 
   const handleDelete = useCallback(
     async (column: Pipeline.Column) => {
-      if (column.view.dxn.toString() === expandedId) {
+      if (column.view.uri === expandedId) {
         setExpandedId(undefined);
       }
 
@@ -134,20 +130,20 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
       updateColumns((columns) => {
         columns.splice(index, 1);
       });
-      space?.db.remove(viewToRemove);
+      db?.remove(viewToRemove);
     },
-    [expandedId, columns, updateColumns, space],
+    [expandedId, columns, updateColumns, db],
   );
 
   const handleAdd = useCallback(() => {
-    if (!space) {
+    if (!db) {
       return;
     }
     const newView = ViewModel.make({
       query: Query.select(Filter.nothing()),
       jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({})),
     });
-    space.db.add(newView);
+    db.add(newView);
     updateColumns((columns) => {
       columns.push({
         name: '',
@@ -157,16 +153,16 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
       });
     });
     setExpandedId(newView.id);
-  }, [space, updateColumns]);
+  }, [db, updateColumns]);
 
   return (
-    <div role='none' className={mx('py-form-padding overflow-y-auto', classNames)}>
+    <div className={mx('py-form-padding overflow-y-auto', classNames)}>
       <h2 className='text-sm text-description py-1'>{t('views.label')}</h2>
 
       <List.Root<Pipeline.Column>
         items={columns}
         isItem={Schema.is(Pipeline.Column)}
-        getId={(column) => column.view.dxn.toString()}
+        getId={(column) => column.view.uri}
         onMove={handleMove}
       >
         {({ items: columns }) => (
@@ -174,12 +170,12 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
             <div role='list' className={mx(listGrid)}>
               {columns.map((column) => (
                 <List.Item<Pipeline.Column>
-                  key={column.view.dxn.toString()}
+                  key={column.view.uri}
                   item={column}
                   classNames={listItemGrid}
-                  aria-expanded={expandedId === column.view.dxn.toString()}
+                  aria-expanded={expandedId === column.view.uri}
                 >
-                  <div role='none' className={mx(subtleHover, listItemGrid, 'rounded-xs cursor-pointer min-h-10')}>
+                  <div className={mx(listItemGrid, 'dx-hover rounded-xs cursor-pointer min-h-10')}>
                     <List.ItemDragHandle />
                     <List.ItemTitle onClick={() => handleToggleField(column)}>
                       {column.name || t('untitled-view.title')}
@@ -194,16 +190,12 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
                       iconOnly
                       variant='ghost'
                       label={t('toggle-expand.label', { ns: osTranslations })}
-                      icon={
-                        expandedId === column.view.dxn.toString()
-                          ? 'ph--caret-down--regular'
-                          : 'ph--caret-right--regular'
-                      }
+                      icon={expandedId === column.view.uri ? 'ph--caret-down--regular' : 'ph--caret-right--regular'}
                       onClick={() => handleToggleField(column)}
                     />
                   </div>
-                  {expandedId === column.view.dxn.toString() && column?.view.target && (
-                    <div role='none' className='col-span-5 my-2 border border-separator rounded-md'>
+                  {expandedId === column.view.uri && column?.view.target && (
+                    <div className='col-span-5 my-2 border border-separator rounded-md'>
                       <Form.Root
                         schema={ColumnFormSchema}
                         values={column}
@@ -217,10 +209,10 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
                         ref={projectionRef}
                         mode='tag'
                         readonly
-                        schema={schema}
+                        type={type}
                         view={column.view.target}
-                        registry={space?.db.schemaRegistry}
-                        db={space?.db}
+                        registry={db?.graph.registry}
+                        db={db}
                         tags={tags}
                         types={types}
                         onQueryChanged={handleQueryChanged}
@@ -234,7 +226,7 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
         )}
       </List.Root>
 
-      <div role='none' className='my-form-padding'>
+      <div className='my-form-padding'>
         <IconButton icon='ph--plus--regular' label={t('add-view.label')} onClick={handleAdd} classNames='w-full' />
       </div>
     </div>

package/src/containers/index.ts

@@ -4,5 +4,5 @@
 
 import { type ComponentType, lazy } from 'react';
 
-export const PipelineContainer: ComponentType<any> = lazy(() => import('./PipelineContainer'));
+export const PipelineArticle: ComponentType<any> = lazy(() => import('./PipelineArticle'));
 export const PipelineProperties: ComponentType<any> = lazy(() => import('./PipelineProperties'));

package/src/hooks/usePipelineBoardModel.ts

@@ -8,7 +8,6 @@ import { useMemo } from 'react';
 
 import { getQueryTarget } from '@dxos/app-toolkit/query';
 import { Obj, Query } from '@dxos/echo';
-import { AtomObj, AtomQuery } from '@dxos/echo-atom';
 import { getSpace, isSpace } from '@dxos/react-client/echo';
 import { type BoardModel } from '@dxos/react-ui-mosaic';
 import { Pipeline } from '@dxos/types';
@@ -23,11 +22,11 @@ export const usePipelineBoardModel = (
     }
 
     const space = getSpace(pipeline);
-    const columnsAtom = AtomObj.makeProperty(pipeline, 'columns');
+    const columnsAtom = Obj.atomProperty(pipeline, 'columns');
     const columnAtomFamily = Atom.family<string, Atom.Atom<Pipeline.Column | undefined>>((viewKey: string) =>
       Atom.make((get) => {
         const columns = get(columnsAtom);
-        return columns.find((c) => c.view.dxn.toString() === viewKey);
+        return columns.find((c) => c.view.uri === viewKey);
       }),
     );
 
@@ -37,7 +36,7 @@ export const usePipelineBoardModel = (
         if (column == null) {
           return [];
         }
-        const viewSnapshot = get(AtomObj.make(column.view));
+        const viewSnapshot = get(Obj.atom(column.view));
         if (!viewSnapshot?.query?.ast) {
           return [];
         }
@@ -46,20 +45,20 @@ export const usePipelineBoardModel = (
         if (!queryTarget) {
           return [];
         }
-        const raw = get(AtomQuery.make(queryTarget, query));
+        const raw = get(queryTarget.query(query).atom);
         return isSpace(queryTarget) ? raw : [...raw].reverse();
       }),
     );
 
     return {
-      getColumnId: (data) => (data as Pipeline.Column).view.dxn.toString(),
+      getColumnId: (data) => (data as Pipeline.Column).view.uri,
       getItemId: (data) => (data as Obj.Unknown).id,
       isColumn: (obj: unknown): obj is Pipeline.Column => Schema.is(Pipeline.Column)(obj),
       isItem: (obj: unknown): obj is Obj.Unknown => Obj.isObject(obj),
       columns: columnsAtom,
-      items: (column) => itemsAtomFamily(column.view.dxn.toString()),
+      items: (column) => itemsAtomFamily(column.view.uri),
       getColumns: () => [...registry.get(columnsAtom)],
-      getItems: (column) => registry.get(itemsAtomFamily(column.view.dxn.toString())) ?? [],
+      getItems: (column) => registry.get(itemsAtomFamily(column.view.uri)) ?? [],
     };
   }, [pipeline, registry]);
 
@@ -68,7 +67,7 @@ const emptyColumnsAtom = Atom.make(() => [] as Pipeline.Column[]);
 const emptyItemsAtom = Atom.make(() => [] as Obj.Unknown[]);
 
 const emptyPipelineModel: BoardModel<Pipeline.Column, Obj.Unknown> = {
-  getColumnId: (data) => (data as Pipeline.Column).view.dxn.toString(),
+  getColumnId: (data) => (data as Pipeline.Column).view.uri,
   getItemId: (data) => (data as Obj.Unknown).id,
   isColumn: (obj: unknown): obj is Pipeline.Column => Schema.is(Pipeline.Column)(obj),
   isItem: (obj): obj is Obj.Unknown => Obj.isObject(obj),

package/src/index.ts

@@ -3,4 +3,3 @@
 //
 
 export * from './meta';
-export * from './PipelinePlugin';

package/src/meta.ts

@@ -2,18 +2,31 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type Plugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { DXN } from '@dxos/keys';
 import { trim } from '@dxos/util';
 
-export const meta: Plugin.Meta = {
-  id: 'org.dxos.plugin.pipeline',
+export const meta = Plugin.makeMeta({
+  key: DXN.make('org.dxos.plugin.pipeline'),
   name: 'Pipelines',
+  author: 'DXOS',
   description: trim`
-    Pipelines for organizing tasks, milestones, and deliverables.
-    Track progress across multiple pipelines and coordinate team activities in a structured environment.
+    A multi-column Kanban-style pipeline plugin for DXOS Composer.
+    Each Pipeline holds an ordered set of Columns; each Column is backed by a ViewModel whose query
+    can select any ECHO object type — messages, contacts, documents, or custom types — from the active space.
+
+    Columns are fully configurable through the Settings companion panel, where users can add, rename,
+    reorder, and delete columns and edit the underlying query and projection for each column.
+    Objects can be dragged between columns and the full pipeline state, including column order and
+    per-column item order, persists collaboratively via ECHO.
+
+    A built-in Research template scaffolds a four-column pipeline wired to the Mailbox, Contacts,
+    Organizations, and Notes objects in the space, providing an out-of-the-box CRM-style workflow.
+    Pipeline articles also expose Invocations and Automation companion tabs for AI-driven automation.
   `,
   icon: 'ph--path--regular',
   iconHue: 'purple',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-pipeline',
+  spec: 'PLUGIN.mdl',
   tags: ['labs'],
-};
+});

package/src/plugin.ts

@@ -0,0 +1,9 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const PipelinePlugin = Plugin.lazy(meta, () => import('#plugin'));

package/src/templates/research.ts

@@ -3,8 +3,8 @@
 //
 
 import { type Database, Filter, JsonSchema, Query, Ref } from '@dxos/echo';
-import { Mailbox } from '@dxos/plugin-inbox/types';
-import { Markdown } from '@dxos/plugin-markdown/types';
+import { Mailbox } from '@dxos/plugin-inbox';
+import { Markdown } from '@dxos/plugin-markdown';
 import { ViewModel } from '@dxos/schema';
 import { Message, Organization, Person, Pipeline } from '@dxos/types';
 

package/src/translations.ts

@@ -1,3 +1,4 @@
+import { Type } from '@dxos/echo';
 import { type Resource } from '@dxos/react-ui';
 import { Pipeline } from '@dxos/types';
 //
@@ -9,7 +10,7 @@ import { meta } from '#meta';
 export const translations = [
   {
     'en-US': {
-      [Pipeline.Pipeline.typename]: {
+      [Type.getTypename(Pipeline.Pipeline)]: {
         'typename.label': 'Pipeline',
         'typename.label_zero': 'Pipelines',
         'typename.label_one': 'Pipeline',

package/src/vite-env.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+//
+// Copyright 2026 DXOS.org
+//
+
+declare module '*.mdl?raw' {
+  const content: string;
+  export default content;
+}