@dxos/plugin-pipeline 0.8.4-main.52d7546f51 → 0.8.4-main.c85a9c8dae

package/dist/lib/browser/PipelineContainer-2ZYSZATA.mjs

@@ -0,0 +1,320 @@
+import {
+  meta
+} from "./chunk-QWNKLHBY.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 { Obj as Obj4 } 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";
+
+// src/components/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.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/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 }) => {
+  const registry = useCapability(Capabilities.AtomRegistry);
+  const model = usePipelineBoardModel(pipeline, registry);
+  const { invokePromise } = useOperationInvoker();
+  const attendableId = Obj4.getDXN(pipeline).toString();
+  const { hasAttention } = useAttention(attendableId);
+  const handleColumnAdd = useCallback(() => invokePromise(DeckOperation.ChangeCompanion, {
+    companion: `${attendableId}${ATTENDABLE_PATH_SEPARATOR}settings`
+  }), [
+    invokePromise,
+    attendableId
+  ]);
+  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-2ZYSZATA.mjs.map

package/dist/lib/browser/PipelineContainer-2ZYSZATA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/PipelineContainer/PipelineContainer.tsx", "../../../src/components/PipelineColumn.tsx", "../../../src/components/PipelineComponent.tsx", "../../../src/hooks/usePipelineBoardModel.ts", "../../../src/containers/PipelineContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect } from 'react';\n\nimport { Capabilities } from '@dxos/app-framework';\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { Surface } from '@dxos/app-framework/ui';\nimport {\n  OBJECT_ACTIONS_CONTRIBUTION_ID,\n  OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n  type SurfaceComponentProps,\n  useObjectMenuItems,\n} from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckOperation } from '@dxos/plugin-deck/types';\nimport { Panel } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { useMenu } from '@dxos/react-ui-menu';\nimport { type Pipeline } from '@dxos/types';\n\nimport { type ItemProps, PipelineComponent } from '../../components';\nimport { usePipelineBoardModel } from '../../hooks';\n\nconst PIPELINE_ITEM = 'PipelineItem';\n\nexport type PipelineContainerProps = SurfaceComponentProps<Pipeline.Pipeline>;\n\nexport const PipelineContainer = ({ role, subject: pipeline }: PipelineContainerProps) => {\n  const registry = useCapability(Capabilities.AtomRegistry);\n  const model = usePipelineBoardModel(pipeline, registry);\n  const { invokePromise } = useOperationInvoker();\n  const attendableId = Obj.getDXN(pipeline).toString();\n  const { hasAttention } = useAttention(attendableId);\n\n  const handleColumnAdd = useCallback(\n    () =>\n      invokePromise(DeckOperation.ChangeCompanion, {\n        companion: `${attendableId}${ATTENDABLE_PATH_SEPARATOR}settings`,\n      }),\n    [invokePromise, attendableId],\n  );\n\n  return (\n    <PipelineComponent.Root Item={PipelineItem} onAddColumn={handleColumnAdd}>\n      <Panel.Root role={role} className='dx-article'>\n        <Panel.Toolbar asChild>\n          <PipelineComponent.Toolbar disabled={!hasAttention} />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <PipelineComponent.Content model={model}>\n            <PipelineComponent.Columns pipeline={pipeline} />\n          </PipelineComponent.Content>\n        </Panel.Content>\n      </Panel.Root>\n    </PipelineComponent.Root>\n  );\n};\n\nconst PipelineItem = ({ item, projectionModel }: ItemProps) => {\n  const menu = useMenu(PIPELINE_ITEM);\n  const items = useObjectMenuItems(item);\n\n  useEffect(() => {\n    menu.addMenuItems({\n      id: OBJECT_ACTIONS_CONTRIBUTION_ID,\n      mode: 'additive',\n      priority: OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n      items,\n    });\n\n    return () => menu.removeMenuItems(OBJECT_ACTIONS_CONTRIBUTION_ID);\n  }, [menu, items]);\n\n  return (\n    <Surface.Surface\n      role='card--content'\n      data={{\n        subject: item,\n        projection: projectionModel,\n      }}\n      limit={1}\n    />\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport type * as Schema from 'effect/Schema';\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useObjectNavigate } from '@dxos/app-toolkit/ui';\nimport { JsonSchema, Obj, Query, Type } from '@dxos/echo';\nimport { resolveSchemaWithRegistry } from '@dxos/plugin-space';\nimport { Filter, getSpace, useObject } from '@dxos/react-client/echo';\nimport { useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui';\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, usePipeline } from './PipelineComponent';\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.id);\n  const dragHandleRef = useRef<HTMLButtonElement>(null);\n  // Subscribe to the view target for reactivity.\n  const [viewSnapshot] = useObject(column.view);\n  const view = column.view.target;\n  const space = getSpace(view);\n  const { Item } = usePipeline(PIPELINE_COLUMN_NAME);\n  const [schema, setSchema] = useState<Schema.Schema.AnyNoContext>();\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 || !space?.db) {\n      return;\n    }\n\n    const schema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);\n    setSchema(() => schema);\n  }, [space, query]);\n\n  const projectionModel = useMemo(() => {\n    if (!schema || !view) {\n      return undefined;\n    }\n\n    // For mutable schemas (EchoSchema), use the live jsonSchema reference for reactivity.\n    const jsonSchema = Type.isMutable(schema) ? schema.jsonSchema : JsonSchema.toJsonSchema(schema);\n    const change = createEchoChangeCallback(view, Type.isMutable(schema) ? schema : undefined);\n    return new ProjectionModel({ view, baseSchema: jsonSchema, change });\n  }, [schema, view]);\n\n  const Tile = useMemo(() => {\n    return forwardRef<HTMLDivElement, Pick<MosaicTileProps<Obj.Unknown>, 'classNames' | 'location' | 'data' | 'debug'>>(\n      (props, ref) => <ItemTile {...props} ref={ref} itemProps={{ item: props.data, projectionModel }} />,\n    );\n  }, [Item, projectionModel]);\n\n  if (!view) {\n    return null;\n  }\n\n  return (\n    <Board.Column.Root\n      data={column}\n      location={location}\n      classNames={['group/column grid h-full overflow-hidden grid-rows-[var(--dx-rail-action)_1fr]', classNames]}\n      debug={debug}\n      dragHandleRef={dragHandleRef}\n    >\n      <Board.Column.Header label={column.name ?? t('untitled view title')} dragHandleRef={dragHandleRef} />\n      <Board.Column.Body data={column} Tile={Tile} />\n    </Board.Column.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 handleNavigate = useObjectNavigate(data);\n\n    return (\n      <Mosaic.Tile asChild id={data.id} data={data} location={location} debug={debug}>\n        <Focus.Group asChild>\n          <Card.Root classNames={classNames} ref={composedRef}>\n            <Card.Toolbar>\n              <Card.DragHandle />\n              <Card.Title onClick={handleNavigate}>{Obj.getLabel(data)}</Card.Title>\n              <Card.Menu />\n            </Card.Toolbar>\n            <Card.Content>\n              <Item {...itemProps} />\n            </Card.Content>\n          </Card.Root>\n        </Focus.Group>\n      </Mosaic.Tile>\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 { createContext } from '@radix-ui/react-context';\nimport React, { type FC, type PropsWithChildren } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Toolbar, type ToolbarRootProps, useTranslation } 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';\n\ntype ItemProps = {\n  item: Obj.Unknown;\n  projectionModel?: ProjectionModel;\n};\n\nconst itemNoOp = ({ item }: ItemProps) => <span>{item.id}</span>;\n\n//\n// Root\n//\n\ntype 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 PIPELINE_ROOT = 'Pipeline.Root';\n\nconst [PipelineRootContext, usePipeline] = createContext<PipelineContextValue>(PIPELINE_ROOT, {\n  Item: itemNoOp,\n});\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 = ({ model, children, ...props }: PipelineContentProps) => (\n  <Board.Root {...props} model={model}>\n    {children}\n  </Board.Root>\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 = ({ pipeline }: PipelineColumnsProps) => {\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.change(pipeline, (p) => mutate(p.columns)),\n  });\n\n  return <Board.Content id='pipeline' 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 = (props: ToolbarRootProps) => {\n  const { t } = useTranslation(meta.id);\n  const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);\n\n  return (\n    <Toolbar.Root {...props}>\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 { usePipeline };\n\nexport type { ItemProps, PipelineContextValue, PipelineRootProps, PipelineContentProps, PipelineColumnsProps };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom-react';\nimport * as Schema from 'effect/Schema';\nimport { useMemo } from 'react';\n\nimport { Obj, Query } from '@dxos/echo';\nimport { AtomObj, AtomQuery } from '@dxos/echo-atom';\nimport { getQueryTarget } from '@dxos/plugin-space';\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 = AtomObj.makeProperty(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.dxn.toString() === 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(AtomObj.make(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(AtomQuery.make(queryTarget, query));\n        return isSpace(queryTarget) ? raw : [...raw].reverse();\n      }),\n    );\n\n    return {\n      getColumnId: (data) => (data as Pipeline.Column).view.dxn.toString(),\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.dxn.toString()),\n      getColumns: () => [...registry.get(columnsAtom)],\n      getItems: (column) => registry.get(itemsAtomFamily(column.view.dxn.toString())) ?? [],\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.dxn.toString(),\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PipelineContainer } from './PipelineContainer';\n\nexport default PipelineContainer;\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useEffect", "Capabilities", "useCapability", "useOperationInvoker", "Surface", "OBJECT_ACTIONS_CONTRIBUTION_ID", "OBJECT_ACTIONS_CONTRIBUTION_PRIORITY", "useObjectMenuItems", "Obj", "ATTENDABLE_PATH_SEPARATOR", "DeckOperation", "Panel", "useAttention", "useMenu", "useComposedRefs", "React", "forwardRef", "useMemo", "useRef", "useState", "useObjectNavigate", "JsonSchema", "Obj", "Query", "Type", "resolveSchemaWithRegistry", "Filter", "getSpace", "useObject", "useAsyncEffect", "useTranslation", "Card", "Board", "Focus", "Mosaic", "ProjectionModel", "createEchoChangeCallback", "useAtomValue", "createContext", "React", "Obj", "Toolbar", "useTranslation", "Board", "useBoard", "useEventHandlerAdapter", "itemNoOp", "item", "span", "id", "PIPELINE_ROOT", "PipelineRootContext", "usePipeline", "createContext", "Item", "PipelineRoot", "children", "contextValue", "displayName", "PIPELINE_CONTENT_NAME", "PipelineContent", "model", "props", "Board", "Root", "PIPELINE_COLUMNS_NAME", "PipelineColumns", "pipeline", "useBoard", "columns", "useAtomValue", "eventHandler", "useEventHandlerAdapter", "items", "getId", "getColumnId", "get", "data", "make", "object", "canDrop", "source", "isColumn", "onChange", "mutate", "Obj", "change", "p", "Content", "Tile", "PipelineColumn", "PIPELINE_TOOLBAR_NAME", "PipelineToolbar", "t", "useTranslation", "meta", "onAddColumn", "Toolbar", "IconButton", "icon", "iconOnly", "label", "onClick", "PipelineComponent", "Columns", "PIPELINE_COLUMN_NAME", "PipelineColumn", "data", "column", "location", "classNames", "debug", "t", "useTranslation", "meta", "id", "dragHandleRef", "useRef", "viewSnapshot", "useObject", "view", "target", "space", "getSpace", "Item", "usePipeline", "schema", "setSchema", "useState", "query", "useMemo", "Query", "select", "Filter", "nothing", "fromAst", "JSON", "parse", "stringify", "ast", "useAsyncEffect", "db", "resolveSchemaWithRegistry", "schemaRegistry", "projectionModel", "undefined", "jsonSchema", "Type", "isMutable", "JsonSchema", "toJsonSchema", "change", "createEchoChangeCallback", "ProjectionModel", "baseSchema", "Tile", "forwardRef", "props", "ref", "React", "ItemTile", "itemProps", "item", "Board", "Column", "Root", "Header", "label", "name", "Body", "displayName", "ITEM_TILE_NAME", "forwardedRef", "rootRef", "composedRef", "useComposedRefs", "handleNavigate", "useObjectNavigate", "Mosaic", "asChild", "Focus", "Group", "Card", "Toolbar", "DragHandle", "Title", "onClick", "Obj", "getLabel", "Menu", "Content", "Atom", "Schema", "useMemo", "Obj", "Query", "AtomObj", "AtomQuery", "getQueryTarget", "getSpace", "isSpace", "Pipeline", "usePipelineBoardModel", "pipeline", "registry", "useMemo", "emptyPipelineModel", "space", "getSpace", "columnsAtom", "AtomObj", "makeProperty", "columnAtomFamily", "Atom", "family", "viewKey", "make", "get", "columns", "find", "c", "view", "dxn", "toString", "itemsAtomFamily", "column", "viewSnapshot", "query", "ast", "Query", "fromAst", "JSON", "parse", "stringify", "queryTarget", "getQueryTarget", "undefined", "raw", "AtomQuery", "isSpace", "reverse", "getColumnId", "data", "getItemId", "id", "isColumn", "obj", "is", "Pipeline", "Column", "isItem", "Obj", "isObject", "items", "getColumns", "getItems", "emptyColumnsAtom", "emptyItemsAtom", "PIPELINE_ITEM", "PipelineContainer", "role", "subject", "pipeline", "registry", "useCapability", "Capabilities", "AtomRegistry", "model", "usePipelineBoardModel", "invokePromise", "useOperationInvoker", "attendableId", "Obj", "getDXN", "toString", "hasAttention", "useAttention", "handleColumnAdd", "useCallback", "DeckOperation", "ChangeCompanion", "companion", "ATTENDABLE_PATH_SEPARATOR", "React", "PipelineComponent", "Root", "Item", "PipelineItem", "onAddColumn", "Panel", "className", "Toolbar", "asChild", "disabled", "Content", "Columns", "item", "projectionModel", "menu", "useMenu", "items", "useObjectMenuItems", "useEffect", "addMenuItems", "id", "OBJECT_ACTIONS_CONTRIBUTION_ID", "mode", "priority", "OBJECT_ACTIONS_CONTRIBUTION_PRIORITY", "removeMenuItems", "Surface", "data", "projection", "limit", "PipelineContainer"]
+}

package/dist/lib/browser/{PipelineSettings-YSGSJHBT.mjs → PipelineObjectSettings-D36OYVHW.mjs}

@@ -2,17 +2,17 @@ import {
   meta
 } from "./chunk-QWNKLHBY.mjs";
 
-// src/components/PipelineSettings.tsx
+// src/containers/PipelineObjectSettings/PipelineObjectSettings.tsx
 import * as Schema from "effect/Schema";
 import React, { useCallback, useMemo, useRef, useState } from "react";
-import { DXN, Filter, Obj, Query, Ref, Tag, Type } from "@dxos/echo";
+import { DXN, Filter, JsonSchema, Obj, Query, Ref, Tag } from "@dxos/echo";
 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, useAsyncEffect, useTranslation } from "@dxos/react-ui";
 import { Form, ViewEditor } from "@dxos/react-ui-form";
 import { List } from "@dxos/react-ui-list";
