@dxos/plugin-pipeline 0.8.4-main.1068cf700f → 0.8.4-main.2244d791bb

package/dist/lib/browser/{PipelineContainer-I3TPA7ZN.mjs → PipelineContainer-2BRZPECS.mjs}

@@ -4,32 +4,44 @@ import {
 
 // src/components/PipelineContainer.tsx
 import React3, { useCallback } 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 { Obj as Obj2 } from "@dxos/echo";
+import { Obj as Obj3 } from "@dxos/echo";
 import { ATTENDABLE_PATH_SEPARATOR, DeckOperation } from "@dxos/plugin-deck/types";
 import { Layout } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
 
 // src/components/PipelineComponent.tsx
+import { Atom, useAtomValue as useAtomValue2 } from "@effect-atom/atom-react";
 import { createContext } from "@radix-ui/react-context";
-import React2 from "react";
-import { useObject as useObject2 } from "@dxos/react-client/echo";
+import * as Schema from "effect/Schema";
+import React2, { useMemo as useMemo2 } from "react";
+import { Obj as Obj2, 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 { Toolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { Stack } from "@dxos/react-ui-stack";
+import { Board as Board2, useBoard as useBoard2, useEventHandlerAdapter } from "@dxos/react-ui-mosaic";
+import { Pipeline } from "@dxos/types";
 
 // src/components/PipelineColumn.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import React, { forwardRef, useMemo, useRef, useState } from "react";
 import { Obj, Query, Type } from "@dxos/echo";
-import { getQueryTarget, resolveSchemaWithRegistry } from "@dxos/plugin-space";
-import { Filter, getSpace, isSpace, useObject, useQuery } from "@dxos/react-client/echo";
-import { ScrollArea, useAsyncEffect, useTranslation } from "@dxos/react-ui";
-import { Card, Focus, Mosaic } from "@dxos/react-ui-mosaic";
+import { resolveSchemaWithRegistry } from "@dxos/plugin-space";
+import { Filter, getSpace, useObject } from "@dxos/react-client/echo";
+import { useAsyncEffect, useTranslation } from "@dxos/react-ui";
+import { Board, Card, Focus, Mosaic, useBoard } from "@dxos/react-ui-mosaic";
 import { ProjectionModel, createEchoChangeCallback } from "@dxos/schema";
+import { mx } from "@dxos/ui-theme";
 var PIPELINE_COLUMN_NAME = "PipelineColumn";
-var PipelineColumn = ({ column }) => {
+var PipelineColumn = ({ data: column, location, classNames, debug }) => {
   const { t } = useTranslation(meta.id);
+  const { model } = useBoard(PIPELINE_COLUMN_NAME);
+  const items = useAtomValue(model.items(column));
   const [viewSnapshot] = useObject(column.view);
   const view = column.view.target;
   const space = getSpace(view);
@@ -45,7 +57,7 @@ var PipelineColumn = ({ column }) => {
     JSON.stringify(viewSnapshot?.query.ast)
   ]);
   useAsyncEffect(async () => {
-    if (!query || !space) {
+    if (!query || !space?.db) {
       return;
     }
     const schema2 = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);
@@ -54,16 +66,6 @@ var PipelineColumn = ({ column }) => {
     space,
     query
   ]);
-  const queryTarget = getQueryTarget(query.ast, space);
-  const items = useQuery(queryTarget, query);
-  const sortedItems = useMemo(() => {
-    return isSpace(queryTarget) ? items : [
-      ...items.reverse()
-    ];
-  }, [
-    queryTarget,
-    items
-  ]);
   const projectionModel = useMemo(() => {
     if (!schema || !view) {
       return void 0;
@@ -95,24 +97,25 @@ var PipelineColumn = ({ column }) => {
   if (!view) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Focus.Group, {
-    asChild: true
+  const dragHandleRef = useRef(null);
+  return /* @__PURE__ */ React.createElement(Board.Column.Root, {
+    data: column,
+    location,
+    classNames,
+    debug,
+    dragHandleRef
   }, /* @__PURE__ */ React.createElement("div", {
-    className: "grid bs-full card-default-width overflow-hidden grid-rows-[min-content_1fr] density-fine border border-separator rounded-md bg-deckSurface"
-  }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.DragHandle, null), /* @__PURE__ */ React.createElement(Card.Title, null, column.name ?? t("untitled view title")), /* @__PURE__ */ React.createElement(Card.Menu, null)), /* @__PURE__ */ React.createElement(Mosaic.Container, {
-    asChild: true,
-    orientation: "vertical",
-    withFocus: true
-  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
-    orientation: "vertical"
-  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
-    classNames: "p-2"
-  }, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
-    orientation: "vertical",
-    items: sortedItems,
-    getId: (item) => item.id,
+    role: "none",
+    "data-testid": "board-column",
+    className: mx("group/column grid bs-full overflow-hidden grid-rows-[var(--rail-action)_1fr]", classNames)
+  }, /* @__PURE__ */ React.createElement(Board.Column.Header, {
+    classNames: "border-be border-separator",
+    label: column.name ?? t("untitled view title"),
+    dragHandleRef
+  }), /* @__PURE__ */ React.createElement(Board.Column.Body, {
+    data: column,
     Tile
-  }))))));
+  })));
 };
 PipelineColumn.displayName = PIPELINE_COLUMN_NAME;
 var ITEM_TILE_NAME = "ItemTile";
