@dxos/plugin-pipeline 0.9.1-staging.ee54ba693a → 0.11.0

package/dist/lib/components.mjs

@@ -0,0 +1,187 @@
+import { meta } from "#meta";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { forwardRef, useMemo, useRef, useState } from "react";
+import { resolveSchemaWithRegistry } from "@dxos/app-toolkit/query";
+import { Filter, Obj, Query, Type } from "@dxos/echo";
+import { useObject } from "@dxos/echo-react";
+import { Card, Icon, IconButton, Panel, Toolbar, composable, composableProps, slottable, useAsyncEffect, useTranslation } from "@dxos/react-ui";
+import { Menu } from "@dxos/react-ui-menu";
+import { Board, Focus, Mosaic, useBoard, useEventHandlerAdapter } from "@dxos/react-ui-mosaic";
+import { ProjectionModel, createEchoChangeCallback } from "@dxos/schema";
+import { createContext } from "@radix-ui/react-context";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAtomValue } from "@effect-atom/atom-react";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/components/PipelineComponent/PipelineContext.tsx
+var itemNoOp = ({ item }) => /* @__PURE__ */ jsx("span", { children: item.id });
+var PIPELINE_ROOT = "Pipeline.Root";
+var [PipelineRootContext, usePipeline] = createContext(PIPELINE_ROOT, { Item: itemNoOp });
+//#endregion
+//#region src/components/PipelineComponent/PipelineColumn.tsx
+var PIPELINE_COLUMN_NAME = "PipelineColumn";
+var PipelineColumn = ({ data: column, location, classNames, debug }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const [dragHandle, setDragHandle] = useState(null);
+	const [viewSnapshot] = useObject(column.view);
+	const view = column.view.target;
+	const db = view && Obj.getDatabase(view);
+	const { Item } = usePipeline(PIPELINE_COLUMN_NAME);
+	const [type, setType] = 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 || !db) return;
+		const type = await resolveSchemaWithRegistry(db, query.ast);
+		setType(() => type);
+	}, [db, query]);
+	const projectionModel = useMemo(() => {
+		if (!type || !view) return;
+		const change = createEchoChangeCallback(view, Type.getDatabase(type) != null ? type : void 0);
+		return new ProjectionModel({
+			view,
+			baseSchema: type.jsonSchema,
+			change
+		});
+	}, [type, view]);
+	const PipelineTile = useMemo(() => {
+		return forwardRef((props, ref) => /* @__PURE__ */ jsx(ItemTile, {
+			...props,
+			itemProps: {
+				item: props.data,
+				projectionModel
+			},
+			ref
+		}));
+	}, [projectionModel]);
+	if (!view) return null;
+	return /* @__PURE__ */ jsx(Panel.Root, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Board.Column.Root, {
+			debug,
+			data: column,
+			location,
+			classNames,
+			dragHandle,
+			children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Board.Column.Header, {
+					classNames: "_opacity-10",
+					label: column.name || t("untitled-column.title"),
+					dragHandleRef: setDragHandle
+				})
+			}), /* @__PURE__ */ jsx(Panel.Content, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Board.Column.Body, {
+					data: column,
+					Tile: PipelineTile
+				})
+			})]
+		})
+	});
+};
+PipelineColumn.displayName = PIPELINE_COLUMN_NAME;
+var ITEM_TILE_NAME = "ItemTile";
+var ItemTile = forwardRef(({ classNames, data, location, debug, itemProps }, forwardedRef) => {
+	const composedRef = useComposedRefs(useRef(null), forwardedRef);
+	const { Item } = usePipeline(ITEM_TILE_NAME);
+	const icon = Obj.getIcon(data)?.icon ?? "ph--circle-dashed--regular";
+	return /* @__PURE__ */ jsx(Menu.Root, { children: /* @__PURE__ */ jsx(Mosaic.Tile, {
+		asChild: true,
+		id: data.id,
+		data,
+		location,
+		debug,
+		children: /* @__PURE__ */ jsx(Focus.Item, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Card.Root, {
+				classNames,
+				ref: composedRef,
+				children: [/* @__PURE__ */ jsxs(Card.Header, { children: [
+					/* @__PURE__ */ jsx(Card.Block, { children: /* @__PURE__ */ jsx(Icon, { icon }) }),
+					/* @__PURE__ */ jsx(Card.Title, { children: Obj.getLabel(data, { fallback: "typename" }) }),
+					/* @__PURE__ */ jsxs(Card.Block, {
+						end: true,
+						children: [/* @__PURE__ */ jsx(Menu.Trigger, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx(IconButton, {
+								iconOnly: true,
+								variant: "ghost",
+								icon: "ph--dots-three-vertical--regular",
+								label: "Actions"
+							})
+						}), /* @__PURE__ */ jsx(Menu.Content, {})]
+					})
+				] }), /* @__PURE__ */ jsx(Card.Body, { children: /* @__PURE__ */ jsx(Item, { ...itemProps }) })]
+			})
+		})
+	}) });
+});
+ItemTile.displayName = ITEM_TILE_NAME;
+//#endregion
+//#region src/components/PipelineComponent/PipelineComponent.tsx
+var PipelineRoot = ({ children, ...contextValue }) => /* @__PURE__ */ jsx(PipelineRootContext, {
+	...contextValue,
+	children
+});
+PipelineRoot.displayName = PIPELINE_ROOT;
+var PIPELINE_CONTENT_NAME = "Pipeline.Content";
+var PipelineContent = slottable(({ asChild, model, children, ...props }, forwardedRef) => {
+	const Comp = asChild ? Slot : "div";
+	return /* @__PURE__ */ jsx(Board.Root, {
+		model,
+		children: /* @__PURE__ */ jsx(Comp, {
+			...composableProps(props),
+			ref: forwardedRef,
+			children
+		})
+	});
+});
+PipelineContent.displayName = PIPELINE_CONTENT_NAME;
+var PIPELINE_COLUMNS_NAME = "Pipeline.Columns";
+var PipelineColumns = composable(({ pipeline, ...props }) => {
+	const { model } = useBoard(PIPELINE_COLUMNS_NAME);
+	const columns = useAtomValue(model.columns);
+	const eventHandler = useEventHandlerAdapter({
+		id: pipeline.id,
+		items: columns,
+		getId: model.getColumnId,
+		get: (data) => data,
+		make: (object) => object,
+		canDrop: ({ source }) => model.isColumn(source.data),
+		onChange: (mutate) => Obj.update(pipeline, (pipeline) => mutate(pipeline.columns))
+	});
+	return /* @__PURE__ */ jsx(Board.Content, {
+		...props,
+		eventHandler,
+		Tile: PipelineColumn
+	});
+});
+PipelineColumns.displayName = PIPELINE_COLUMNS_NAME;
+var PIPELINE_TOOLBAR_NAME = "Pipeline.Toolbar";
+var PipelineToolbar = composable(({ children, ...props }, forwardedRef) => {
+	const { t } = useTranslation(meta.profile.key);
+	const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);
+	return /* @__PURE__ */ jsx(Toolbar.Root, {
+		...composableProps(props),
+		ref: forwardedRef,
+		children: /* @__PURE__ */ jsx(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
+};
+//#endregion
+export { PipelineColumn, PipelineComponent, PipelineToolbar, usePipeline };
+
+//# sourceMappingURL=components.mjs.map

package/dist/lib/components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.mjs","names":[],"sources":["../../src/components/PipelineComponent/PipelineContext.tsx","../../src/components/PipelineComponent/PipelineColumn.tsx","../../src/components/PipelineComponent/PipelineComponent.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React from 'react';\n\nimport { type ItemProps, type PipelineContextValue } from './PipelineComponent';\n\n// Kept out of `PipelineComponent.tsx`: react-refresh only fast-refreshes a module whose exports are all\n// components, so a context and its hook exported beside them force a full page reload on every edit.\n\nconst itemNoOp = ({ item }: ItemProps) => <span>{item.id}</span>;\n\nexport const PIPELINE_ROOT = 'Pipeline.Root';\n\nexport const [PipelineRootContext, usePipeline] = createContext<PipelineContextValue>(PIPELINE_ROOT, {\n  Item: itemNoOp,\n});\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { resolveSchemaWithRegistry } from '@dxos/app-toolkit/query';\nimport { Filter, Obj, Query, Type } from '@dxos/echo';\nimport { useObject } from '@dxos/echo-react';\nimport { Panel, useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Card, Icon, IconButton } from '@dxos/react-ui';\nimport { Menu } from '@dxos/react-ui-menu';\nimport { Board, Focus, Mosaic, type MosaicTileProps } from '@dxos/react-ui-mosaic';\nimport { ProjectionModel, createEchoChangeCallback } from '@dxos/schema';\nimport { type Pipeline } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nimport { type ItemProps } from './PipelineComponent';\nimport { usePipeline } from './PipelineContext';\n\n//\n// PipelineColumn\n//\n\nconst PIPELINE_COLUMN_NAME = 'PipelineColumn';\n\nexport type PipelineColumnProps = Pick<MosaicTileProps<Pipeline.Column>, 'classNames' | 'location' | 'data' | 'debug'>;\n\n// TODO(wittjosiah): Support item DnD reordering (ordering needs to be stored on the view presentation collection).\nexport const PipelineColumn = ({ data: column, location, classNames, debug }: PipelineColumnProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n  // Subscribe to the view target for reactivity.\n  const [viewSnapshot] = useObject(column.view);\n  const view = column.view.target;\n  const db = view && Obj.getDatabase(view);\n  const { Item } = usePipeline(PIPELINE_COLUMN_NAME);\n  const [type, setType] = useState<Type.AnyEntity>();\n  const query = useMemo(() => {\n    if (!view) {\n      return Query.select(Filter.nothing());\n    } else {\n      // NOTE: Snapshot is required to prevent signal read in prohibited scope.\n      // TODO(wittjosiah): Without stringify, filter.filters remains a proxied array.\n      return Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot?.query.ast)));\n    }\n  }, [JSON.stringify(viewSnapshot?.query.ast)]);\n\n  useAsyncEffect(async () => {\n    if (!query || !db) {\n      return;\n    }\n\n    const type = await resolveSchemaWithRegistry(db, query.ast);\n    setType(() => type);\n  }, [db, query]);\n\n  const projectionModel = useMemo(() => {\n    if (!type || !view) {\n      return undefined;\n    }\n\n    // Use the live jsonSchema reference for reactivity.\n    const change = createEchoChangeCallback(view, Type.getDatabase(type) != null ? type : undefined);\n    return new ProjectionModel({ view, baseSchema: type.jsonSchema, change });\n  }, [type, view]);\n\n  const PipelineTile = useMemo(() => {\n    return forwardRef<HTMLDivElement, Pick<MosaicTileProps<Obj.Unknown>, 'classNames' | 'location' | 'data' | 'debug'>>(\n      (props, ref) => <ItemTile {...props} itemProps={{ item: props.data, projectionModel }} ref={ref} />,\n    );\n  }, [projectionModel]);\n\n  if (!view) {\n    return null;\n  }\n\n  return (\n    <Panel.Root asChild>\n      <Board.Column.Root\n        debug={debug}\n        data={column}\n        location={location}\n        classNames={classNames}\n        dragHandle={dragHandle}\n      >\n        <Panel.Toolbar asChild>\n          <Board.Column.Header\n            classNames='_opacity-10'\n            label={column.name || t('untitled-column.title')}\n            dragHandleRef={setDragHandle}\n          />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <Board.Column.Body data={column} Tile={PipelineTile} />\n        </Panel.Content>\n      </Board.Column.Root>\n    </Panel.Root>\n  );\n};\n\nPipelineColumn.displayName = PIPELINE_COLUMN_NAME;\n\n//\n// ItemTile\n//\n\nconst ITEM_TILE_NAME = 'ItemTile';\n\ntype ItemTileProps = Pick<MosaicTileProps<Obj.Unknown>, 'classNames' | 'location' | 'data' | 'debug'> & {\n  itemProps: ItemProps;\n};\n\nconst ItemTile = forwardRef<HTMLDivElement, ItemTileProps>(\n  ({ classNames, data, location, debug, itemProps }, forwardedRef) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = useComposedRefs<HTMLDivElement>(rootRef, forwardedRef);\n    const { Item } = usePipeline(ITEM_TILE_NAME);\n    const icon = Obj.getIcon(data)?.icon ?? 'ph--circle-dashed--regular';\n\n    return (\n      <Menu.Root>\n        <Mosaic.Tile asChild id={data.id} data={data} location={location} debug={debug}>\n          <Focus.Item asChild>\n            <Card.Root classNames={classNames} ref={composedRef}>\n              <Card.Header>\n                <Card.Block>\n                  <Icon icon={icon} />\n                </Card.Block>\n                <Card.Title>{Obj.getLabel(data, { fallback: 'typename' })}</Card.Title>\n                {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n                <Card.Block end>\n                  <Menu.Trigger asChild>\n                    <IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />\n                  </Menu.Trigger>\n                  <Menu.Content />\n                </Card.Block>\n              </Card.Header>\n              <Card.Body>\n                <Item {...itemProps} />\n              </Card.Body>\n            </Card.Root>\n          </Focus.Item>\n        </Mosaic.Tile>\n      </Menu.Root>\n    );\n  },\n);\n\nItemTile.displayName = ITEM_TILE_NAME;\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type FC, type PropsWithChildren } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Toolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { composable, composableProps, slottable } from '@dxos/react-ui';\nimport { Board, type BoardModel, useBoard, useEventHandlerAdapter } from '@dxos/react-ui-mosaic';\nimport { type ProjectionModel } from '@dxos/schema';\nimport { type Pipeline } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nimport { PipelineColumn } from './PipelineColumn';\nimport { PIPELINE_ROOT, PipelineRootContext, usePipeline } from './PipelineContext';\n\ntype ItemProps = {\n  item: Obj.Unknown;\n  projectionModel?: ProjectionModel;\n};\n\n//\n// Root\n//\n\nexport type PipelineContextValue = {\n  Item: FC<ItemProps>;\n  // TODO(wittjosiah): Support adding items.\n  //  If the created item doesn't match the current query, it will not be visible.\n  // TODO(wittjosiah): onAddItem?: (schema: Schema.Schema.AnyNoContext) => void;\n  onAddColumn?: () => void;\n};\n\ntype PipelineRootProps = PropsWithChildren<PipelineContextValue>;\n\nconst PipelineRoot = ({ children, ...contextValue }: PipelineRootProps) => (\n  <PipelineRootContext {...contextValue}>{children}</PipelineRootContext>\n);\n\nPipelineRoot.displayName = PIPELINE_ROOT;\n\n//\n// Content\n//\n\nconst PIPELINE_CONTENT_NAME = 'Pipeline.Content';\n\ntype PipelineContentProps = PropsWithChildren<{\n  model: BoardModel<Pipeline.Column, Obj.Unknown>;\n}>;\n\nconst PipelineContent = slottable<HTMLDivElement, PipelineContentProps>(\n  ({ asChild, model, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Board.Root model={model}>\n        <Comp {...composableProps(props)} ref={forwardedRef}>\n          {children}\n        </Comp>\n      </Board.Root>\n    );\n  },\n);\n\nPipelineContent.displayName = PIPELINE_CONTENT_NAME;\n\n//\n// Columns\n//\n\nconst PIPELINE_COLUMNS_NAME = 'Pipeline.Columns';\n\ntype PipelineColumnsProps = {\n  pipeline: Pipeline.Pipeline;\n};\n\nconst PipelineColumns = composable<HTMLDivElement, PipelineColumnsProps>(({ pipeline, ...props }) => {\n  const { model } = useBoard(PIPELINE_COLUMNS_NAME);\n  const columns = useAtomValue(model.columns);\n  const eventHandler = useEventHandlerAdapter<Pipeline.Column, Obj.Unknown>({\n    id: pipeline.id,\n    // TODO(wittjosiah): Cast because columns array is readonly.\n    items: columns as any,\n    getId: model.getColumnId,\n    get: (data) => data as unknown as Obj.Unknown,\n    make: (object) => object as unknown as Pipeline.Column,\n    canDrop: ({ source }) => model.isColumn(source.data),\n    onChange: (mutate) => Obj.update(pipeline, (pipeline) => mutate(pipeline.columns)),\n  });\n\n  return <Board.Content {...props} eventHandler={eventHandler} Tile={PipelineColumn} />;\n});\n\nPipelineColumns.displayName = PIPELINE_COLUMNS_NAME;\n\n//\n// Toolbar\n//\n\nconst PIPELINE_TOOLBAR_NAME = 'Pipeline.Toolbar';\n\nexport const PipelineToolbar = composable<HTMLDivElement, ToolbarRootProps>(({ children, ...props }, forwardedRef) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);\n\n  return (\n    <Toolbar.Root {...composableProps(props)} ref={forwardedRef}>\n      <Toolbar.IconButton icon='ph--plus--regular' iconOnly label={t('add-column.label')} onClick={onAddColumn} />\n    </Toolbar.Root>\n  );\n});\n\nPipelineToolbar.displayName = PIPELINE_TOOLBAR_NAME;\n\n//\n// Project\n//\n\nexport const PipelineComponent = {\n  Root: PipelineRoot,\n  Content: PipelineContent,\n  Columns: PipelineColumns,\n  Toolbar: PipelineToolbar,\n};\n\nexport type { ItemProps, PipelineColumnsProps, PipelineContentProps, PipelineRootProps };\n"],"mappings":"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"}

package/dist/lib/containers.mjs

@@ -0,0 +1,8 @@
+import { lazy } from "react";
+//#region src/containers/index.ts
+var PipelineArticle = lazy(() => import("./chunk-PipelineArticle.mjs"));
+var PipelineProperties = lazy(() => import("./chunk-PipelineProperties.mjs"));
+//#endregion
+export { PipelineArticle, PipelineProperties };
+
+//# sourceMappingURL=containers.mjs.map

package/dist/lib/containers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers.mjs","names":[],"sources":["../../src/containers/index.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport const PipelineArticle: ComponentType<any> = lazy(() => import('./PipelineArticle'));\nexport const PipelineProperties: ComponentType<any> = lazy(() => import('./PipelineProperties'));\n"],"mappings":";;AAMA,IAAa,kBAAsC,WAAW,OAAO,8BAAoB;AACzF,IAAa,qBAAyC,WAAW,OAAO,iCAAuB"}

package/dist/lib/hooks.mjs

@@ -0,0 +1,53 @@
+import { Pipeline } from "@dxos/types";
+import { useMemo } from "react";
+import { getQueryTarget } from "@dxos/app-toolkit/query";
+import { Obj, Query } from "@dxos/echo";
+import { Atom } from "@effect-atom/atom";
+import * as Schema from "effect/Schema";
+import { getSpace, isSpace } from "@dxos/react-client/echo";
+//#region src/hooks/usePipelineBoardModel.ts
+var usePipelineBoardModel = (pipeline, registry) => useMemo(() => {
+	if (pipeline == null) return emptyPipelineModel;
+	const space = getSpace(pipeline);
+	const columnsAtom = Obj.atomProperty(pipeline, "columns");
+	const columnAtomFamily = Atom.family((viewKey) => Atom.make((get) => {
+		return get(columnsAtom).find((c) => c.view.uri === viewKey);
+	}));
+	const itemsAtomFamily = Atom.family((viewKey) => Atom.make((get) => {
+		const column = get(columnAtomFamily(viewKey));
+		if (column == null) return [];
+		const viewSnapshot = get(Obj.atom(column.view));
+		if (!viewSnapshot?.query?.ast) return [];
+		const query = Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot.query.ast)));
+		const queryTarget = space ? getQueryTarget(query.ast, space) : void 0;
+		if (!queryTarget) return [];
+		const raw = get(queryTarget.query(query).atom);
+		return isSpace(queryTarget) ? raw : [...raw].reverse();
+	}));
+	return {
+		getColumnId: (data) => data.view.uri,
+		getItemId: (data) => data.id,
+		isColumn: (obj) => Schema.is(Pipeline.Column)(obj),
+		isItem: (obj) => Obj.isObject(obj),
+		columns: columnsAtom,
+		items: (column) => itemsAtomFamily(column.view.uri),
+		getColumns: () => [...registry.get(columnsAtom)],
+		getItems: (column) => registry.get(itemsAtomFamily(column.view.uri)) ?? []
+	};
+}, [pipeline, registry]);
+var emptyColumnsAtom = Atom.make(() => []);
+var emptyItemsAtom = Atom.make(() => []);
+var emptyPipelineModel = {
+	getColumnId: (data) => data.view.uri,
+	getItemId: (data) => data.id,
+	isColumn: (obj) => Schema.is(Pipeline.Column)(obj),
+	isItem: (obj) => Obj.isObject(obj),
+	columns: emptyColumnsAtom,
+	items: () => emptyItemsAtom,
+	getColumns: () => [],
+	getItems: () => []
+};
+//#endregion
+export { usePipelineBoardModel };
+
+//# sourceMappingURL=hooks.mjs.map

