@dxos/plugin-pipeline 0.8.4-main.fcfe5033a5 → 0.9.0

package/dist/lib/neutral/PipelinePlugin.node.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PipelinePlugin.node.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Pipeline } from '@dxos/types';\n\nimport { AppGraphBuilder, CreateObject } from '#capabilities';\nimport { meta } from '#meta';\n\nexport const PipelinePlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addSchemaModule({ schema: [Pipeline.Pipeline] }),\n  Plugin.make,\n);\n\nexport default PipelinePlugin;\n"],
+  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AAEzB,SAASC,iBAAiBC,oBAAoB;AAC9C,SAASC,YAAY;AAEd,IAAMC,iBAAiBN,OAAOO,OAAOF,IAAAA,EAAMG,KAChDP,UAAUQ,kBAAkB;EAAEC,UAAUP;AAAgB,CAAA,GACxDF,UAAUU,sBAAsB;EAAED,UAAUN;AAAa,CAAA,GACzDH,UAAUW,gBAAgB;EAAEC,QAAQ;IAACX,SAASA;;AAAU,CAAA,GACxDF,OAAOc,IAAI;AAGb,IAAA,8BAAeR;",
+  "names": ["Plugin", "AppPlugin", "Pipeline", "AppGraphBuilder", "CreateObject", "meta", "PipelinePlugin", "define", "pipe", "addAppGraphModule", "activate", "addCreateObjectModule", "addSchemaModule", "schema", "make"]
+}

package/dist/lib/neutral/PipelinePlugin.workerd.mjs

@@ -0,0 +1,16 @@
+// src/PipelinePlugin.workerd.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Pipeline } from "@dxos/types";
+import { meta } from "#meta";
+var PipelinePlugin = Plugin.define(meta).pipe(AppPlugin.addSchemaModule({
+  schema: [
+    Pipeline.Pipeline
+  ]
+}), Plugin.make);
+var PipelinePlugin_workerd_default = PipelinePlugin;
+export {
+  PipelinePlugin,
+  PipelinePlugin_workerd_default as default
+};
+//# sourceMappingURL=PipelinePlugin.workerd.mjs.map

package/dist/lib/neutral/PipelinePlugin.workerd.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PipelinePlugin.workerd.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Pipeline } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nexport const PipelinePlugin = Plugin.define(meta).pipe(\n  AppPlugin.addSchemaModule({ schema: [Pipeline.Pipeline] }),\n  Plugin.make,\n);\n\nexport default PipelinePlugin;\n"],
+  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AAEzB,SAASC,YAAY;AAEd,IAAMC,iBAAiBJ,OAAOK,OAAOF,IAAAA,EAAMG,KAChDL,UAAUM,gBAAgB;EAAEC,QAAQ;IAACN,SAASA;;AAAU,CAAA,GACxDF,OAAOS,IAAI;AAGb,IAAA,iCAAeL;",
+  "names": ["Plugin", "AppPlugin", "Pipeline", "meta", "PipelinePlugin", "define", "pipe", "addSchemaModule", "schema", "make"]
+}

package/dist/lib/neutral/PipelineProperties-JZQYG2CN.mjs