@@ -138,23 +141,89 @@ ItemTile.displayName = ITEM_TILE_NAME;
 // src/components/PipelineComponent.tsx
 var itemNoOp = ({ item }) => /* @__PURE__ */ React2.createElement("span", null, item.id);
 var PIPELINE_ROOT = "Pipeline.Root";
-var [PipelineRoot, usePipeline] = createContext(PIPELINE_ROOT, {
+var [PipelineRootContext, usePipeline] = createContext(PIPELINE_ROOT, {
   Item: itemNoOp
 });
+var PipelineRoot = ({ model, children, ...contextValue }) => /* @__PURE__ */ React2.createElement(PipelineRootContext, contextValue, /* @__PURE__ */ React2.createElement(Board2.Root, {
+  model
+}, children));
 PipelineRoot.displayName = PIPELINE_ROOT;
+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) => Obj2.isObject(obj),
+  columns: emptyColumnsAtom,
+  items: () => emptyItemsAtom,
+  getColumns: () => [],
+  getItems: () => []
+};
+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) => Obj2.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 PIPELINE_CONTENT_NAME = "Pipeline.Content";
 var PipelineContent = ({ pipeline }) => {
-  const [columns] = useObject2(pipeline, "columns");
-  return /* @__PURE__ */ React2.createElement(Stack, {
-    orientation: "horizontal",
-    size: "contain",
-    rail: false
-  }, columns.map((column) => {
-    return /* @__PURE__ */ React2.createElement(PipelineColumn, {
-      key: column.view.dxn.toString(),
-      column
-    });
-  }));
+  const { model } = useBoard2(PIPELINE_CONTENT_NAME);
+  const columns = useAtomValue2(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) => Obj2.change(pipeline, (p) => mutate(p.columns))
+  });
+  return /* @__PURE__ */ React2.createElement(Board2.Content, {
+    id: "pipeline",
+    eventHandler,
+    Tile: PipelineColumn
+  });
 };
 PipelineContent.displayName = PIPELINE_CONTENT_NAME;
 var PIPELINE_TOOLBAR_NAME = "Pipeline.Toolbar";