package/dist/lib/hooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.mjs","names":[],"sources":["../../src/hooks/usePipelineBoardModel.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom';\nimport * as Schema from 'effect/Schema';\nimport { useMemo } from 'react';\n\nimport { getQueryTarget } from '@dxos/app-toolkit/query';\nimport { Obj, Query } from '@dxos/echo';\nimport { getSpace, isSpace } from '@dxos/react-client/echo';\nimport { type BoardModel } from '@dxos/react-ui-mosaic';\nimport { Pipeline } from '@dxos/types';\n\nexport const usePipelineBoardModel = (\n  pipeline: Pipeline.Pipeline | undefined,\n  registry: Registry.Registry,\n): BoardModel<Pipeline.Column, Obj.Unknown> =>\n  useMemo<BoardModel<Pipeline.Column, Obj.Unknown>>(() => {\n    if (pipeline == null) {\n      return emptyPipelineModel;\n    }\n\n    const space = getSpace(pipeline);\n    const columnsAtom = Obj.atomProperty(pipeline, 'columns');\n    const columnAtomFamily = Atom.family<string, Atom.Atom<Pipeline.Column | undefined>>((viewKey: string) =>\n      Atom.make((get) => {\n        const columns = get(columnsAtom);\n        return columns.find((c) => c.view.uri === viewKey);\n      }),\n    );\n\n    const itemsAtomFamily = Atom.family<string, Atom.Atom<Obj.Unknown[]>>((viewKey: string) =>\n      Atom.make((get) => {\n        const column = get(columnAtomFamily(viewKey));\n        if (column == null) {\n          return [];\n        }\n        const viewSnapshot = get(Obj.atom(column.view));\n        if (!viewSnapshot?.query?.ast) {\n          return [];\n        }\n        const query = Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot.query.ast)));\n        const queryTarget = space ? getQueryTarget(query.ast, space) : undefined;\n        if (!queryTarget) {\n          return [];\n        }\n        const raw = get(queryTarget.query(query).atom);\n        return isSpace(queryTarget) ? raw : [...raw].reverse();\n      }),\n    );\n\n    return {\n      getColumnId: (data) => (data as Pipeline.Column).view.uri,\n      getItemId: (data) => (data as Obj.Unknown).id,\n      isColumn: (obj: unknown): obj is Pipeline.Column => Schema.is(Pipeline.Column)(obj),\n      isItem: (obj: unknown): obj is Obj.Unknown => Obj.isObject(obj),\n      columns: columnsAtom,\n      items: (column) => itemsAtomFamily(column.view.uri),\n      getColumns: () => [...registry.get(columnsAtom)],\n      getItems: (column) => registry.get(itemsAtomFamily(column.view.uri)) ?? [],\n    };\n  }, [pipeline, registry]);\n\nconst emptyColumnsAtom = Atom.make(() => [] as Pipeline.Column[]);\n\nconst emptyItemsAtom = Atom.make(() => [] as Obj.Unknown[]);\n\nconst emptyPipelineModel: BoardModel<Pipeline.Column, Obj.Unknown> = {\n  getColumnId: (data) => (data as Pipeline.Column).view.uri,\n  getItemId: (data) => (data as Obj.Unknown).id,\n  isColumn: (obj: unknown): obj is Pipeline.Column => Schema.is(Pipeline.Column)(obj),\n  isItem: (obj): obj is Obj.Unknown => Obj.isObject(obj),\n  columns: emptyColumnsAtom,\n  items: () => emptyItemsAtom,\n  getColumns: () => [],\n  getItems: () => [],\n};\n"],"mappings":";;;;;;;;AAcA,IAAa,yBACX,UACA,aAEA,cAAwD;CACtD,IAAI,YAAY,MACd,OAAO;CAGT,MAAM,QAAQ,SAAS,QAAQ;CAC/B,MAAM,cAAc,IAAI,aAAa,UAAU,SAAS;CACxD,MAAM,mBAAmB,KAAK,QAAwD,YACpF,KAAK,MAAM,QAAQ;EAEjB,OADgB,IAAI,WACb,CAAA,CAAQ,MAAM,MAAM,EAAE,KAAK,QAAQ,OAAO;CACnD,CAAC,CACH;CAEA,MAAM,kBAAkB,KAAK,QAA0C,YACrE,KAAK,MAAM,QAAQ;EACjB,MAAM,SAAS,IAAI,iBAAiB,OAAO,CAAC;EAC5C,IAAI,UAAU,MACZ,OAAO,CAAC;EAEV,MAAM,eAAe,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC;EAC9C,IAAI,CAAC,cAAc,OAAO,KACxB,OAAO,CAAC;EAEV,MAAM,QAAQ,MAAM,QAAQ,KAAK,MAAM,KAAK,UAAU,aAAa,MAAM,GAAG,CAAC,CAAC;EAC9E,MAAM,cAAc,QAAQ,eAAe,MAAM,KAAK,KAAK,IAAI,KAAA;EAC/D,IAAI,CAAC,aACH,OAAO,CAAC;EAEV,MAAM,MAAM,IAAI,YAAY,MAAM,KAAK,CAAC,CAAC,IAAI;EAC7C,OAAO,QAAQ,WAAW,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ;CACvD,CAAC,CACH;CAEA,OAAO;EACL,cAAc,SAAU,KAAyB,KAAK;EACtD,YAAY,SAAU,KAAqB;EAC3C,WAAW,QAAyC,OAAO,GAAG,SAAS,MAAM,CAAC,CAAC,GAAG;EAClF,SAAS,QAAqC,IAAI,SAAS,GAAG;EAC9D,SAAS;EACT,QAAQ,WAAW,gBAAgB,OAAO,KAAK,GAAG;EAClD,kBAAkB,CAAC,GAAG,SAAS,IAAI,WAAW,CAAC;EAC/C,WAAW,WAAW,SAAS,IAAI,gBAAgB,OAAO,KAAK,GAAG,CAAC,KAAK,CAAC;CAC3E;AACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEzB,IAAM,mBAAmB,KAAK,WAAW,CAAC,CAAsB;AAEhE,IAAM,iBAAiB,KAAK,WAAW,CAAC,CAAkB;AAE1D,IAAM,qBAA+D;CACnE,cAAc,SAAU,KAAyB,KAAK;CACtD,YAAY,SAAU,KAAqB;CAC3C,WAAW,QAAyC,OAAO,GAAG,SAAS,MAAM,CAAC,CAAC,GAAG;CAClF,SAAS,QAA4B,IAAI,SAAS,GAAG;CACrD,SAAS;CACT,aAAa;CACb,kBAAkB,CAAC;CACnB,gBAAgB,CAAC;AACnB"}

