@dxos/plugin-pipeline 0.8.4-main.6fa680abb7 → 0.8.4-main.765dc60934

package/src/containers/{PipelineObjectSettings/PipelineObjectSettings.tsx → PipelineProperties/PipelineProperties.tsx}

@@ -5,37 +5,36 @@
 import * as Schema from 'effect/Schema';
 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 { useTypeOptions } from '@dxos/plugin-space';
-import { resolveSchemaWithRegistry } from '@dxos/plugin-space';
-import { getSpace, useObject, useQuery } from '@dxos/react-client/echo';
+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, Task } from '@dxos/types';
-import { mx, osTranslations, subtleHover } from '@dxos/ui-theme';
+import { Pipeline } from '@dxos/types';
+import { mx, osTranslations } from '@dxos/ui-theme';
 import { arrayMove } from '@dxos/util';
 
-import { meta } from '../../meta';
+import { meta } from '#meta';
 
 const listGrid = 'grid grid-cols-[min-content_1fr_min-content_min-content_min-content]';
 const listItemGrid = 'grid grid-cols-subgrid col-span-5';
 
 const ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick('name'));
 
-// TODO(burdon): Standardize Object/Plugin settings.
-export type PipelineObjectSettingsProps = ThemedClassName<{
+export type PipelinePropertiesProps = ThemedClassName<{
   pipeline: Pipeline.Pipeline;
 }>;
 
 /**
  * Supports editing the pipeline view.
  */
-export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectSettingsProps) => {
+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(
@@ -45,9 +44,9 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
   const [view, updateView] = useObject(column?.view);
   const [schema, setSchema] = useState<Schema.Schema.AnyNoContext>(() => Schema.Struct({}));
   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'],
@@ -55,15 +54,15 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
   });
 
   useAsyncEffect(async () => {
-    if (!view?.query || !space) {
+    if (!view?.query || !db) {
       return;
     }
 
-    const foundSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, view.query.ast);
+    const foundSchema = await resolveSchemaWithRegistry(db.schemaRegistry, view.query.ast);
     if (foundSchema && foundSchema !== schema) {
       setSchema(() => foundSchema);
     }
-  }, [space, view, schema]);
+  }, [db, view, schema]);
 
   const handleMove = useCallback(
     (fromIndex: number, toIndex: number) =>
@@ -75,16 +74,16 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
 
   const handleQueryChanged = useCallback(
     async (newQuery: QueryAST.Query, target?: string) => {
-      if (!view || !space) {
+      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 query = queue ? Query.fromAst(newQuery).from({ feeds: [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);
+      const newSchema = await resolveSchemaWithRegistry(db.schemaRegistry, query.ast);
       if (!newSchema) {
         return;
       }
@@ -99,7 +98,7 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
 
       setSchema(() => newSchema);
     },
-    [view, updateView, schema],
+    [db, view, updateView, schema],
   );
 
   const handleColumnValuesChanged = useCallback(
@@ -135,34 +134,34 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
       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.type(Task.Task)),
-      jsonSchema: JsonSchema.toJsonSchema(Task.Task),
+      query: Query.select(Filter.nothing()),
+      jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({})),
     });
-    space.db.add(newView);
+    db.add(newView);
     updateColumns((columns) => {
       columns.push({
-        name: 'Tasks',
+        name: '',
         // Type assertion needed due to QueryAST type variance.
         view: Ref.make(newView) as (typeof columns)[number]['view'],
         order: [],
       });
     });
     setExpandedId(newView.id);
-  }, [space, updateColumns]);
+  }, [db, updateColumns]);
 
   return (
-    <div role='none' className={mx('py-form-padding overflow-y-auto', classNames)}>
-      <h2 className='text-sm text-description py-1'>{t('views label')}</h2>
+    <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}
@@ -180,11 +179,13 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
                   classNames={listItemGrid}
                   aria-expanded={expandedId === column.view.dxn.toString()}
                 >
-                  <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}</List.ItemTitle>
+                    <List.ItemTitle onClick={() => handleToggleField(column)}>
+                      {column.name || t('untitled-view.title')}
+                    </List.ItemTitle>
                     <List.ItemDeleteButton
-                      label={t('delete view label')}
+                      label={t('delete-view.label')}
                       autoHide={false}
                       onClick={() => handleDelete(column)}
                       data-testid='view.delete'
@@ -192,7 +193,7 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
                     <IconButton
                       iconOnly
                       variant='ghost'
