@dxos/plugin-pipeline 0.8.4-main.3eb6e50203 → 0.8.4-main.c85a9c8dae

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

@@ -4,28 +4,30 @@
 
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import * as Effect from 'effect/Effect';
+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 { Obj, Query, Tag, Type } from '@dxos/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 { InboxPlugin } from '@dxos/plugin-inbox';
 import { PreviewPlugin } from '@dxos/plugin-preview';
 import { StorybookPlugin, corePlugins } from '@dxos/plugin-testing';
 import { faker } from '@dxos/random';
 import { useDatabase, useQuery } from '@dxos/react-client/echo';
-import { withTheme } from '@dxos/react-ui/testing';
+import { withLayout, withTheme } from '@dxos/react-ui/testing';
 import { translations as stackTranslations } from '@dxos/react-ui-stack';
-import { Stack } from '@dxos/react-ui-stack';
-import { Collection, View } from '@dxos/schema';
+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 PipelineObjectSettings from '../PipelineObjectSettings';
 
 import { PipelineContainer } from './PipelineContainer';
-import { PipelineObjectSettings } from './PipelineSettings';
 
 faker.seed(0);
 
@@ -39,18 +41,19 @@ const DefaultStory = () => {
   }
 
   return (
-    <Stack orientation='horizontal' size='split' rail={false} classNames='pli-0'>
+    <div className='grow grid grid-cols-[1fr_350px] overflow-hidden h-full w-full'>
       <PipelineContainer role='article' subject={pipeline} />
-      <PipelineObjectSettings pipeline={pipeline} classNames='border-is border-separator' />
-    </Stack>
+      <PipelineObjectSettings pipeline={pipeline} classNames='border-s border-separator' />
+    </div>
   );
 };
 
 const meta = {
-  title: 'plugins/plugin-pipeline/PipelineContainer',
+  title: 'plugins/plugin-pipeline/containers/PipelineContainer',
   render: DefaultStory,
   decorators: [
     withTheme(),
+    withLayout({ layout: 'fullscreen' }),
     withPluginManager({
       plugins: [
         ...corePlugins(),
@@ -58,6 +61,7 @@ const meta = {
         ClientPlugin({
           types: [
             Tag.Tag,
+            Feed.Feed,
             Pipeline.Pipeline,
             View.View,
             Collection.Collection,
@@ -66,50 +70,71 @@ const meta = {
             Person.Person,
             Message.Message,
           ],
-          onClientInitialized: ({ client }) =>
-            Effect.gen(function* () {
-              yield* Effect.promise(() => client.halo.createIdentity());
-              yield* Effect.promise(() => client.spaces.waitUntilReady());
-              const space = client.spaces.default;
-              yield* Effect.promise(() => space.waitUntilReady());
-
-              const tag = space.db.add(Tag.make({ label: 'important', hue: 'green' }));
+          onClientInitialized: Effect.fnUntraced(function* ({ client }) {
+            yield* Effect.promise(() => client.halo.createIdentity());
+            yield* Effect.promise(() => client.spaces.waitUntilReady());
+            const space = client.spaces.default;
+            yield* Effect.promise(() => space.waitUntilReady());
+
+            yield* Effect.gen(function* () {
+              const tag = yield* Database.add(Tag.make({ label: 'important', hue: 'green' }));
               const tagDxn = Obj.getDXN(tag).toString();
 
               // Create a view for Contacts.
-              const personView = View.make({
+              const personView = ViewModel.make({
                 query: Query.select(Filter.type(Person.Person)),
-                jsonSchema: Type.toJsonSchema(Person.Person),
+                jsonSchema: JsonSchema.toJsonSchema(Person.Person),
               });
 
               // Create a view for Organizations.
-              const organizationView = View.make({
+              const organizationView = ViewModel.make({
                 query: Query.select(Filter.type(Organization.Organization)).select(Filter.tag(tagDxn)),
-                jsonSchema: Type.toJsonSchema(Organization.Organization),
+                jsonSchema: JsonSchema.toJsonSchema(Organization.Organization),
               });
 
               // Create a view for Tasks.
-              const taskView = View.make({
+              const taskView = ViewModel.make({
                 query: Query.select(Filter.type(Task.Task)).select(Filter.tag(tagDxn)),
-                jsonSchema: Type.toJsonSchema(Task.Task),
+                jsonSchema: JsonSchema.toJsonSchema(Task.Task),
               });
 
               // Create a view for Project-Projects.
-              const projectView = View.make({
+              const projectView = ViewModel.make({
                 query: Query.select(Filter.type(Pipeline.Pipeline)),
-                jsonSchema: Type.toJsonSchema(Pipeline.Pipeline),
+                jsonSchema: JsonSchema.toJsonSchema(Pipeline.Pipeline),
               });
 
-              // Create a view for Messages.
-              const messageQueue = space.queues.create();
-              const messageView = View.make({
-                query: Query.select(Filter.type(Message.Message)).options({
-                  queues: [messageQueue.dxn.toString()],
+              // Create a feed for Messages.
+              const messageFeed = yield* Database.add(Feed.make({ name: 'Messages' }));
+              const messages = Array.from({ length: 20 }).map(() =>
+                Obj.make(Message.Message, {
+                  created: faker.date.recent().toISOString(),
+                  sender: { role: 'user' },
+                  blocks: [{ _tag: 'text' as const, text: faker.lorem.sentences(2) }],
+                }),
+              );
+              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],
                 }),
-                jsonSchema: Type.toJsonSchema(Message.Message),
+                jsonSchema: JsonSchema.toJsonSchema(Message.Message),
               });
 
-              // Create pipline with columns.
+              // Create a feed for Tasks (for testing feed switching in settings).
+              const taskFeed = yield* Database.add(Feed.make({ name: 'Tasks' }));
+              const feedTasks = Array.from({ length: 10 }).map(() =>
+                Obj.make(Task.Task, {
+                  title: faker.lorem.sentence(),
+                  status: faker.helpers.arrayElement(['todo', 'in-progress', 'done']) as any,
+                  priority: faker.helpers.arrayElement(['low', 'medium', 'high']) as any,
+                }),
+              );
+              yield* Feed.append(taskFeed, feedTasks);
+
+              // Create pipeline with columns.
               const pipeline = Pipeline.make({
                 columns: [
                   {
@@ -139,75 +164,53 @@ const meta = {
                   },
                 ],
               });
-
-              // Add pipeline to space.
-              space.db.add(pipeline);
-
-              // Generate sample Organizations
-              Array.from({ length: 5 }).forEach(() => {
-                const org = Obj.make(
-                  Organization.Organization,
-                  {
+              yield* Database.add(pipeline);
+
+              // Generate sample Organizations.
+              for (const _ of Array.from({ length: 20 })) {
+                yield* Database.add(
+                  Obj.make(Organization.Organization, {
+                    [Obj.Meta]: {
+                      tags: faker.datatype.boolean() ? [tagDxn] : [],
+                    },
                     name: faker.company.name(),
                     website: faker.internet.url(),
                     description: faker.lorem.paragraph(),
                     image: faker.image.url(),
-                  },
-                  {
-                    tags: faker.datatype.boolean() ? [Obj.getDXN(tag).toString()] : [],
-                  },
+                  }),
                 );
-                space.db.add(org);
-              });
-
-              // Generate sample Tasks
-              Array.from({ length: 8 }).forEach(() => {
-                const task = Obj.make(
-                  Task.Task,
-                  {
+              }
+
+              // Generate sample Tasks.
+              for (const _ of Array.from({ length: 20 })) {
+                yield* Database.add(
+                  Obj.make(Task.Task, {
+                    [Obj.Meta]: {
+                      tags: faker.datatype.boolean() ? [tagDxn] : [],
+                    },
                     title: faker.lorem.sentence(),
                     status: faker.helpers.arrayElement(['todo', 'in-progress', 'done']) as any,
                     priority: faker.helpers.arrayElement(['low', 'medium', 'high']) as any,
-                  },
-                  {
-                    tags: faker.datatype.boolean() ? [Obj.getDXN(tag).toString()] : [],
-                  },
+                  }),
                 );
-                space.db.add(task);
-              });
+              }
 
-              // Generate sample Contacts
+              // Generate sample Contacts.
               const factory = createObjectFactory(space.db, faker as any);
               yield* Effect.promise(() => factory([{ type: Person.Person, count: 12 }]));
 
-              // Generate sample Projects
-              Array.from({ length: 3 }).forEach(() => {
-                const nestedProject = Pipeline.make({
-                  name: faker.commerce.productName(),
-                  description: faker.lorem.sentence(),
-                });
-                space.db.add(nestedProject);
-              });
-
-              // Generate sample Messages
-              const messages = Array.from({ length: 6 }).map(() => {
-                const message = Obj.make(Message.Message, {
-                  created: faker.date.recent().toISOString(),
-                  sender: { role: 'user' },
-                  blocks: [
-                    {
-                      _tag: 'text' as const,
-                      text: faker.lorem.sentences(2),
-                    },
-                  ],
-                });
-                return message;
-              });
-
-              yield* Effect.promise(() => messageQueue.append(messages));
-            }),
+              // Generate sample Projects.
+              for (const _ of Array.from({ length: 20 })) {
+                yield* Database.add(
+                  Pipeline.make({
+                    name: faker.commerce.productName(),
+                    description: faker.lorem.sentence(),
+                  }),
+                );
+              }
+            }).pipe(Effect.provide(Layer.merge(Database.layer(space.db), createFeedServiceLayer(space.queues))));
+          }),
         }),
-
         InboxPlugin(),
         PreviewPlugin(),
       ],

package/src/containers/PipelineContainer/PipelineContainer.tsx

@@ -0,0 +1,87 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+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 {
+  OBJECT_ACTIONS_CONTRIBUTION_ID,
+  OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,
+  type SurfaceComponentProps,
+  useObjectMenuItems,
+} from '@dxos/app-toolkit/ui';
+import { Obj } from '@dxos/echo';
+import { ATTENDABLE_PATH_SEPARATOR, 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';
+import { type Pipeline } from '@dxos/types';
+
+import { type ItemProps, PipelineComponent } from '../../components';
+import { usePipelineBoardModel } from '../../hooks';
+
+const PIPELINE_ITEM = 'PipelineItem';
+
+export type PipelineContainerProps = SurfaceComponentProps<Pipeline.Pipeline>;
+
+export const PipelineContainer = ({ role, subject: pipeline }: PipelineContainerProps) => {
+  const registry = useCapability(Capabilities.AtomRegistry);
+  const model = usePipelineBoardModel(pipeline, registry);
+  const { invokePromise } = useOperationInvoker();
+  const attendableId = Obj.getDXN(pipeline).toString();
+  const { hasAttention } = useAttention(attendableId);
+
+  const handleColumnAdd = useCallback(
+    () =>
+      invokePromise(DeckOperation.ChangeCompanion, {
+        companion: `${attendableId}${ATTENDABLE_PATH_SEPARATOR}settings`,
+      }),
+    [invokePromise, attendableId],
+  );
+
+  return (
+    <PipelineComponent.Root Item={PipelineItem} onAddColumn={handleColumnAdd}>
+      <Panel.Root role={role} className='dx-article'>
+        <Panel.Toolbar asChild>
+          <PipelineComponent.Toolbar disabled={!hasAttention} />
+        </Panel.Toolbar>
+        <Panel.Content asChild>
+          <PipelineComponent.Content model={model}>
+            <PipelineComponent.Columns pipeline={pipeline} />
+          </PipelineComponent.Content>
+        </Panel.Content>
+      </Panel.Root>
+    </PipelineComponent.Root>
+  );
+};
+
+const PipelineItem = ({ item, projectionModel }: ItemProps) => {
+  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 (
+    <Surface.Surface
+      role='card--content'
+      data={{
+        subject: item,
+        projection: projectionModel,
+      }}
+      limit={1}
+    />
+  );
+};

package/src/containers/PipelineContainer/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { PipelineContainer } from './PipelineContainer';
+
+export default PipelineContainer;

package/src/{components/PipelineSettings.tsx → containers/PipelineObjectSettings/PipelineObjectSettings.tsx}

@@ -5,20 +5,20 @@
 import * as Schema from 'effect/Schema';
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 
-import { DXN, Filter, Obj, Query, type QueryAST, Ref, Tag, Type } from '@dxos/echo';
-import { type Mutable } from '@dxos/echo/internal';
+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, useQuery } from '@dxos/react-client/echo';
+import { getSpace, 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, View } from '@dxos/schema';
+import { type ProjectionModel, ViewModel } from '@dxos/schema';
 import { Pipeline, Task } from '@dxos/types';
 import { mx, osTranslations, subtleHover } 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';
@@ -37,11 +37,12 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
   const { t } = useTranslation(meta.id);
   const space = getSpace(pipeline);
   const [expandedId, setExpandedId] = useState<string>();
+  const [columns, updateColumns] = useObject(pipeline, 'columns');
   const column = useMemo(
-    () => pipeline.columns.find((column) => column.view.dxn.toString() === expandedId),
-    [pipeline.columns, expandedId],
+    () => columns.find((column) => column.view.dxn.toString() === expandedId),
+    [columns, expandedId],
   );
-  const view = column?.view.target;
+  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));
@@ -67,10 +68,10 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
 
   const handleMove = useCallback(
     (fromIndex: number, toIndex: number) =>
-      Obj.change(pipeline, (p) => {
-        arrayMove(p.columns, fromIndex, toIndex);
+      updateColumns((columns) => {
+        arrayMove(columns, fromIndex, toIndex);
       }),
-    [pipeline],
+    [updateColumns],
   );
 
   const handleQueryChanged = useCallback(
@@ -80,26 +81,42 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
       }
 
       const queue = target && DXN.tryParse(target) ? target : undefined;
-      const query = queue ? Query.fromAst(newQuery).options({ queues: [queue] }) : Query.fromAst(newQuery);
-      Obj.change(view, (v) => {
-        v.query.ast = query.ast as Mutable<typeof query.ast>;
+      const query = queue ? Query.fromAst(newQuery).from({ queues: [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) {
         return;
       }
 
-      const newView = View.make({
+      const newView = ViewModel.make({
         query,
-        jsonSchema: Type.toJsonSchema(newSchema),
+        jsonSchema: JsonSchema.toJsonSchema(newSchema),
       });
-      Obj.change(view, (v) => {
-        v.projection = Obj.getSnapshot(newView).projection as Mutable<typeof v.projection>;
+      updateView((view) => {
+        view.projection = Obj.getSnapshot(newView).projection as Mutable<typeof view.projection>;
       });
 
       setSchema(() => newSchema);
     },
-    [view, schema],
+    [view, updateView, schema],
+  );
+
+  const handleColumnValuesChanged = useCallback(
+    (column: Pipeline.Column) =>
+      (newValues: { name?: string }, { changed }: { changed: Record<JsonPath, boolean> }) => {
+        if (changed['name' as JsonPath]) {
+          const columnIndex = columns.findIndex((c) => c === column);
+          if (columnIndex === -1) {
+            return;
+          }
+          updateColumns((cols) => {
+            cols[columnIndex].name = newValues.name ?? '';
+          });
+        }
+      },
+    [columns, updateColumns],
   );
 
   const handleToggleField = useCallback((column: Pipeline.Column) => {
@@ -114,50 +131,42 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
         setExpandedId(undefined);
       }
 
-      const index = pipeline.columns.findIndex((l) => l === column);
+      const index = columns.findIndex((l) => l === column);
       const viewToRemove = await column.view.load();
-      Obj.change(pipeline, (p) => {
-        p.columns.splice(index, 1);
+      updateColumns((columns) => {
+        columns.splice(index, 1);
       });
       space?.db.remove(viewToRemove);
     },
-    [expandedId, pipeline.columns, space],
+    [expandedId, columns, updateColumns, space],
   );
 
   const handleAdd = useCallback(() => {
-    const newView = View.make({
+    if (!space) {
+      return;
+    }
+    const newView = ViewModel.make({
       query: Query.select(Filter.type(Task.Task)),
-      jsonSchema: Type.toJsonSchema(Task.Task),
+      jsonSchema: JsonSchema.toJsonSchema(Task.Task),
     });
-    Obj.change(pipeline, (p) => {
-      p.columns.push({
+    space.db.add(newView);
+    updateColumns((columns) => {
+      columns.push({
         name: 'Tasks',
         // Type assertion needed due to QueryAST type variance.
-        view: Ref.make(newView) as (typeof p.columns)[number]['view'],
+        view: Ref.make(newView) as (typeof columns)[number]['view'],
         order: [],
       });
     });
     setExpandedId(newView.id);
-  }, [pipeline]);
-
-  const handleColumnSave = useCallback(
-    (values: Schema.Schema.Type<typeof ColumnFormSchema>) => {
-      if (column) {
-        const columnIndex = pipeline.columns.findIndex((c) => c === column);
-        Obj.change(pipeline, (p) => {
-          p.columns[columnIndex].name = values.name;
-        });
-      }
-    },
-    [column, pipeline],
-  );
+  }, [space, updateColumns]);
 
   return (
-    <div role='none' className={mx('plb-cardSpacingBlock overflow-y-auto', classNames)}>
-      <h2 className='text-sm text-description plb-1'>{t('views label')}</h2>
+    <div role='none' 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={pipeline.columns}
+        items={columns}
         isItem={Schema.is(Pipeline.Column)}
         getId={(column) => column.view.dxn.toString()}
         onMove={handleMove}
@@ -172,7 +181,7 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
                   classNames={listItemGrid}
                   aria-expanded={expandedId === column.view.dxn.toString()}
                 >
-                  <div role='none' className={mx(subtleHover, listItemGrid, 'rounded-sm cursor-pointer min-bs-10')}>
+                  <div role='none' className={mx(subtleHover, listItemGrid, 'rounded-xs cursor-pointer min-h-10')}>
                     <List.ItemDragHandle />
                     <List.ItemTitle onClick={() => handleToggleField(column)}>{column.name}</List.ItemTitle>
                     <List.ItemDeleteButton
@@ -193,9 +202,13 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
                       onClick={() => handleToggleField(column)}
                     />
                   </div>
-                  {expandedId === column.view.dxn.toString() && view && (
-                    <div role='none' className='col-span-5 mlb-2 border border-separator rounded-md'>
-                      <Form.Root schema={ColumnFormSchema} values={column} autoSave onSave={handleColumnSave}>
+                  {expandedId === column.view.dxn.toString() && column?.view.target && (
+                    <div role='none' className='col-span-5 my-2 border border-separator rounded-md'>
+                      <Form.Root
+                        schema={ColumnFormSchema}
+                        values={column}
+                        onValuesChanged={handleColumnValuesChanged(column)}
+                      >
                         <Form.Content>
                           <Form.FieldSet />
                         </Form.Content>
@@ -205,8 +218,9 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
                         mode='tag'
                         readonly
                         schema={schema}
-                        view={view}
+                        view={column.view.target}
                         registry={space?.db.schemaRegistry}
+                        db={space?.db}
                         tags={tags}
                         types={types}
                         onQueryChanged={handleQueryChanged}
@@ -220,11 +234,9 @@ export const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectS
         )}
       </List.Root>
 
-      <div role='none' className='mlb-cardSpacingBlock'>
-        <IconButton icon='ph--plus--regular' label={t('add view label')} onClick={handleAdd} classNames='is-full' />
+      <div role='none' className='my-form-padding'>
+        <IconButton icon='ph--plus--regular' label={t('add view label')} onClick={handleAdd} classNames='w-full' />
       </div>
     </div>
   );
 };
-
-export default PipelineObjectSettings;

package/src/containers/PipelineObjectSettings/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { PipelineObjectSettings } from './PipelineObjectSettings';
+
+export default PipelineObjectSettings;

package/src/containers/index.ts

@@ -0,0 +1,8 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { type ComponentType, lazy } from 'react';
+
+export const PipelineContainer: ComponentType<any> = lazy(() => import('./PipelineContainer'));
+export const PipelineObjectSettings: ComponentType<any> = lazy(() => import('./PipelineObjectSettings'));

package/src/hooks/index.ts

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