package/dist/lib/index.mjs

@@ -0,0 +1,2 @@
+import { t as meta } from "./chunk-meta.mjs";
+export { meta };

package/dist/lib/meta.mjs

@@ -0,0 +1,2 @@
+import { t as meta } from "./chunk-meta.mjs";
+export { meta };

package/dist/lib/plugin.mjs

@@ -0,0 +1,8 @@
+import { t as meta } from "./chunk-meta.mjs";
+import { Plugin } from "@dxos/app-framework";
+//#region src/plugin.ts
+var PipelinePlugin = Plugin.lazy(meta, () => import("#plugin"));
+//#endregion
+export { PipelinePlugin };
+
+//# sourceMappingURL=plugin.mjs.map

package/dist/lib/plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.mjs","names":[],"sources":["../../src/plugin.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport { meta } from './meta';\n\nexport const PipelinePlugin = Plugin.lazy(meta, () => import('#plugin'));\n"],"mappings":";;;AAQA,IAAa,iBAAiB,OAAO,KAAK,YAAY,OAAO,UAAU"}

package/dist/lib/translations.mjs

@@ -0,0 +1,32 @@
+import { Pipeline } from "@dxos/types";
+import { meta } from "#meta";
+import { Type } from "@dxos/echo";
+//#region src/translations.ts
+var translations = [{ "en-US": {
+	[Type.getTypename(Pipeline.Pipeline)]: {
+		"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.profile.key]: {
+		"plugin.name": "Pipelines",
+		"add-column.label": "Add column",
+		"add-card.label": "Add object",
+		"untitled-column.title": "New column",
+		"enumerating-tab.label": "List",
+		"editing-tab.label": "Edit",
+		"columns.label": "Columns",
+		"toggle-expand.label": "Toggle expand",
+		"delete-column.label": "Delete column"
+	}
+} }];
+//#endregion
+export { translations };
+
+//# sourceMappingURL=translations.mjs.map