@@ -177,8 +246,10 @@ var PipelineComponent = {
 
 // src/components/PipelineContainer.tsx
 var PipelineContainer = ({ role, subject: pipeline }) => {
+  const registry = useCapability(Capabilities.AtomRegistry);
+  const model = usePipelineBoardModel(pipeline, registry);
   const { invokePromise } = useOperationInvoker();
-  const attendableId = Obj2.getDXN(pipeline).toString();
+  const attendableId = Obj3.getDXN(pipeline).toString();
   const { hasAttention } = useAttention(attendableId);
   const handleColumnAdd = useCallback(() => invokePromise(DeckOperation.ChangeCompanion, {
     primary: attendableId,
@@ -192,6 +263,7 @@ var PipelineContainer = ({ role, subject: pipeline }) => {
     toolbar: true
   }, /* @__PURE__ */ React3.createElement(PipelineComponent.Root, {
     Item: PipelineItem,
+    model,
     onAddColumn: handleColumnAdd
   }, /* @__PURE__ */ React3.createElement(PipelineComponent.Toolbar, {
     disabled: !hasAttention
@@ -214,4 +286,4 @@ export {
   PipelineContainer,
   PipelineContainer_default as default
 };
-//# sourceMappingURL=PipelineContainer-I3TPA7ZN.mjs.map
+//# sourceMappingURL=PipelineContainer-2BRZPECS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/PipelineContainer.tsx", "../../../src/components/PipelineComponent.tsx", "../../../src/components/PipelineColumn.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } 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 { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckOperation } from '@dxos/plugin-deck/types';\nimport { Layout } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { type Pipeline as PipelineType } from '@dxos/types';\n\nimport { type ItemProps, PipelineComponent, usePipelineBoardModel } from './PipelineComponent';\n\nexport type PipelineContainerProps = SurfaceComponentProps<PipelineType.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        primary: attendableId,\n        companion: `${attendableId}${ATTENDABLE_PATH_SEPARATOR}settings`,\n      }),\n    [invokePromise, attendableId],\n  );\n\n  return (\n    <Layout.Main role={role} toolbar>\n      <PipelineComponent.Root Item={PipelineItem} model={model} onAddColumn={handleColumnAdd}>\n        <PipelineComponent.Toolbar disabled={!hasAttention} />\n        <PipelineComponent.Content pipeline={pipeline} />\n      </PipelineComponent.Root>\n    </Layout.Main>\n  );\n};\n\nconst PipelineItem = ({ item, projectionModel }: ItemProps) => {\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\nexport default PipelineContainer;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, type Registry, useAtomValue } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport * as Schema from 'effect/Schema';\nimport React, { type FC, type PropsWithChildren, 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 { 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 { Pipeline, type Pipeline as PipelineType } 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\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  // onAddItem?: (schema: Schema.Schema.AnyNoContext) => void;\n  onAddColumn?: () => void;\n};\n\n//\n// Root\n//\n\ntype PipelineRootProps = PropsWithChildren<\n  PipelineContextValue & {\n    model: BoardModel<PipelineType.Column, Obj.Unknown>;\n  }\n>;\n\nconst PIPELINE_ROOT = 'Pipeline.Root';\n\nconst [PipelineRootContext, usePipeline] = createContext<PipelineContextValue>(PIPELINE_ROOT, {\n  Item: itemNoOp,\n});\n\nconst PipelineRoot = ({ model, children, ...contextValue }: PipelineRootProps) => (\n  <PipelineRootContext {...contextValue}>\n    <Board.Root model={model}>{children}</Board.Root>\n  </PipelineRootContext>\n);\n\nPipelineRoot.displayName = PIPELINE_ROOT;\n\n//\n// usePipelineBoardModel\n//\n\nconst emptyColumnsAtom = Atom.make(() => [] as PipelineType.Column[]);\nconst emptyItemsAtom = Atom.make(() => [] as Obj.Unknown[]);\nconst emptyPipelineModel: BoardModel<PipelineType.Column, Obj.Unknown> = {\n  getColumnId: (data) => (data as PipelineType.Column).view.dxn.toString(),\n  getItemId: (data) => (data as Obj.Unknown).id,\n  isColumn: (obj: unknown): obj is PipelineType.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\nconst usePipelineBoardModel = (\n  pipeline: PipelineType.Pipeline | undefined,\n  registry: Registry.Registry,\n): BoardModel<PipelineType.Column, Obj.Unknown> =>\n  useMemo<BoardModel<PipelineType.Column, Obj.Unknown>>(() => {\n    if (pipeline == null) {\n      return emptyPipelineModel;\n    }\n    const space = getSpace(pipeline);\n    const columnsAtom = AtomObj.makeProperty(pipeline, 'columns');\n    const columnAtomFamily = Atom.family<string, Atom.Atom<PipelineType.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    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    return {\n      getColumnId: (data) => (data as PipelineType.Column).view.dxn.toString(),\n      getItemId: (data) => (data as Obj.Unknown).id,\n      isColumn: (obj: unknown): obj is PipelineType.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\n//\n// Content\n//\n\nconst PIPELINE_CONTENT_NAME = 'Pipeline.Content';\n\ntype PipelineContentProps = {\n  pipeline: PipelineType.Pipeline;\n};\n\nconst PipelineContent = ({ pipeline }: PipelineContentProps) => {\n  const { model } = useBoard(PIPELINE_CONTENT_NAME);\n  const columns = useAtomValue(model.columns);\n  const eventHandler = useEventHandlerAdapter<PipelineType.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 PipelineType.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\nPipelineContent.displayName = PIPELINE_CONTENT_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  Toolbar: PipelineToolbar,\n};\n\nexport { usePipeline, usePipelineBoardModel };\n\nexport type { ItemProps, PipelineContextValue, PipelineRootProps };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\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 { 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 { Board, Card, Focus, Mosaic, type MosaicTileProps, useBoard } from '@dxos/react-ui-mosaic';\nimport { ProjectionModel, createEchoChangeCallback } from '@dxos/schema';\nimport { type Pipeline } from '@dxos/types';\nimport { mx } from '@dxos/ui-theme';\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 { model } = useBoard<Pipeline.Column, Obj.Unknown>(PIPELINE_COLUMN_NAME);\n  const items = useAtomValue(model.items(column));\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 : Type.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  const dragHandleRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <Board.Column.Root\n      data={column}\n      location={location}\n      classNames={classNames}\n      debug={debug}\n      dragHandleRef={dragHandleRef}\n    >\n      <div\n        role='none'\n        data-testid='board-column'\n        className={mx('group/column grid bs-full overflow-hidden grid-rows-[var(--rail-action)_1fr]', classNames)}\n      >\n        <Board.Column.Header\n          classNames='border-be border-separator'\n          label={column.name ?? t('untitled view title')}\n          dragHandleRef={dragHandleRef}\n        />\n        <Board.Column.Body data={column} Tile={Tile} />\n      </div>\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\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>{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"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "Capabilities", "useCapability", "useOperationInvoker", "Surface", "Obj", "ATTENDABLE_PATH_SEPARATOR", "DeckOperation", "Layout", "useAttention", "Atom", "useAtomValue", "createContext", "Schema", "React", "useMemo", "Obj", "Query", "AtomObj", "AtomQuery", "getQueryTarget", "getSpace", "isSpace", "Toolbar", "useTranslation", "Board", "useBoard", "useEventHandlerAdapter", "Pipeline", "useAtomValue", "useComposedRefs", "React", "forwardRef", "useMemo", "useRef", "useState", "Obj", "Query", "Type", "resolveSchemaWithRegistry", "Filter", "getSpace", "useObject", "useAsyncEffect", "useTranslation", "Board", "Card", "Focus", "Mosaic", "useBoard", "ProjectionModel", "createEchoChangeCallback", "mx", "PIPELINE_COLUMN_NAME", "PipelineColumn", "data", "column", "location", "classNames", "debug", "t", "useTranslation", "meta", "id", "model", "useBoard", "items", "useAtomValue", "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", "toJsonSchema", "change", "createEchoChangeCallback", "ProjectionModel", "baseSchema", "Tile", "forwardRef", "props", "ref", "ItemTile", "itemProps", "item", "dragHandleRef", "useRef", "Board", "Column", "Root", "div", "role", "data-testid", "className", "mx", "Header", "label", "name", "Body", "displayName", "ITEM_TILE_NAME", "forwardedRef", "rootRef", "composedRef", "useComposedRefs", "Mosaic", "asChild", "Focus", "Group", "Card", "Toolbar", "DragHandle", "Title", "Obj", "getLabel", "Menu", "Content", "itemNoOp", "item", "React", "span", "id", "PIPELINE_ROOT", "PipelineRootContext", "usePipeline", "createContext", "Item", "PipelineRoot", "model", "children", "contextValue", "Board", "Root", "displayName", "emptyColumnsAtom", "Atom", "make", "emptyItemsAtom", "emptyPipelineModel", "getColumnId", "data", "view", "dxn", "toString", "getItemId", "isColumn", "obj", "is", "Pipeline", "Column", "isItem", "Obj", "isObject", "columns", "items", "getColumns", "getItems", "usePipelineBoardModel", "pipeline", "registry", "useMemo", "space", "getSpace", "columnsAtom", "AtomObj", "makeProperty", "columnAtomFamily", "family", "viewKey", "get", "find", "c", "itemsAtomFamily", "column", "viewSnapshot", "query", "ast", "Query", "fromAst", "JSON", "parse", "stringify", "queryTarget", "getQueryTarget", "undefined", "raw", "AtomQuery", "isSpace", "reverse", "PIPELINE_CONTENT_NAME", "PipelineContent", "useBoard", "useAtomValue", "eventHandler", "useEventHandlerAdapter", "getId", "object", "canDrop", "source", "onChange", "mutate", "change", "p", "Content", "Tile", "PipelineColumn", "PIPELINE_TOOLBAR_NAME", "PipelineToolbar", "props", "t", "useTranslation", "meta", "onAddColumn", "Toolbar", "IconButton", "icon", "iconOnly", "label", "onClick", "PipelineComponent", "PipelineContainer", "role", "subject", "pipeline", "registry", "useCapability", "Capabilities", "AtomRegistry", "model", "usePipelineBoardModel", "invokePromise", "useOperationInvoker", "attendableId", "Obj", "getDXN", "toString", "hasAttention", "useAttention", "handleColumnAdd", "useCallback", "DeckOperation", "ChangeCompanion", "primary", "companion", "ATTENDABLE_PATH_SEPARATOR", "React", "Layout", "Main", "toolbar", "PipelineComponent", "Root", "Item", "PipelineItem", "onAddColumn", "Toolbar", "disabled", "Content", "item", "projectionModel", "Surface", "data", "projection", "limit"]
+}

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

@@ -5,10 +5,10 @@ import {
 // src/components/PipelineSettings.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, Query, Ref, Tag, Type } 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";
@@ -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,10 +61,10 @@ 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) {
@@ -75,8 +76,8 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
         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) {
@@ -86,12 +87,13 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
       query,
       jsonSchema: Type.toJsonSchema(newSchema)
     });
-    Obj.change(view, (v) => {
-      v.projection = Obj.getSnapshot(newView).projection;
+    updateView((view2) => {
+      view2.projection = newView.projection;
     });
     setSchema(() => newSchema);
   }, [
     view,
+    updateView,
     schema
   ]);
   const handleToggleField = useCallback((column2) => {
@@ -101,24 +103,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(() => {
+    if (!space) {
+      return;
+    }
     const newView = View.make({
       query: Query.select(Filter.type(Task.Task)),
       jsonSchema: Type.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,18 +134,20 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     });
     setExpandedId(newView.id);
   }, [
-    pipeline
+    space,
+    updateColumns
   ]);
   const handleColumnSave = useCallback((values) => {
     if (column) {
-      const columnIndex = pipeline.columns.findIndex((c) => c === column);
-      Obj.change(pipeline, (p) => {
-        p.columns[columnIndex].name = values.name;
+      const columnIndex = columns.findIndex((c) => c === column);
+      updateColumns((columns2) => {
+        columns2[columnIndex].name = values.name;
       });
     }
   }, [
     column,
-    pipeline
+    columns,
+    updateColumns
   ]);
   return /* @__PURE__ */ React.createElement("div", {
     role: "none",
@@ -146,14 +155,14 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
   }, /* @__PURE__ */ React.createElement("h2", {
     className: "text-sm text-description plb-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,
@@ -176,7 +185,7 @@ 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"
   }, /* @__PURE__ */ React.createElement(Form.Root, {
@@ -189,7 +198,7 @@ var PipelineObjectSettings = ({ classNames, pipeline }) => {
     mode: "tag",
     readonly: true,
     schema,
-    view,
+    view: column2.view.target,
     registry: space?.db.schemaRegistry,
     tags,
     types,
@@ -209,4 +218,4 @@ export {
   PipelineObjectSettings,
   PipelineSettings_default as default
 };
-//# sourceMappingURL=PipelineSettings-YSGSJHBT.mjs.map
+//# sourceMappingURL=PipelineSettings-R54RTVWZ.mjs.map

package/dist/lib/browser/PipelineSettings-R54RTVWZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/PipelineSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { DXN, Filter, Query, type QueryAST, Ref, Tag, Type } from '@dxos/echo';\nimport { type Mutable } from '@dxos/echo/internal';\nimport { useTypeOptions } from '@dxos/plugin-space';\nimport { resolveSchemaWithRegistry } from '@dxos/plugin-space';\nimport { getSpace, useObject, useQuery } from '@dxos/react-client/echo';\nimport { IconButton, type ThemedClassName, useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Form, ViewEditor } from '@dxos/react-ui-form';\nimport { List } from '@dxos/react-ui-list';\nimport { type ProjectionModel, View } from '@dxos/schema';\nimport { Pipeline, Task } from '@dxos/types';\nimport { mx, osTranslations, subtleHover } from '@dxos/ui-theme';\nimport { arrayMove } from '@dxos/util';\n\nimport { meta } from '../meta';\n\nconst listGrid = 'grid grid-cols-[min-content_1fr_min-content_min-content_min-content]';\nconst listItemGrid = 'grid grid-cols-subgrid col-span-5';\n\nconst ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick('name'));\n\n// TODO(burdon): Standardize Object/Plugin settings.\nexport type PipelineObjectSettingsProps = ThemedClassName<{\n  pipeline: Pipeline.Pipeline;\n}>;\n\n/**\n * Supports editing the pipeline view.\n */\nexport const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = getSpace(pipeline);\n  const [expandedId, setExpandedId] = useState<string>();\n  const [columns, updateColumns] = useObject(pipeline, 'columns');\n  const column = useMemo(\n    () => columns.find((column) => column.view.dxn.toString() === expandedId),\n    [columns, expandedId],\n  );\n  const [view, updateView] = useObject(column?.view);\n  const [schema, setSchema] = useState<Schema.Schema.AnyNoContext>(() => Schema.Struct({}));\n  const projectionRef = useRef<ProjectionModel>(null);\n  const tags = useQuery(space?.db, Filter.type(Tag.Tag));\n  const types = useTypeOptions({\n    space,\n    annotation: {\n      location: ['database', 'runtime'],\n      kind: ['user'],\n      registered: ['registered', 'unregistered'],\n    },\n  });\n\n  useAsyncEffect(async () => {\n    if (!view?.query || !space) {\n      return;\n    }\n\n    const foundSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, view.query.ast);\n    if (foundSchema && foundSchema !== schema) {\n      setSchema(() => foundSchema);\n    }\n  }, [space, view, schema]);\n\n  const handleMove = useCallback(\n    (fromIndex: number, toIndex: number) =>\n      updateColumns((columns) => {\n        arrayMove(columns, fromIndex, toIndex);\n      }),\n    [updateColumns],\n  );\n\n  const handleQueryChanged = useCallback(\n    async (newQuery: QueryAST.Query, target?: string) => {\n      if (!view || !space) {\n        return;\n      }\n\n      const queue = target && DXN.tryParse(target) ? target : undefined;\n      const query = queue ? Query.fromAst(newQuery).options({ queues: [queue] }) : Query.fromAst(newQuery);\n      updateView((view) => {\n        view.query.ast = query.ast as Mutable<typeof query.ast>;\n      });\n      const newSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);\n      if (!newSchema) {\n        return;\n      }\n\n      const newView = View.make({\n        query,\n        jsonSchema: Type.toJsonSchema(newSchema),\n      });\n      updateView((view) => {\n        view.projection = newView.projection as Mutable<typeof view.projection>;\n      });\n\n      setSchema(() => newSchema);\n    },\n    [view, updateView, schema],\n  );\n\n  const handleToggleField = useCallback((column: Pipeline.Column) => {\n    setExpandedId((prevExpandedId) =>\n      prevExpandedId === column.view.dxn.toString() ? undefined : column.view.dxn.toString(),\n    );\n  }, []);\n\n  const handleDelete = useCallback(\n    async (column: Pipeline.Column) => {\n      if (column.view.dxn.toString() === expandedId) {\n        setExpandedId(undefined);\n      }\n\n      const index = columns.findIndex((l) => l === column);\n      const viewToRemove = await column.view.load();\n      updateColumns((columns) => {\n        columns.splice(index, 1);\n      });\n      space?.db.remove(viewToRemove);\n    },\n    [expandedId, columns, updateColumns, space],\n  );\n\n  const handleAdd = useCallback(() => {\n    if (!space) {\n      return;\n    }\n    const newView = View.make({\n      query: Query.select(Filter.type(Task.Task)),\n      jsonSchema: Type.toJsonSchema(Task.Task),\n    });\n    space.db.add(newView);\n    updateColumns((columns) => {\n      columns.push({\n        name: 'Tasks',\n        // Type assertion needed due to QueryAST type variance.\n        view: Ref.make(newView) as (typeof columns)[number]['view'],\n        order: [],\n      });\n    });\n    setExpandedId(newView.id);\n  }, [space, updateColumns]);\n\n  const handleColumnSave = useCallback(\n    (values: Schema.Schema.Type<typeof ColumnFormSchema>) => {\n      if (column) {\n        const columnIndex = columns.findIndex((c) => c === column);\n        updateColumns((columns) => {\n          columns[columnIndex].name = values.name;\n        });\n      }\n    },\n    [column, columns, updateColumns],\n  );\n\n  return (\n    <div role='none' className={mx('plb-cardSpacingBlock overflow-y-auto', classNames)}>\n      <h2 className='text-sm text-description plb-1'>{t('views label')}</h2>\n\n      <List.Root<Pipeline.Column>\n        items={columns}\n        isItem={Schema.is(Pipeline.Column)}\n        getId={(column) => column.view.dxn.toString()}\n        onMove={handleMove}\n      >\n        {({ items: columns }) => (\n          <>\n            <div role='list' className={mx(listGrid)}>\n              {columns.map((column) => (\n                <List.Item<Pipeline.Column>\n                  key={column.view.dxn.toString()}\n                  item={column}\n                  classNames={listItemGrid}\n                  aria-expanded={expandedId === column.view.dxn.toString()}\n                >\n                  <div role='none' className={mx(subtleHover, listItemGrid, 'rounded-sm cursor-pointer min-bs-10')}>\n                    <List.ItemDragHandle />\n                    <List.ItemTitle onClick={() => handleToggleField(column)}>{column.name}</List.ItemTitle>\n                    <List.ItemDeleteButton\n                      label={t('delete view label')}\n                      autoHide={false}\n                      onClick={() => handleDelete(column)}\n                      data-testid='view.delete'\n                    />\n                    <IconButton\n                      iconOnly\n                      variant='ghost'\n                      label={t('toggle expand label', { ns: osTranslations })}\n                      icon={\n                        expandedId === column.view.dxn.toString()\n                          ? 'ph--caret-down--regular'\n                          : 'ph--caret-right--regular'\n                      }\n                      onClick={() => handleToggleField(column)}\n                    />\n                  </div>\n                  {expandedId === column.view.dxn.toString() && column?.view.target && (\n                    <div role='none' className='col-span-5 mlb-2 border border-separator rounded-md'>\n                      <Form.Root schema={ColumnFormSchema} values={column} autoSave onSave={handleColumnSave}>\n                        <Form.Content>\n                          <Form.FieldSet />\n                        </Form.Content>\n                      </Form.Root>\n                      <ViewEditor\n                        ref={projectionRef}\n                        mode='tag'\n                        readonly\n                        schema={schema}\n                        view={column.view.target}\n                        registry={space?.db.schemaRegistry}\n                        tags={tags}\n                        types={types}\n                        onQueryChanged={handleQueryChanged}\n                      />\n                    </div>\n                  )}\n                </List.Item>\n              ))}\n            </div>\n          </>\n        )}\n      </List.Root>\n\n      <div role='none' className='mlb-cardSpacingBlock'>\n        <IconButton icon='ph--plus--regular' label={t('add view label')} onClick={handleAdd} classNames='is-full' />\n      </div>\n    </div>\n  );\n};\n\nexport default PipelineObjectSettings;\n"],
+  "mappings": "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",
+  "names": ["Schema", "React", "useCallback", "useMemo", "useRef", "useState", "DXN", "Filter", "Query", "Ref", "Tag", "Type", "useTypeOptions", "resolveSchemaWithRegistry", "getSpace", "useObject", "useQuery", "IconButton", "useAsyncEffect", "useTranslation", "Form", "ViewEditor", "List", "View", "Pipeline", "Task", "mx", "osTranslations", "subtleHover", "arrayMove", "listGrid", "listItemGrid", "ColumnFormSchema", "Pipeline", "Column", "pipe", "mutable", "pick", "PipelineObjectSettings", "classNames", "pipeline", "t", "useTranslation", "meta", "id", "space", "getSpace", "expandedId", "setExpandedId", "useState", "columns", "updateColumns", "useObject", "column", "useMemo", "find", "view", "dxn", "toString", "updateView", "schema", "setSchema", "Struct", "projectionRef", "useRef", "tags", "useQuery", "db", "Filter", "type", "Tag", "types", "useTypeOptions", "annotation", "location", "kind", "registered", "useAsyncEffect", "query", "foundSchema", "resolveSchemaWithRegistry", "schemaRegistry", "ast", "handleMove", "useCallback", "fromIndex", "toIndex", "arrayMove", "handleQueryChanged", "newQuery", "target", "queue", "DXN", "tryParse", "undefined", "Query", "fromAst", "options", "queues", "newSchema", "newView", "View", "make", "jsonSchema", "Type", "toJsonSchema", "projection", "handleToggleField", "prevExpandedId", "handleDelete", "index", "findIndex", "l", "viewToRemove", "load", "splice", "remove", "handleAdd", "select", "Task", "add", "push", "name", "Ref", "order", "handleColumnSave", "values", "columnIndex", "c", "div", "role", "className", "mx", "h2", "List", "Root", "items", "isItem", "is", "getId", "onMove", "map", "Item", "key", "item", "aria-expanded", "subtleHover", "ItemDragHandle", "ItemTitle", "onClick", "ItemDeleteButton", "label", "autoHide", "data-testid", "IconButton", "iconOnly", "variant", "ns", "osTranslations", "icon", "Form", "autoSave", "onSave", "Content", "FieldSet", "ViewEditor", "ref", "mode", "readonly", "registry", "onQueryChanged"]
+}

package/dist/lib/browser/index.mjs

@@ -40,7 +40,7 @@ var operation_resolver_default = Capability2.makeModule(() => Effect.succeed(Cap
 
 // src/capabilities/react-surface/index.ts
 import { Capability as Capability3 } from "@dxos/app-framework";
-var ReactSurface = Capability3.lazy("ReactSurface", () => import("./react-surface-JMMCTIL3.mjs"));
+var ReactSurface = Capability3.lazy("ReactSurface", () => import("./react-surface-CMTEEE6F.mjs"));
 
 // src/translations.ts
 import { Pipeline as Pipeline2 } from "@dxos/types";