-import { View } from "@dxos/schema";
+import { ViewModel } from "@dxos/schema";
 import { Pipeline, Task } from "@dxos/types";
 import { mx, osTranslations, subtleHover } from "@dxos/ui-theme";
 import { arrayMove } from "@dxos/util";
@@ -23,11 +23,12 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
   const { t } = useTranslation(meta.id);
   const space = getSpace(pipeline);
   const [expandedId, setExpandedId] = useState();
-  const column = useMemo(() => pipeline.columns.find((column2) => column2.view.dxn.toString() === expandedId), [
-    pipeline.columns,
+  const [columns, updateColumns] = useObject(pipeline, "columns");
+  const column = useMemo(() => columns.find((column2) => column2.view.dxn.toString() === expandedId), [
+    columns,
     expandedId
   ]);
-  const view = column?.view.target;
+  const [view, updateView] = useObject(column?.view);
   const [schema, setSchema] = useState(() => Schema.Struct({}));
   const projectionRef = useRef(null);
   const tags = useQuery(space?.db, Filter.type(Tag.Tag));
@@ -60,40 +61,55 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     view,
     schema
   ]);
-  const handleMove = useCallback((fromIndex, toIndex) => Obj.change(pipeline, (p) => {
-    arrayMove(p.columns, fromIndex, toIndex);
+  const handleMove = useCallback((fromIndex, toIndex) => updateColumns((columns2) => {
+    arrayMove(columns2, fromIndex, toIndex);
   }), [
-    pipeline
+    updateColumns
   ]);
   const handleQueryChanged = useCallback(async (newQuery, target) => {
     if (!view || !space) {
       return;
     }
     const queue = target && DXN.tryParse(target) ? target : void 0;
-    const query = queue ? Query.fromAst(newQuery).options({
+    const query = queue ? Query.fromAst(newQuery).from({
       queues: [
         queue
       ]
     }) : Query.fromAst(newQuery);
-    Obj.change(view, (v) => {
-      v.query.ast = query.ast;
+    updateView((view2) => {
+      view2.query.ast = 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;
+    updateView((view2) => {
+      view2.projection = Obj.getSnapshot(newView).projection;
     });
     setSchema(() => newSchema);
   }, [
     view,
+    updateView,
     schema
   ]);
+  const handleColumnValuesChanged = useCallback((column2) => (newValues, { changed }) => {
+    if (changed["name"]) {
+      const columnIndex = columns.findIndex((c) => c === column2);
+      if (columnIndex === -1) {
+        return;
+      }
+      updateColumns((cols) => {
+        cols[columnIndex].name = newValues.name ?? "";
+      });
+    }
+  }, [
+    columns,
+    updateColumns
+  ]);
   const handleToggleField = useCallback((column2) => {
     setExpandedId((prevExpandedId) => prevExpandedId === column2.view.dxn.toString() ? void 0 : column2.view.dxn.toString());
   }, []);
@@ -101,24 +117,29 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     if (column2.view.dxn.toString() === expandedId) {
       setExpandedId(void 0);
     }
-    const index = pipeline.columns.findIndex((l) => l === column2);
+    const index = columns.findIndex((l) => l === column2);
     const viewToRemove = await column2.view.load();
-    Obj.change(pipeline, (p) => {
-      p.columns.splice(index, 1);
+    updateColumns((columns2) => {
+      columns2.splice(index, 1);
     });
     space?.db.remove(viewToRemove);
   }, [
     expandedId,
-    pipeline.columns,
+    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((columns2) => {
+      columns2.push({
         name: "Tasks",
         // Type assertion needed due to QueryAST type variance.
         view: Ref.make(newView),
@@ -127,40 +148,30 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     });
     setExpandedId(newView.id);
   }, [
-    pipeline
-  ]);
-  const handleColumnSave = useCallback((values) => {
-    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 /* @__PURE__ */ React.createElement("div", {
     role: "none",
-    className: mx("plb-cardSpacingBlock overflow-y-auto", classNames)
+    className: mx("py-form-padding overflow-y-auto", classNames)
   }, /* @__PURE__ */ React.createElement("h2", {
-    className: "text-sm text-description plb-1"
+    className: "text-sm text-description py-1"
   }, t("views label")), /* @__PURE__ */ React.createElement(List.Root, {
-    items: pipeline.columns,
+    items: columns,
     isItem: Schema.is(Pipeline.Column),
     getId: (column2) => column2.view.dxn.toString(),
     onMove: handleMove
-  }, ({ items: columns }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+  }, ({ items: columns2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
     role: "list",
     className: mx(listGrid)
-  }, columns.map((column2) => /* @__PURE__ */ React.createElement(List.Item, {
+  }, columns2.map((column2) => /* @__PURE__ */ React.createElement(List.Item, {
     key: column2.view.dxn.toString(),
     item: column2,
     classNames: listItemGrid,
     "aria-expanded": expandedId === column2.view.dxn.toString()
   }, /* @__PURE__ */ React.createElement("div", {
     role: "none",
-    className: mx(subtleHover, listItemGrid, "rounded-sm cursor-pointer min-bs-10")
+    className: mx(subtleHover, listItemGrid, "rounded-xs cursor-pointer min-h-10")
   }, /* @__PURE__ */ React.createElement(List.ItemDragHandle, null), /* @__PURE__ */ React.createElement(List.ItemTitle, {
     onClick: () => handleToggleField(column2)
   }, column2.name), /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
@@ -176,37 +187,38 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     }),
     icon: expandedId === column2.view.dxn.toString() ? "ph--caret-down--regular" : "ph--caret-right--regular",
     onClick: () => handleToggleField(column2)
-  })), expandedId === column2.view.dxn.toString() && view && /* @__PURE__ */ React.createElement("div", {
+  })), expandedId === column2.view.dxn.toString() && column2?.view.target && /* @__PURE__ */ React.createElement("div", {
     role: "none",
-    className: "col-span-5 mlb-2 border border-separator rounded-md"
+    className: "col-span-5 my-2 border border-separator rounded-md"
   }, /* @__PURE__ */ React.createElement(Form.Root, {
     schema: ColumnFormSchema,
     values: column2,
-    autoSave: true,
-    onSave: handleColumnSave
+    onValuesChanged: handleColumnValuesChanged(column2)
   }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null))), /* @__PURE__ */ React.createElement(ViewEditor, {
     ref: projectionRef,
     mode: "tag",
     readonly: true,
     schema,
-    view,
+    view: column2.view.target,
     registry: space?.db.schemaRegistry,
+    db: space?.db,
     tags,
     types,
     onQueryChanged: handleQueryChanged
   }))))))), /* @__PURE__ */ React.createElement("div", {
     role: "none",
-    className: "mlb-cardSpacingBlock"
+    className: "my-form-padding"
   }, /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--plus--regular",
     label: t("add view label"),
     onClick: handleAdd,
-    classNames: "is-full"
+    classNames: "w-full"
   })));
 };
-var PipelineSettings_default = PipelineObjectSettings;
+
+// src/containers/PipelineObjectSettings/index.ts
+var PipelineObjectSettings_default = PipelineObjectSettings;
 export {
-  PipelineObjectSettings,
-  PipelineSettings_default as default
+  PipelineObjectSettings_default as default
 };
-//# sourceMappingURL=PipelineSettings-YSGSJHBT.mjs.map
+//# sourceMappingURL=PipelineObjectSettings-D36OYVHW.mjs.map