package/dist/lib/translations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.mjs","names":[],"sources":["../../src/translations.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Type } from '@dxos/echo';\nimport { type Resource } from '@dxos/react-ui';\nimport { Pipeline } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [Type.getTypename(Pipeline.Pipeline)]: {\n        'typename.label': 'Pipeline',\n        'typename.label_zero': 'Pipelines',\n        'typename.label_one': 'Pipeline',\n        'typename.label_other': 'Pipelines',\n        'object-name.placeholder': 'New pipeline',\n        'add-object.label': 'Add pipeline',\n        'rename-object.label': 'Rename pipeline',\n        'delete-object.label': 'Delete pipeline',\n        'object-deleted.label': 'Pipeline deleted',\n      },\n      [meta.profile.key]: {\n        'plugin.name': 'Pipelines',\n        'add-column.label': 'Add column',\n        'add-card.label': 'Add object',\n        'untitled-column.title': 'New column',\n        'enumerating-tab.label': 'List',\n        'editing-tab.label': 'Edit',\n        'columns.label': 'Columns',\n        'toggle-expand.label': 'Toggle expand',\n        'delete-column.label': 'Delete column',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],"mappings":";;;;AAUA,IAAa,eAAe,CAC1B,EACE,SAAS;EACN,KAAK,YAAY,SAAS,QAAQ,IAAI;EACrC,kBAAkB;EAClB,uBAAuB;EACvB,sBAAsB;EACtB,wBAAwB;EACxB,2BAA2B;EAC3B,oBAAoB;EACpB,uBAAuB;EACvB,uBAAuB;EACvB,wBAAwB;CAC1B;EACC,KAAK,QAAQ,MAAM;EAClB,eAAe;EACf,oBAAoB;EACpB,kBAAkB;EAClB,yBAAyB;EACzB,yBAAyB;EACzB,qBAAqB;EACrB,iBAAiB;EACjB,uBAAuB;EACvB,uBAAuB;CACzB;AACF,EACF,CACF"}