@@ -0,0 +1,209 @@
+// src/containers/PipelineProperties/PipelineProperties.tsx
+import * as Schema from "effect/Schema";
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { resolveSchemaWithRegistry } from "@dxos/app-toolkit/query";
+import { useTypeOptions } from "@dxos/app-toolkit/ui";
+import { Filter, JsonSchema, Obj, Query, Ref, Scope, Tag } from "@dxos/echo";
+import { 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 { ViewModel } from "@dxos/schema";
+import { Pipeline } from "@dxos/types";
+import { mx, osTranslations } from "@dxos/ui-theme";
+import { arrayMove } from "@dxos/util";
+import { meta } from "#meta";
+var listGrid = "grid grid-cols-[min-content_1fr_min-content_min-content_min-content]";
+var listItemGrid = "grid grid-cols-subgrid col-span-5";
+var ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick("name"));
+var PipelineProperties = ({ classNames, pipeline }) => {
+  const { t } = useTranslation(meta.id);
+  const db = Obj.getDatabase(pipeline);
+  const [expandedId, setExpandedId] = useState();
+  const [columns, updateColumns] = useObject(pipeline, "columns");
+  const column = useMemo(() => columns.find((column2) => column2.view.uri === expandedId), [
+    columns,
+    expandedId
+  ]);
+  const [view, updateView] = useObject(column?.view);
+  const [type, setType] = useState();
+  const projectionRef = useRef(null);
+  const tags = useQuery(db, Filter.type(Tag.Tag));
+  const types = useTypeOptions({
+    db,
+    annotation: {
+      location: [
+        "database",
+        "runtime"
+      ],
+      kind: [
+        "user"
+      ]
+    }
+  });
+  useAsyncEffect(async () => {
+    if (!view?.query || !db) {
+      return;
+    }
+    const foundType = await resolveSchemaWithRegistry(db, view.query.ast);
+    if (foundType && foundType !== type) {
+      setType(() => foundType);
+    }
+  }, [
+    db,
+    view,
+    type
+  ]);
+  const handleMove = useCallback((fromIndex, toIndex) => updateColumns((columns2) => {
+    arrayMove(columns2, fromIndex, toIndex);
+  }), [
+    updateColumns
+  ]);
+  const handleQueryChanged = useCallback(async (newQuery, target) => {
+    if (!view || !db) {
+      return;
+    }
+    const queue = target;
+    const query = queue ? Query.fromAst(newQuery).from([
+      Scope.feed(String(queue))
+    ]) : Query.fromAst(newQuery);
+    updateView((view2) => {
+      view2.query.ast = query.ast;
+    });
+    const newType = await resolveSchemaWithRegistry(db, query.ast);
+    if (!newType) {
+      return;
+    }
+    const newView = ViewModel.make({
+      query,
+      jsonSchema: newType.jsonSchema
+    });
+    updateView((view2) => {
+      view2.projection = Obj.getSnapshot(newView).projection;
+    });
+    setType(() => newType);
+  }, [
+    db,
+    view,
+    updateView,
+    type
+  ]);
+  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.uri ? void 0 : column2.view.uri);
+  }, []);
+  const handleDelete = useCallback(async (column2) => {
+    if (column2.view.uri === expandedId) {
+      setExpandedId(void 0);
+    }
+    const index = columns.findIndex((l) => l === column2);
+    const viewToRemove = await column2.view.load();
+    updateColumns((columns2) => {
+      columns2.splice(index, 1);
+    });
+    db?.remove(viewToRemove);
+  }, [
+    expandedId,
+    columns,
+    updateColumns,
+    db
+  ]);
+  const handleAdd = useCallback(() => {
+    if (!db) {
+      return;
+    }
+    const newView = ViewModel.make({
+      query: Query.select(Filter.nothing()),
+      jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({}))
+    });
+    db.add(newView);
+    updateColumns((columns2) => {
+      columns2.push({
+        name: "",
+        // Type assertion needed due to QueryAST type variance.
+        view: Ref.make(newView),
+        order: []
+      });
+    });
+    setExpandedId(newView.id);
+  }, [
+    db,
+    updateColumns
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("py-form-padding overflow-y-auto", classNames)
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "text-sm text-description py-1"
+  }, t("views.label")), /* @__PURE__ */ React.createElement(List.Root, {
+    items: columns,
+    isItem: Schema.is(Pipeline.Column),
+    getId: (column2) => column2.view.uri,
+    onMove: handleMove
+  }, ({ items: columns2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+    role: "list",
+    className: mx(listGrid)
+  }, columns2.map((column2) => /* @__PURE__ */ React.createElement(List.Item, {
+    key: column2.view.uri,
+    item: column2,
+    classNames: listItemGrid,
+    "aria-expanded": expandedId === column2.view.uri
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: mx(listItemGrid, "dx-hover rounded-xs cursor-pointer min-h-10")
+  }, /* @__PURE__ */ React.createElement(List.ItemDragHandle, null), /* @__PURE__ */ React.createElement(List.ItemTitle, {
+    onClick: () => handleToggleField(column2)
+  }, column2.name || t("untitled-view.title")), /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
+    label: t("delete-view.label"),
+    autoHide: false,
+    onClick: () => handleDelete(column2),
+    "data-testid": "view.delete"
+  }), /* @__PURE__ */ React.createElement(IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    label: t("toggle-expand.label", {
+      ns: osTranslations
+    }),
+    icon: expandedId === column2.view.uri ? "ph--caret-down--regular" : "ph--caret-right--regular",
+    onClick: () => handleToggleField(column2)
+  })), expandedId === column2.view.uri && column2?.view.target && /* @__PURE__ */ React.createElement("div", {
+    className: "col-span-5 my-2 border border-separator rounded-md"
+  }, /* @__PURE__ */ React.createElement(Form.Root, {
+    schema: ColumnFormSchema,
+    values: column2,
+    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,
+    type,
+    view: column2.view.target,
+    registry: db?.graph.registry,
+    db,
+    tags,
+    types,
+    onQueryChanged: handleQueryChanged
+  }))))))), /* @__PURE__ */ React.createElement("div", {
+    className: "my-form-padding"
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--plus--regular",
+    label: t("add-view.label"),
+    onClick: handleAdd,
+    classNames: "w-full"
+  })));
+};
+export {
+  PipelineProperties as default
+};
+//# sourceMappingURL=PipelineProperties-JZQYG2CN.mjs.map