-                      label={t('toggle expand label', { ns: osTranslations })}
+                      label={t('toggle-expand.label', { ns: osTranslations })}
                       icon={
                         expandedId === column.view.dxn.toString()
                           ? 'ph--caret-down--regular'
@@ -202,7 +203,7 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
                     />
                   </div>
                   {expandedId === column.view.dxn.toString() && column?.view.target && (
-                    <div role='none' className='col-span-5 my-2 border border-separator rounded-md'>
+                    <div className='col-span-5 my-2 border border-separator rounded-md'>
                       <Form.Root
                         schema={ColumnFormSchema}
                         values={column}
@@ -218,8 +219,8 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
                         readonly
                         schema={schema}
                         view={column.view.target}
-                        registry={space?.db.schemaRegistry}
-                        db={space?.db}
+                        registry={db?.schemaRegistry}
+                        db={db}
                         tags={tags}
                         types={types}
                         onQueryChanged={handleQueryChanged}
@@ -233,8 +234,8 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
         )}
       </List.Root>
 
-      <div role='none' className='my-form-padding'>
-        <IconButton icon='ph--plus--regular' label={t('add view label')} onClick={handleAdd} classNames='w-full' />
+      <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/PipelineProperties/index.ts

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

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 PipelineObjectSettings: ComponentType<any> = lazy(() => import('./PipelineObjectSettings'));
+export const PipelineArticle: ComponentType<any> = lazy(() => import('./PipelineArticle'));
+export const PipelineProperties: ComponentType<any> = lazy(() => import('./PipelineProperties'));

package/src/hooks/usePipelineBoardModel.ts

@@ -6,9 +6,9 @@ import { Atom, type Registry } from '@effect-atom/atom-react';
 import * as Schema from 'effect/Schema';
 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 { getQueryTarget } from '@dxos/plugin-space';
 import { getSpace, isSpace } from '@dxos/react-client/echo';
 import { type BoardModel } from '@dxos/react-ui-mosaic';
 import { Pipeline } from '@dxos/types';

package/src/index.ts

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

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

@@ -4,35 +4,35 @@ import { Pipeline } from '@dxos/types';
 // Copyright 2023 DXOS.org
 //
 
-import { meta } from './meta';
+import { meta } from '#meta';
 
 export const translations = [
   {
     'en-US': {
       [Pipeline.Pipeline.typename]: {
-        'typename label': 'Pipeline',
-        'typename label_zero': 'Pipelines',
-        'typename label_one': 'Pipeline',
-        'typename label_other': 'Pipelines',
-        'object name placeholder': 'New pipeline',
-        'add object label': 'Add pipeline',
-        'rename object label': 'Rename pipeline',
-        'delete object label': 'Delete pipeline',
-        'object deleted label': 'Pipeline deleted',
+        'typename.label': 'Pipeline',
+        'typename.label_zero': 'Pipelines',
+        'typename.label_one': 'Pipeline',
+        'typename.label_other': 'Pipelines',
+        'object-name.placeholder': 'New pipeline',
+        'add-object.label': 'Add pipeline',
+        'rename-object.label': 'Rename pipeline',
+        'delete-object.label': 'Delete pipeline',
+        'object-deleted.label': 'Pipeline deleted',
       },
       [meta.id]: {
-        'plugin name': 'Pipelines',
-        'add column label': 'Add column',
-        'add card label': 'Add object',
-        'untitled view title': 'New view',
-        'enumerating tab label': 'List',
-        'editing tab label': 'Edit',
-        'views label': 'Views',
-        'pipeline invocations label': 'Invocations',
-        'pipeline automation label': 'Automations',
-        'toggle expand label': 'Toggle expand',
-        'delete view label': 'Delete view',
-        'add view label': 'Add view',
+        'plugin.name': 'Pipelines',
+        'add-column.label': 'Add column',
+        'add-card.label': 'Add object',
+        'untitled-view.title': 'New view',
+        'enumerating-tab.label': 'List',
+        'editing-tab.label': 'Edit',
+        'views.label': 'Views',
+        'pipeline-invocations.label': 'Invocations',
+        'pipeline-automation.label': 'Automations',
+        'toggle-expand.label': 'Toggle expand',
+        'delete-view.label': 'Delete view',
+        'add-view.label': 'Add view',
       },
     },
   },

package/dist/lib/browser/PipelineContainer-FAOVECDX.mjs

@@ -1,318 +0,0 @@
-import {
-  meta
-} from "./chunk-3A235GUD.mjs";
-
-// src/containers/PipelineContainer/PipelineContainer.tsx
-import React3, { 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 { OBJECT_ACTIONS_CONTRIBUTION_ID, OBJECT_ACTIONS_CONTRIBUTION_PRIORITY, useObjectMenuItems } from "@dxos/app-toolkit/ui";
-import { COMPANION_PREFIX } from "@dxos/app-toolkit";
-import { DeckOperation } from "@dxos/plugin-deck/types";
-import { Panel } from "@dxos/react-ui";
-import { useAttention } from "@dxos/react-ui-attention";
-import { useMenu } from "@dxos/react-ui-menu";
-
-// src/components/PipelineComponent/PipelineColumn.tsx
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import React2, { forwardRef, useMemo, useRef, useState } from "react";
-import { useObjectNavigate } from "@dxos/app-toolkit/ui";
-import { JsonSchema, Obj as Obj2, Query, Type } from "@dxos/echo";
-import { resolveSchemaWithRegistry } from "@dxos/plugin-space";
-import { Filter, getSpace, useObject } from "@dxos/react-client/echo";
-import { useAsyncEffect, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { Card } from "@dxos/react-ui";
-import { Board as Board2, Focus, Mosaic } from "@dxos/react-ui-mosaic";
-import { ProjectionModel, createEchoChangeCallback } from "@dxos/schema";
-
-// src/components/PipelineComponent/PipelineComponent.tsx
-import { useAtomValue } from "@effect-atom/atom-react";
-import { createContext } from "@radix-ui/react-context";
-import React from "react";
-import { Obj } from "@dxos/echo";
-import { Toolbar, useTranslation } from "@dxos/react-ui";
-import { Board, useBoard, useEventHandlerAdapter } from "@dxos/react-ui-mosaic";
-var itemNoOp = ({ item }) => /* @__PURE__ */ React.createElement("span", null, item.id);
-var PIPELINE_ROOT = "Pipeline.Root";
-var [PipelineRootContext, usePipeline] = createContext(PIPELINE_ROOT, {
-  Item: itemNoOp
-});
-var PipelineRoot = ({ children, ...contextValue }) => /* @__PURE__ */ React.createElement(PipelineRootContext, contextValue, children);
-PipelineRoot.displayName = PIPELINE_ROOT;
-var PIPELINE_CONTENT_NAME = "Pipeline.Content";
-var PipelineContent = ({ model, children, ...props }) => /* @__PURE__ */ React.createElement(Board.Root, {
-  ...props,
-  model
-}, children);
-PipelineContent.displayName = PIPELINE_CONTENT_NAME;
-var PIPELINE_COLUMNS_NAME = "Pipeline.Columns";
-var PipelineColumns = ({ pipeline }) => {
-  const { model } = useBoard(PIPELINE_COLUMNS_NAME);
-  const columns = useAtomValue(model.columns);
-  const eventHandler = useEventHandlerAdapter({
-    id: pipeline.id,
-    // TODO(wittjosiah): Cast because columns array is readonly.
-    items: columns,
-    getId: model.getColumnId,
-    get: (data) => data,
-    make: (object) => object,
-    canDrop: ({ source }) => model.isColumn(source.data),
-    onChange: (mutate) => Obj.change(pipeline, (p) => mutate(p.columns))
-  });
-  return /* @__PURE__ */ React.createElement(Board.Content, {
-    id: "pipeline",
-    eventHandler,
-    Tile: PipelineColumn
-  });
-};
-PipelineColumns.displayName = PIPELINE_COLUMNS_NAME;
-var PIPELINE_TOOLBAR_NAME = "Pipeline.Toolbar";
-var PipelineToolbar = (props) => {
-  const { t } = useTranslation(meta.id);
-  const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);
-  return /* @__PURE__ */ React.createElement(Toolbar.Root, props, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
-    icon: "ph--plus--regular",
-    iconOnly: true,
-    label: t("add column label"),
-    onClick: onAddColumn
-  }));
-};
-PipelineToolbar.displayName = PIPELINE_TOOLBAR_NAME;
-var PipelineComponent = {
-  Root: PipelineRoot,
-  Content: PipelineContent,
-  Columns: PipelineColumns,
-  Toolbar: PipelineToolbar
-};
-
-// src/components/PipelineComponent/PipelineColumn.tsx
-var PIPELINE_COLUMN_NAME = "PipelineColumn";
-var PipelineColumn = ({ data: column, location, classNames, debug }) => {
-  const { t } = useTranslation2(meta.id);
-  const dragHandleRef = useRef(null);
-  const [viewSnapshot] = useObject(column.view);
-  const view = column.view.target;
-  const space = getSpace(view);
-  const { Item } = usePipeline(PIPELINE_COLUMN_NAME);
-  const [schema, setSchema] = useState();
-  const query = useMemo(() => {
-    if (!view) {
-      return Query.select(Filter.nothing());
-    } else {
-      return Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot?.query.ast)));
-    }
-  }, [
-    JSON.stringify(viewSnapshot?.query.ast)
-  ]);
-  useAsyncEffect(async () => {
-    if (!query || !space?.db) {
-      return;
-    }
-    const schema2 = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);
-    setSchema(() => schema2);
-  }, [
-    space,
-    query
-  ]);
-  const projectionModel = useMemo(() => {
-    if (!schema || !view) {
-      return void 0;
-    }
-    const jsonSchema = Type.isMutable(schema) ? schema.jsonSchema : JsonSchema.toJsonSchema(schema);
-    const change = createEchoChangeCallback(view, Type.isMutable(schema) ? schema : void 0);
-    return new ProjectionModel({
-      view,
-      baseSchema: jsonSchema,
-      change
-    });
-  }, [
-    schema,
-    view
-  ]);
-  const Tile = useMemo(() => {
-    return /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(ItemTile, {
-      ...props,
-      ref,
-      itemProps: {
-        item: props.data,
-        projectionModel
-      }
-    }));
-  }, [
-    Item,
-    projectionModel
-  ]);
-  if (!view) {
-    return null;
-  }
-  return /* @__PURE__ */ React2.createElement(Board2.Column.Root, {
-    data: column,
-    location,
-    classNames: [
-      "group/column grid h-full overflow-hidden grid-rows-[var(--dx-rail-action)_1fr]",
-      classNames
-    ],
-    debug,
-    dragHandleRef
-  }, /* @__PURE__ */ React2.createElement(Board2.Column.Header, {
-    label: column.name ?? t("untitled view title"),
-    dragHandleRef
-  }), /* @__PURE__ */ React2.createElement(Board2.Column.Body, {
-    data: column,
-    Tile
-  }));
-};
-PipelineColumn.displayName = PIPELINE_COLUMN_NAME;
-var ITEM_TILE_NAME = "ItemTile";
-var ItemTile = /* @__PURE__ */ forwardRef(({ classNames, data, location, debug, itemProps }, forwardedRef) => {
-  const rootRef = useRef(null);
-  const composedRef = useComposedRefs(rootRef, forwardedRef);
-  const { Item } = usePipeline(ITEM_TILE_NAME);
-  const handleNavigate = useObjectNavigate(data);
-  return /* @__PURE__ */ React2.createElement(Mosaic.Tile, {
-    asChild: true,
-    id: data.id,
-    data,
-    location,
-    debug
-  }, /* @__PURE__ */ React2.createElement(Focus.Group, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(Card.Root, {
-    classNames,
-    ref: composedRef
-  }, /* @__PURE__ */ React2.createElement(Card.Toolbar, null, /* @__PURE__ */ React2.createElement(Card.DragHandle, null), /* @__PURE__ */ React2.createElement(Card.Title, {
-    onClick: handleNavigate
-  }, Obj2.getLabel(data)), /* @__PURE__ */ React2.createElement(Card.Menu, null)), /* @__PURE__ */ React2.createElement(Card.Content, null, /* @__PURE__ */ React2.createElement(Item, itemProps)))));
-});
-ItemTile.displayName = ITEM_TILE_NAME;
-
-// src/hooks/usePipelineBoardModel.ts
-import { Atom } from "@effect-atom/atom-react";
-import * as Schema from "effect/Schema";
-import { useMemo as useMemo2 } from "react";
-import { Obj as Obj3, Query as Query2 } from "@dxos/echo";
-import { AtomObj, AtomQuery } from "@dxos/echo-atom";
-import { getQueryTarget } from "@dxos/plugin-space";
-import { getSpace as getSpace2, isSpace } from "@dxos/react-client/echo";
-import { Pipeline } from "@dxos/types";
-var usePipelineBoardModel = (pipeline, registry) => useMemo2(() => {
-  if (pipeline == null) {
-    return emptyPipelineModel;
-  }
-  const space = getSpace2(pipeline);
-  const columnsAtom = AtomObj.makeProperty(pipeline, "columns");
-  const columnAtomFamily = Atom.family((viewKey) => Atom.make((get) => {
-    const columns = get(columnsAtom);
-    return columns.find((c) => c.view.dxn.toString() === viewKey);
-  }));
-  const itemsAtomFamily = Atom.family((viewKey) => Atom.make((get) => {
-    const column = get(columnAtomFamily(viewKey));
-    if (column == null) {
-      return [];
-    }
-    const viewSnapshot = get(AtomObj.make(column.view));
-    if (!viewSnapshot?.query?.ast) {
-      return [];
-    }
-    const query = Query2.fromAst(JSON.parse(JSON.stringify(viewSnapshot.query.ast)));
-    const queryTarget = space ? getQueryTarget(query.ast, space) : void 0;
-    if (!queryTarget) {
-      return [];
-    }
-    const raw = get(AtomQuery.make(queryTarget, query));
-    return isSpace(queryTarget) ? raw : [
-      ...raw
-    ].reverse();
-  }));
-  return {
-    getColumnId: (data) => data.view.dxn.toString(),
-    getItemId: (data) => data.id,
-    isColumn: (obj) => Schema.is(Pipeline.Column)(obj),
-    isItem: (obj) => Obj3.isObject(obj),
-    columns: columnsAtom,
-    items: (column) => itemsAtomFamily(column.view.dxn.toString()),
-    getColumns: () => [
-      ...registry.get(columnsAtom)
-    ],
-    getItems: (column) => registry.get(itemsAtomFamily(column.view.dxn.toString())) ?? []
-  };
-}, [
-  pipeline,
-  registry
-]);
-var emptyColumnsAtom = Atom.make(() => []);
-var emptyItemsAtom = Atom.make(() => []);
-var emptyPipelineModel = {
-  getColumnId: (data) => data.view.dxn.toString(),
-  getItemId: (data) => data.id,
-  isColumn: (obj) => Schema.is(Pipeline.Column)(obj),
-  isItem: (obj) => Obj3.isObject(obj),
-  columns: emptyColumnsAtom,
-  items: () => emptyItemsAtom,
-  getColumns: () => [],
-  getItems: () => []
-};
-
-// src/containers/PipelineContainer/PipelineContainer.tsx
-var PIPELINE_ITEM = "PipelineItem";
-var PipelineContainer = ({ role, subject: pipeline, attendableId }) => {
-  const registry = useCapability(Capabilities.AtomRegistry);
-  const model = usePipelineBoardModel(pipeline, registry);
-  const { invokePromise } = useOperationInvoker();
-  const { hasAttention } = useAttention(attendableId);
-  const handleColumnAdd = useCallback(() => invokePromise(DeckOperation.ChangeCompanion, {
-    companion: `${COMPANION_PREFIX}settings`
-  }), [
-    invokePromise
-  ]);
-  return /* @__PURE__ */ React3.createElement(PipelineComponent.Root, {
-    Item: PipelineItem,
-    onAddColumn: handleColumnAdd
-  }, /* @__PURE__ */ React3.createElement(Panel.Root, {
-    role,
-    className: "dx-article"
-  }, /* @__PURE__ */ React3.createElement(Panel.Toolbar, {
-    asChild: true
-  }, /* @__PURE__ */ React3.createElement(PipelineComponent.Toolbar, {
-    disabled: !hasAttention
-  })), /* @__PURE__ */ React3.createElement(Panel.Content, {
-    asChild: true
-  }, /* @__PURE__ */ React3.createElement(PipelineComponent.Content, {
-    model
-  }, /* @__PURE__ */ React3.createElement(PipelineComponent.Columns, {
-    pipeline
-  })))));
-};
-var PipelineItem = ({ item, projectionModel }) => {
-  const menu = useMenu(PIPELINE_ITEM);
-  const items = useObjectMenuItems(item);
-  useEffect(() => {
-    menu.addMenuItems({
-      id: OBJECT_ACTIONS_CONTRIBUTION_ID,
-      mode: "additive",
-      priority: OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,
-      items
-    });
-    return () => menu.removeMenuItems(OBJECT_ACTIONS_CONTRIBUTION_ID);
-  }, [
-    menu,
-    items
-  ]);
-  return /* @__PURE__ */ React3.createElement(Surface.Surface, {
-    role: "card--content",
-    data: {
-      subject: item,
-      projection: projectionModel
-    },
-    limit: 1
-  });
-};
-
-// src/containers/PipelineContainer/index.ts
-var PipelineContainer_default = PipelineContainer;
-export {
-  PipelineContainer_default as default
-};
-//# sourceMappingURL=PipelineContainer-FAOVECDX.mjs.map