package/dist/types/src/capabilities/create-object.d.ts

@@ -1,5 +1,5 @@
 import * as Effect from 'effect/Effect';
 import { Capability } from '@dxos/app-framework';
-declare const _default: (props: void) => Effect.Effect<Capability.Any, never, never>;
+declare const _default: (props: void) => Effect.Effect<Capability.Any, never, import("effect/Scope").Scope>;
 export default _default;
 //# sourceMappingURL=create-object.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as Effect from 'effect/Effect';
 import { Capability } from '@dxos/app-framework';
-declare const _default: (props: void) => Effect.Effect<Capability.Any, never, never>;
+declare const _default: (props: void) => Effect.Effect<Capability.Any, never, import("effect/Scope").Scope>;
 export default _default;
 //# sourceMappingURL=react-surface.d.ts.map

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

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

package/dist/types/src/components/PipelineComponent/PipelineColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/PipelineComponent/PipelineColumn.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAQrE,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEnF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAY5C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;uCAGxF,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,mBAAmB"}
+{"version":3,"file":"PipelineColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/PipelineComponent/PipelineColumn.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAQrE,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEnF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAa5C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;uCAGxF,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,mBAAmB"}

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

@@ -8,12 +8,11 @@ type ItemProps = {
     item: Obj.Unknown;
     projectionModel?: ProjectionModel;
 };