package/dist/lib/neutral/PipelineProperties-JZQYG2CN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/PipelineProperties/PipelineProperties.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 { resolveSchemaWithRegistry } from '@dxos/app-toolkit/query';\nimport { useTypeOptions } from '@dxos/app-toolkit/ui';\nimport { EID, Filter, JsonSchema, Obj, Query, type QueryAST, Ref, Scope, Tag, type Type } from '@dxos/echo';\nimport { type Mutable } from '@dxos/echo/Obj';\nimport { SchemaEx } from '@dxos/effect';\nimport { 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, ViewModel } from '@dxos/schema';\nimport { Pipeline } from '@dxos/types';\nimport { mx, osTranslations } 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\nexport type PipelinePropertiesProps = ThemedClassName<{\n  pipeline: Pipeline.Pipeline;\n}>;\n\n/**\n * Supports editing the pipeline view.\n */\nexport const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesProps) => {\n  const { t } = useTranslation(meta.id);\n  const db = Obj.getDatabase(pipeline);\n  const [expandedId, setExpandedId] = useState<string>();\n  const [columns, updateColumns] = useObject(pipeline, 'columns');\n  const column = useMemo(() => columns.find((column) => column.view.uri === expandedId), [columns, expandedId]);\n  const [view, updateView] = useObject(column?.view);\n  const [type, setType] = useState<Type.AnyEntity>();\n  const projectionRef = useRef<ProjectionModel>(null);\n  const tags = useQuery(db, Filter.type(Tag.Tag));\n  const types = useTypeOptions({\n    db,\n    annotation: {\n      location: ['database', 'runtime'],\n      kind: ['user'],\n    },\n  });\n\n  useAsyncEffect(async () => {\n    if (!view?.query || !db) {\n      return;\n    }\n\n    const foundType = await resolveSchemaWithRegistry(db, view.query.ast);\n    if (foundType && foundType !== type) {\n      setType(() => foundType);\n    }\n  }, [db, view, type]);\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?: EID.EID) => {\n      if (!view || !db) {\n        return;\n      }\n\n      const queue = target;\n      const query = queue ? Query.fromAst(newQuery).from([Scope.feed(String(queue))]) : Query.fromAst(newQuery);\n      updateView((view) => {\n        view.query.ast = query.ast as Mutable<typeof query.ast>;\n      });\n      const newType = await resolveSchemaWithRegistry(db, query.ast);\n      if (!newType) {\n        return;\n      }\n\n      const newView = ViewModel.make({\n        query,\n        jsonSchema: newType.jsonSchema,\n      });\n      updateView((view) => {\n        view.projection = Obj.getSnapshot(newView).projection as Mutable<typeof view.projection>;\n      });\n\n      setType(() => newType);\n    },\n    [db, view, updateView, type],\n  );\n\n  const handleColumnValuesChanged = useCallback(\n    (column: Pipeline.Column) =>\n      (newValues: { name?: string }, { changed }: { changed: Record<SchemaEx.JsonPath, boolean> }) => {\n        if (changed['name' as SchemaEx.JsonPath]) {\n          const columnIndex = columns.findIndex((c) => c === column);\n          if (columnIndex === -1) {\n            return;\n          }\n          updateColumns((cols) => {\n            cols[columnIndex].name = newValues.name ?? '';\n          });\n        }\n      },\n    [columns, updateColumns],\n  );\n\n  const handleToggleField = useCallback((column: Pipeline.Column) => {\n    setExpandedId((prevExpandedId) => (prevExpandedId === column.view.uri ? undefined : column.view.uri));\n  }, []);\n\n  const handleDelete = useCallback(\n    async (column: Pipeline.Column) => {\n      if (column.view.uri === 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      db?.remove(viewToRemove);\n    },\n    [expandedId, columns, updateColumns, db],\n  );\n\n  const handleAdd = useCallback(() => {\n    if (!db) {\n      return;\n    }\n    const newView = ViewModel.make({\n      query: Query.select(Filter.nothing()),\n      jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({})),\n    });\n    db.add(newView);\n    updateColumns((columns) => {\n      columns.push({\n        name: '',\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  }, [db, updateColumns]);\n\n  return (\n    <div className={mx('py-form-padding overflow-y-auto', classNames)}>\n      <h2 className='text-sm text-description py-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.uri}\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.uri}\n                  item={column}\n                  classNames={listItemGrid}\n                  aria-expanded={expandedId === column.view.uri}\n                >\n                  <div className={mx(listItemGrid, 'dx-hover rounded-xs cursor-pointer min-h-10')}>\n                    <List.ItemDragHandle />\n                    <List.ItemTitle onClick={() => handleToggleField(column)}>\n                      {column.name || t('untitled-view.title')}\n                    </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={expandedId === column.view.uri ? 'ph--caret-down--regular' : 'ph--caret-right--regular'}\n                      onClick={() => handleToggleField(column)}\n                    />\n                  </div>\n                  {expandedId === column.view.uri && column?.view.target && (\n                    <div className='col-span-5 my-2 border border-separator rounded-md'>\n                      <Form.Root\n                        schema={ColumnFormSchema}\n                        values={column}\n                        onValuesChanged={handleColumnValuesChanged(column)}\n                      >\n                        <Form.Content>\n                          <Form.FieldSet />\n                        </Form.Content>\n                      </Form.Root>\n                      <ViewEditor\n                        ref={projectionRef}\n                        mode='tag'\n                        readonly\n                        type={type}\n                        view={column.view.target}\n                        registry={db?.graph.registry}\n                        db={db}\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 className='my-form-padding'>\n        <IconButton icon='ph--plus--regular' label={t('add-view.label')} onClick={handleAdd} classNames='w-full' />\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Schema", "React", "useCallback", "useMemo", "useRef", "useState", "resolveSchemaWithRegistry", "useTypeOptions", "Filter", "JsonSchema", "Obj", "Query", "Ref", "Scope", "Tag", "useObject", "useQuery", "IconButton", "useAsyncEffect", "useTranslation", "Form", "ViewEditor", "List", "ViewModel", "Pipeline", "mx", "osTranslations", "arrayMove", "meta", "listGrid", "listItemGrid", "ColumnFormSchema", "Column", "pipe", "mutable", "pick", "PipelineProperties", "classNames", "pipeline", "t", "id", "db", "getDatabase", "expandedId", "setExpandedId", "columns", "updateColumns", "column", "find", "view", "uri", "updateView", "type", "setType", "projectionRef", "tags", "types", "annotation", "location", "kind", "query", "foundType", "ast", "handleMove", "fromIndex", "toIndex", "handleQueryChanged", "newQuery", "target", "queue", "fromAst", "from", "feed", "String", "newType", "newView", "make", "jsonSchema", "projection", "getSnapshot", "handleColumnValuesChanged", "newValues", "changed", "columnIndex", "findIndex", "c", "cols", "name", "handleToggleField", "prevExpandedId", "undefined", "handleDelete", "index", "l", "viewToRemove", "load", "splice", "remove", "handleAdd", "select", "nothing", "toJsonSchema", "Struct", "add", "push", "order", "div", "className", "h2", "Root", "items", "isItem", "is", "getId", "onMove", "role", "map", "Item", "key", "item", "aria-expanded", "ItemDragHandle", "ItemTitle", "onClick", "ItemDeleteButton", "label", "autoHide", "data-testid", "iconOnly", "variant", "ns", "icon", "schema", "values", "onValuesChanged", "Content", "FieldSet", "ref", "mode", "readonly", "registry", "graph", "onQueryChanged"]
+}

package/dist/lib/neutral/app-graph-builder-ZLGRWRJU.mjs

@@ -0,0 +1,44 @@
+// src/capabilities/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, AppNode } from "@dxos/app-toolkit";
+import { GraphBuilder } from "@dxos/plugin-graph";
+import { Pipeline } from "@dxos/types";
+import { meta } from "#meta";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const extensions = yield* Effect.all([
+    GraphBuilder.createTypeExtension({
+      id: "triggers",
+      type: Pipeline.Pipeline,
+      connector: () => Effect.succeed([
+        AppNode.makeCompanion({
+          id: "invocations",
+          label: [
+            "pipeline-invocations.label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--clock-countdown--regular",
+          data: "invocations"
+        }),
+        AppNode.makeCompanion({
+          id: "automation",
+          label: [
+            "pipeline-automation.label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--lightning--regular",
+          data: "automation"
+        })
+      ])
+    })
+  ]);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-ZLGRWRJU.mjs.map

package/dist/lib/neutral/app-graph-builder-ZLGRWRJU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities, AppNode } from '@dxos/app-toolkit';\nimport { GraphBuilder } from '@dxos/plugin-graph';\nimport { Pipeline } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* Effect.all([\n      GraphBuilder.createTypeExtension({\n        id: 'triggers',\n        type: Pipeline.Pipeline,\n        connector: () =>\n          Effect.succeed([\n            AppNode.makeCompanion({\n              id: 'invocations',\n              label: ['pipeline-invocations.label', { ns: meta.id }],\n              icon: 'ph--clock-countdown--regular',\n              data: 'invocations',\n            }),\n            AppNode.makeCompanion({\n              id: 'automation',\n              label: ['pipeline-automation.label', { ns: meta.id }],\n              icon: 'ph--lightning--regular',\n              data: 'automation',\n            }),\n          ]),\n      }),\n    ]);\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": ";AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiBC,eAAe;AACzC,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB;AAEzB,SAASC,YAAY;AAErB,IAAA,4BAAeL,WAAWM,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAcC,WAAI;IACnCN,aAAaO,oBAAoB;MAC/BC,IAAI;MACJC,MAAMR,SAASA;MACfS,WAAW,MACFC,eAAQ;QACbZ,QAAQa,cAAc;UACpBJ,IAAI;UACJK,OAAO;YAAC;YAA8B;cAAEC,IAAIZ,KAAKM;YAAG;;UACpDO,MAAM;UACNC,MAAM;QACR,CAAA;QACAjB,QAAQa,cAAc;UACpBJ,IAAI;UACJK,OAAO;YAAC;YAA6B;cAAEC,IAAIZ,KAAKM;YAAG;;UACnDO,MAAM;UACNC,MAAM;QACR,CAAA;OACD;IACL,CAAA;GACD;AAED,SAAOnB,WAAWoB,YAAYnB,gBAAgBoB,iBAAiBb,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "AppNode", "GraphBuilder", "Pipeline", "meta", "makeModule", "fnUntraced", "extensions", "all", "createTypeExtension", "id", "type", "connector", "succeed", "makeCompanion", "label", "ns", "icon", "data", "contributes", "AppGraphBuilder"]
+}

package/dist/lib/neutral/capabilities/index.mjs

@@ -0,0 +1,11 @@
+// src/capabilities/index.ts
+import { Capability } from "@dxos/app-framework";
+var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("../app-graph-builder-ZLGRWRJU.mjs"));
+var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-6Z4MMGX4.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-QG7QSZSS.mjs"));
+export {
+  AppGraphBuilder,
+  CreateObject,
+  ReactSurface
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/capabilities/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/capabilities/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n"],
+  "mappings": ";AAIA,SAASA,kBAAkB;AAEpB,IAAMC,kBAAkBD,WAAWE,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,eAAeH,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAME,eAAeJ,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;",
+  "names": ["Capability", "AppGraphBuilder", "lazy", "CreateObject", "ReactSurface"]
+}

package/dist/lib/neutral/chunk-CYXDAAKN.mjs

@@ -0,0 +1,35 @@
+// src/meta.ts
+import { Plugin } from "@dxos/app-framework";
+import { DXN } from "@dxos/keys";
+import { trim } from "@dxos/util";
+var meta = Plugin.makeMeta({
+  key: DXN.make("org.dxos.plugin.pipeline"),
+  name: "Pipelines",
+  author: "DXOS",
+  description: trim`
+    A multi-column Kanban-style pipeline plugin for DXOS Composer.
+    Each Pipeline holds an ordered set of Columns; each Column is backed by a ViewModel whose query
+    can select any ECHO object type — messages, contacts, documents, or custom types — from the active space.
+
+    Columns are fully configurable through the Settings companion panel, where users can add, rename,
+    reorder, and delete columns and edit the underlying query and projection for each column.
+    Objects can be dragged between columns and the full pipeline state, including column order and
+    per-column item order, persists collaboratively via ECHO.
+
+    A built-in Research template scaffolds a four-column pipeline wired to the Mailbox, Contacts,
+    Organizations, and Notes objects in the space, providing an out-of-the-box CRM-style workflow.
+    Pipeline articles also expose Invocations and Automation companion tabs for AI-driven automation.
+  `,
+  icon: "ph--path--regular",
+  iconHue: "purple",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-pipeline",
+  spec: "PLUGIN.mdl",
+  tags: [
+    "labs"
+  ]
+});
+
+export {
+  meta
+};
+//# sourceMappingURL=chunk-CYXDAAKN.mjs.map

package/dist/lib/neutral/chunk-CYXDAAKN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { DXN } from '@dxos/keys';\nimport { trim } from '@dxos/util';\n\nexport const meta = Plugin.makeMeta({\n  key: DXN.make('org.dxos.plugin.pipeline'),\n  name: 'Pipelines',\n  author: 'DXOS',\n  description: trim`\n    A multi-column Kanban-style pipeline plugin for DXOS Composer.\n    Each Pipeline holds an ordered set of Columns; each Column is backed by a ViewModel whose query\n    can select any ECHO object type — messages, contacts, documents, or custom types — from the active space.\n\n    Columns are fully configurable through the Settings companion panel, where users can add, rename,\n    reorder, and delete columns and edit the underlying query and projection for each column.\n    Objects can be dragged between columns and the full pipeline state, including column order and\n    per-column item order, persists collaboratively via ECHO.\n\n    A built-in Research template scaffolds a four-column pipeline wired to the Mailbox, Contacts,\n    Organizations, and Notes objects in the space, providing an out-of-the-box CRM-style workflow.\n    Pipeline articles also expose Invocations and Automation companion tabs for AI-driven automation.\n  `,\n  icon: 'ph--path--regular',\n  iconHue: 'purple',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-pipeline',\n  spec: 'PLUGIN.mdl',\n  tags: ['labs'],\n});\n"],
+  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,YAAY;AAEd,IAAMC,OAAOH,OAAOI,SAAS;EAClCC,KAAKJ,IAAIK,KAAK,0BAAA;EACdC,MAAM;EACNC,QAAQ;EACRC,aAAaP;;;;;;;;;;;;;;EAcbQ,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,MAAM;IAAC;;AACT,CAAA;",
+  "names": ["Plugin", "DXN", "trim", "meta", "makeMeta", "key", "make", "name", "author", "description", "icon", "iconHue", "source", "spec", "tags"]
+}

package/dist/lib/neutral/components/index.mjs

@@ -0,0 +1,203 @@
+// src/components/PipelineComponent/PipelineColumn.tsx
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import React2, { forwardRef, useMemo, useRef, useState } from "react";
+import { resolveSchemaWithRegistry } from "@dxos/app-toolkit/query";
+import { Filter, Obj as Obj2, Query, Type } from "@dxos/echo";
+import { useObject } from "@dxos/react-client/echo";
+import { Panel, Toolbar as Toolbar2, useAsyncEffect, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Card } from "@dxos/react-ui";
+import { Menu } from "@dxos/react-ui-menu";
+import { Board as Board2, Focus, Mosaic } from "@dxos/react-ui-mosaic";
+import { ProjectionModel, createEchoChangeCallback } from "@dxos/schema";
+import { meta as meta2 } from "#meta";
+
+// src/components/PipelineComponent/PipelineComponent.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import { createContext } from "@radix-ui/react-context";
+import { Slot } from "@radix-ui/react-slot";
+import React from "react";
+import { Obj } from "@dxos/echo";
+import { Toolbar, useTranslation } from "@dxos/react-ui";
+import { composable, composableProps, slottable } from "@dxos/react-ui";
+import { Board, useBoard, useEventHandlerAdapter } from "@dxos/react-ui-mosaic";
+import { meta } from "#meta";
+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 = slottable(({ asChild, model, children, ...props }, forwardedRef) => {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ React.createElement(Board.Root, {
+    model
+  }, /* @__PURE__ */ React.createElement(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,
+    // 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.update(pipeline, (pipeline2) => mutate(pipeline2.columns))
+  });
+  return /* @__PURE__ */ React.createElement(Board.Content, {
+    ...props,
+    id: "pipeline",
+    eventHandler,
+    Tile: PipelineColumn
+  });
+});
+PipelineColumns.displayName = PIPELINE_COLUMNS_NAME;
+var PIPELINE_TOOLBAR_NAME = "Pipeline.Toolbar";
+var PipelineToolbar = composable(({ children, ...props }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);
+  return /* @__PURE__ */ React.createElement(Toolbar.Root, {
+    ...composableProps(props),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+    icon: "ph--plus--regular",
+    iconOnly: true,
+    label: t("add-column.label"),
+    onClick: onAddColumn
+  }));
+});
+PipelineToolbar.displayName = PIPELINE_TOOLBAR_NAME;
+var PipelineComponent = {
+  Root: PipelineRoot,
+  Content: PipelineContent,
+  Columns: PipelineColumns,
+  Toolbar: PipelineToolbar
+};
+
+// src/components/PipelineComponent/PipelineColumn.tsx
+var PIPELINE_COLUMN_NAME = "PipelineColumn";
+var PipelineColumn = ({ data: column, location, classNames, debug }) => {
+  const { t } = useTranslation2(meta2.id);
+  const [dragHandle, setDragHandle] = useState(null);
+  const [viewSnapshot] = useObject(column.view);
+  const view = column.view.target;
+  const db = view && Obj2.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 type2 = await resolveSchemaWithRegistry(db, query.ast);
+    setType(() => type2);
+  }, [
+    db,
+    query
+  ]);
+  const projectionModel = useMemo(() => {
+    if (!type || !view) {
+      return void 0;
+    }
+    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 /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(ItemTile, {
+      ...props,
+      itemProps: {
+        item: props.data,
+        projectionModel
+      },
+      ref
+    }));
+  }, [
+    projectionModel
+  ]);
+  if (!view) {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement(Panel.Root, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Board2.Column.Root, {
+    debug,
+    data: column,
+    location,
+    classNames,
+    dragHandle
+  }, /* @__PURE__ */ React2.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Board2.Column.Header, {
+    classNames: "_opacity-10",
+    label: column.name || t("untitled-view.title"),
+    dragHandleRef: setDragHandle
+  })), /* @__PURE__ */ React2.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Board2.Column.Body, {
+    data: column,
+    Tile: PipelineTile
+  }))));
+};
+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 icon = Obj2.getIcon(data)?.icon ?? "ph--circle-dashed--regular";
+  return /* @__PURE__ */ React2.createElement(Menu.Root, null, /* @__PURE__ */ React2.createElement(Mosaic.Tile, {
+    asChild: true,
+    id: data.id,
+    data,
+    location,
+    debug
+  }, /* @__PURE__ */ React2.createElement(Focus.Item, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Card.Root, {
+    classNames,
+    ref: composedRef
+  }, /* @__PURE__ */ React2.createElement(Card.Header, null, /* @__PURE__ */ React2.createElement(Card.Icon, {
+    icon
+  }), /* @__PURE__ */ React2.createElement(Card.Title, null, Obj2.getLabel(data, {
+    fallback: "typename"
+  })), /* @__PURE__ */ React2.createElement(Card.IconBlock, null, /* @__PURE__ */ React2.createElement(Menu.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Toolbar2.IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    label: "Actions"
+  })), /* @__PURE__ */ React2.createElement(Menu.Content, null))), /* @__PURE__ */ React2.createElement(Card.Body, null, /* @__PURE__ */ React2.createElement(Item, itemProps))))));
+});
+ItemTile.displayName = ITEM_TILE_NAME;
+export {
+  PipelineColumn,
+  PipelineComponent,
+  PipelineToolbar,
+  usePipeline
+};
+//# sourceMappingURL=index.mjs.map