-type PipelineContextValue = {
+export type PipelineContextValue = {
     Item: FC<ItemProps>;
     onAddColumn?: () => void;
 };
 type PipelineRootProps = PropsWithChildren<PipelineContextValue>;
-declare const usePipeline: (consumerName: string) => PipelineContextValue;
 declare function PipelineRoot({ children, ...contextValue }: PipelineRootProps): React.JSX.Element;
 declare namespace PipelineRoot {
     var displayName: string;
@@ -26,7 +25,7 @@ type PipelineColumnsProps = {
 };
 export declare const PipelineToolbar: React.ForwardRefExoticComponent<Omit<ToolbarRootProps, "className"> & {
     classNames?: import("@dxos/ui-types").ClassNameValue;
-} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+} & Pick<React.HTMLAttributes<Element>, "children" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
 export declare const PipelineComponent: {
     Root: {
         ({ children, ...contextValue }: PipelineRootProps): React.JSX.Element;
@@ -40,14 +39,13 @@ export declare const PipelineComponent: {
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Columns: React.ForwardRefExoticComponent<Omit<PipelineColumnsProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Toolbar: React.ForwardRefExoticComponent<Omit<ToolbarRootProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
 };
-export { usePipeline };
-export type { ItemProps, PipelineColumnsProps, PipelineContentProps, PipelineContextValue, PipelineRootProps };
+export type { ItemProps, PipelineColumnsProps, PipelineContentProps, PipelineRootProps };
 //# sourceMappingURL=PipelineComponent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/PipelineComponent/PipelineComponent.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAW,KAAK,gBAAgB,EAAkB,MAAM,gBAAgB,CAAC;AAEhF,OAAO,EAAS,KAAK,UAAU,EAAoC,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAM5C,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAQF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IAIpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;AAIjE,QAAA,MAA4B,WAAW,gDAErC,CAAC;8BAEmB,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,EAAE,iBAAiB;;;;AAYtE,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CACjD,CAAC,CAAC;AAuBH,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC;CAC7B,CAAC;AA2BF,eAAO,MAAM,eAAe;;2HAS1B,CAAC;AAQH,eAAO,MAAM,iBAAiB;IAC5B,IAAI;wCApF+C,iBAAiB;;;IAqFpE,OAAO;eAxEA,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;;;;;;;;IAyE/C,OAAO;;;IACP,OAAO;;;CACR,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"PipelineComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/PipelineComponent/PipelineComponent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAW,KAAK,gBAAgB,EAAkB,MAAM,gBAAgB,CAAC;AAEhF,OAAO,EAAS,KAAK,UAAU,EAAoC,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAO5C,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAMF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IAIpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;8BAE3C,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,EAAE,iBAAiB;;;;AAYtE,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CACjD,CAAC,CAAC;AAuBH,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC;CAC7B,CAAC;AA2BF,eAAO,MAAM,eAAe;;6GAS1B,CAAC;AAQH,eAAO,MAAM,iBAAiB;IAC5B,IAAI;wCApF+C,iBAAiB;;;IAqFpE,OAAO;eAxEA,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;;;;;;;;IAyE/C,OAAO;;;IACP,OAAO;;;CACR,CAAC;AAEF,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/types/src/components/PipelineComponent/PipelineContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type PipelineContextValue } from './PipelineComponent';
+export declare const PIPELINE_ROOT = "Pipeline.Root";
+export declare const PipelineRootContext: React.FC<PipelineContextValue & {
+    children: React.ReactNode;
+}>, usePipeline: (consumerName: string) => PipelineContextValue;
+//# sourceMappingURL=PipelineContext.d.ts.map

package/dist/types/src/components/PipelineComponent/PipelineContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/PipelineComponent/PipelineContext.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAOhF,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAE7C,eAAO,MAAO,mBAAmB;;IAAE,WAAW,gDAE5C,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from './PipelineColumn';
+export { usePipeline } from './PipelineContext';
 export * from './PipelineComponent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PipelineComponent/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PipelineComponent/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,cAAc,qBAAqB,CAAC"}

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

@@ -2,5 +2,8 @@ import React from 'react';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { type Pipeline } from '@dxos/types';
 export type PipelineArticleProps = AppSurface.ObjectArticleProps<Pipeline.Pipeline>;
-export declare const PipelineArticle: ({ role, subject: pipeline, attendableId }: PipelineArticleProps) => React.JSX.Element;
+export declare function PipelineArticle({ role, subject: pipeline, attendableId }: PipelineArticleProps): React.JSX.Element;
+export declare namespace PipelineArticle {
+    var displayName: string;
+}
 //# sourceMappingURL=PipelineArticle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineArticle.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineArticle/PipelineArticle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAKtD,OAAO,EACL,UAAU,EAIX,MAAM,sBAAsB,CAAC;AAK9B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAO5C,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEpF,eAAO,MAAM,eAAe,8CAA+C,oBAAoB,sBA4B9F,CAAC"}
+{"version":3,"file":"PipelineArticle.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineArticle/PipelineArticle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAKtD,OAAO,EACL,UAAU,EAKX,MAAM,sBAAsB,CAAC;AAK9B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAO5C,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;wCAEpD,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,oBAAoB"}

package/dist/types/src/containers/PipelineArticle/PipelineArticle.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineArticle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineArticle/PipelineArticle.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqK8B,CAAC;eAE1B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
+{"version":3,"file":"PipelineArticle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineArticle/PipelineArticle.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA2C1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqK8B,CAAC;eAE1B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -2,8 +2,8 @@ import React from 'react';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { Pipeline } from '@dxos/types';
 export type PipelinePropertiesProps = AppSurface.ObjectPropertiesProps<Pipeline.Pipeline>;
-/**
- * Supports editing the pipeline view.
- */
-export declare const PipelineProperties: ({ subject: pipeline }: PipelinePropertiesProps) => React.JSX.Element;
+export declare function PipelineProperties({ subject: pipeline }: PipelinePropertiesProps): React.JSX.Element;
+export declare namespace PipelineProperties {
+    var displayName: string;
+}
 //# sourceMappingURL=PipelineProperties.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineProperties.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineProperties/PipelineProperties.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAkB,MAAM,sBAAsB,CAAC;AASlE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAOvC,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAE1F;;GAEG;AACH,eAAO,MAAM,kBAAkB,0BAA2B,uBAAuB,sBAoLhF,CAAC"}
+{"version":3,"file":"PipelineProperties.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineProperties/PipelineProperties.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAkB,MAAM,sBAAsB,CAAC;AASlE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAOvC,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;2CAKvD,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,uBAAuB"}

package/dist/types/src/containers/PipelineProperties/PipelineProperties.stories.d.ts

@@ -96,6 +96,7 @@ declare const meta: {
                     readonly 'format.json.label': 'JSON';
                     readonly 'format.lnglat.label': 'Geopoint';
                     readonly 'format.markdown.label': 'Markdown';
+                    readonly 'format.password.label': 'Password';
                     readonly 'format.percent.label': 'Percent';
                     readonly 'format.ref.label': 'Reference';
                     readonly 'format.regex.label': 'RegExp';

package/dist/types/src/containers/PipelineProperties/PipelineProperties.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineProperties.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineProperties/PipelineProperties.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B,QAAA,MAAM,IAAI;;;;;QA2FN,MAAM;QACN,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE2B,CAAC;eAE7B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
+{"version":3,"file":"PipelineProperties.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineProperties/PipelineProperties.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,QAAA,MAAM,IAAI;;;;;QA2FN,MAAM;QACN,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE2B,CAAC;eAE7B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -1,4 +1,4 @@
-import { type Registry } from '@effect-atom/atom-react';
+import { type Registry } from '@effect-atom/atom';
 import { Obj } from '@dxos/echo';
 import { type BoardModel } from '@dxos/react-ui-mosaic';
 import { Pipeline } from '@dxos/types';

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

@@ -1 +1 @@
-{"version":3,"file":"usePipelineBoardModel.d.ts","sourceRoot":"","sources":["../../../../src/hooks/usePipelineBoardModel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAK9D,OAAO,EAAE,GAAG,EAAS,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,qBAAqB,aACtB,QAAQ,CAAC,QAAQ,GAAG,SAAS,YAC7B,QAAQ,CAAC,QAAQ,KAC1B,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CA6ChB,CAAC"}
+{"version":3,"file":"usePipelineBoardModel.d.ts","sourceRoot":"","sources":["../../../../src/hooks/usePipelineBoardModel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKxD,OAAO,EAAE,GAAG,EAAS,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,qBAAqB,aACtB,QAAQ,CAAC,QAAQ,GAAG,SAAS,YAC7B,QAAQ,CAAC,QAAQ,KAC1B,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CA6ChB,CAAC"}