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

package/src/containers/PipelineProperties/PipelineProperties.tsx

@@ -6,35 +6,29 @@ 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 { AppSurface, useTypeOptions } from '@dxos/app-toolkit/ui';
 import { EID, Filter, JsonSchema, Obj, Query, type QueryAST, Ref, Scope, Tag, type Type } from '@dxos/echo';
 import { type Mutable } from '@dxos/echo/Obj';
 import { SchemaEx } from '@dxos/effect';
 import { useObject, useQuery } from '@dxos/react-client/echo';
-import { IconButton, type ThemedClassName, useAsyncEffect, useTranslation } from '@dxos/react-ui';
-import { Form, ViewEditor } from '@dxos/react-ui-form';
-import { List } from '@dxos/react-ui-list';
+import { useAsyncEffect, useTranslation } from '@dxos/react-ui';
+import { Form, FormFieldHeader, ViewEditor } from '@dxos/react-ui-form';
+import { OrderedList } from '@dxos/react-ui-list';
 import { type ProjectionModel, 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';
 
-const listGrid = 'grid grid-cols-[min-content_1fr_min-content_min-content_min-content]';
-const listItemGrid = 'grid grid-cols-subgrid col-span-5';
-
 const ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick('name'));
 
-export type PipelinePropertiesProps = ThemedClassName<{
-  pipeline: Pipeline.Pipeline;
-}>;
+export type PipelinePropertiesProps = AppSurface.ObjectPropertiesProps<Pipeline.Pipeline>;
 
 /**
  * Supports editing the pipeline view.
  */
-export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesProps) => {
-  const { t } = useTranslation(meta.id);
+export const PipelineProperties = ({ subject: pipeline }: PipelinePropertiesProps) => {
+  const { t } = useTranslation(meta.profile.key);
   const db = Obj.getDatabase(pipeline);
   const [expandedId, setExpandedId] = useState<string>();
   const [columns, updateColumns] = useObject(pipeline, 'columns');
@@ -115,10 +109,6 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
     [columns, updateColumns],
   );
 
-  const handleToggleField = useCallback((column: Pipeline.Column) => {
-    setExpandedId((prevExpandedId) => (prevExpandedId === column.view.uri ? undefined : column.view.uri));
-  }, []);
-
   const handleDelete = useCallback(
     async (column: Pipeline.Column) => {
       if (column.view.uri === expandedId) {
@@ -139,11 +129,14 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
     if (!db) {
       return;
     }
-    const newView = ViewModel.make({
-      query: Query.select(Filter.nothing()),
-      jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({})),
-    });
-    db.add(newView);
+
+    const newView = db.add(
+      ViewModel.make({
+        query: Query.select(Filter.nothing()),
+        jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({})),
+      }),
+    );
+
     updateColumns((columns) => {
       columns.push({
         name: '',
@@ -156,79 +149,62 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
   }, [db, updateColumns]);
 
   return (
-    <div className={mx('py-form-padding overflow-y-auto', classNames)}>
-      <h2 className='text-sm text-description py-1'>{t('views.label')}</h2>
-
-      <List.Root<Pipeline.Column>
+    <Form.Section>
+      <FormFieldHeader label={t('columns.label')} add={{ label: t('add-column.label'), onClick: handleAdd }} />
+      <OrderedList.Root<Pipeline.Column>
         items={columns}
         isItem={Schema.is(Pipeline.Column)}
         getId={(column) => column.view.uri}
         onMove={handleMove}
+        expandedId={expandedId}
+        onExpandedChange={setExpandedId}
       >
-        {({ items: columns }) => (
-          <>
-            <div role='list' className={mx(listGrid)}>
-              {columns.map((column) => (
-                <List.Item<Pipeline.Column>
-                  key={column.view.uri}
-                  item={column}
-                  classNames={listItemGrid}
-                  aria-expanded={expandedId === column.view.uri}
-                >
-                  <div className={mx(listItemGrid, 'dx-hover rounded-xs cursor-pointer min-h-10')}>
-                    <List.ItemDragHandle />
-                    <List.ItemTitle onClick={() => handleToggleField(column)}>
-                      {column.name || t('untitled-view.title')}
-                    </List.ItemTitle>
-                    <List.ItemDeleteButton
-                      label={t('delete-view.label')}
-                      autoHide={false}
-                      onClick={() => handleDelete(column)}
-                      data-testid='view.delete'
+        {({ items }) => (
+          <OrderedList.Content>
+            {items.map((column) => (
+              <OrderedList.DetailItem<Pipeline.Column>
+                key={column.view.uri}
+                id={column.view.uri}
+                item={column}
+                title={column.name || t('untitled-column.title')}
+                trailing={
+                  <OrderedList.DeleteButton
+                    label={t('delete-column.label')}
+                    onClick={() => handleDelete(column)}
+                    data-testid='column.delete'
+                  />
+                }
+              >
+                {column.view.target && (
+                  <>
+                    <Form.Root
+                      schema={ColumnFormSchema}
+                      values={column}
+                      onValuesChanged={handleColumnValuesChanged(column)}
+                    >
+                      <Form.Content>
+                        <Form.FieldSet />
+                      </Form.Content>
+                    </Form.Root>
+                    <ViewEditor
+                      ref={projectionRef}
+                      mode='tag'
+                      readonly
+                      type={type}
+                      view={column.view.target}
+                      registry={db?.graph.registry}
+                      db={db}
+                      tags={tags}
+                      types={types}
+                      onQueryChanged={handleQueryChanged}
                     />
-                    <IconButton
-                      iconOnly
-                      variant='ghost'
-                      label={t('toggle-expand.label', { ns: osTranslations })}
-                      icon={expandedId === column.view.uri ? 'ph--caret-down--regular' : 'ph--caret-right--regular'}
-                      onClick={() => handleToggleField(column)}
-                    />
-                  </div>
-                  {expandedId === column.view.uri && column?.view.target && (
-                    <div className='col-span-5 my-2 border border-separator rounded-md'>
-                      <Form.Root
-                        schema={ColumnFormSchema}
-                        values={column}
-                        onValuesChanged={handleColumnValuesChanged(column)}
-                      >
-                        <Form.Content>
-                          <Form.FieldSet />
-                        </Form.Content>
-                      </Form.Root>
-                      <ViewEditor
-                        ref={projectionRef}
-                        mode='tag'
-                        readonly
-                        type={type}
-                        view={column.view.target}
-                        registry={db?.graph.registry}
-                        db={db}
-                        tags={tags}
-                        types={types}
-                        onQueryChanged={handleQueryChanged}
-                      />
-                    </div>
-                  )}
-                </List.Item>
-              ))}
-            </div>
-          </>
+                  </>
+                )}
+              </OrderedList.DetailItem>
+            ))}
+          </OrderedList.Content>
         )}
-      </List.Root>
-
-      <div className='my-form-padding'>
-        <IconButton icon='ph--plus--regular' label={t('add-view.label')} onClick={handleAdd} classNames='w-full' />
-      </div>
-    </div>
+      </OrderedList.Root>
+    </Form.Section>
   );
 };

package/src/meta.ts

@@ -3,30 +3,7 @@
 //
 
 import { Plugin } from '@dxos/app-framework';
-import { DXN } from '@dxos/keys';
-import { trim } from '@dxos/util';
 
-export const 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.
+import config from '../dx.config';
 
-    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 const meta = Plugin.getMetaFromConfig(config);

package/src/translations.ts

@@ -1,10 +1,11 @@
-import { Type } from '@dxos/echo';
-import { type Resource } from '@dxos/react-ui';
-import { Pipeline } from '@dxos/types';
 //
 // Copyright 2023 DXOS.org
 //
 
+import { Type } from '@dxos/echo';
+import { type Resource } from '@dxos/react-ui';
+import { Pipeline } from '@dxos/types';
+
 import { meta } from '#meta';
 
 export const translations = [
@@ -21,19 +22,16 @@ export const translations = [
         'delete-object.label': 'Delete pipeline',
         'object-deleted.label': 'Pipeline deleted',
       },
-      [meta.id]: {
+      [meta.profile.key]: {
         'plugin.name': 'Pipelines',
         'add-column.label': 'Add column',
         'add-card.label': 'Add object',
-        'untitled-view.title': 'New view',
+        'untitled-column.title': 'New column',
         'enumerating-tab.label': 'List',
         'editing-tab.label': 'Edit',
-        'views.label': 'Views',
-        'pipeline-invocations.label': 'Invocations',
-        'pipeline-automation.label': 'Automations',
+        'columns.label': 'Columns',
         'toggle-expand.label': 'Toggle expand',
-        'delete-view.label': 'Delete view',
-        'add-view.label': 'Add view',
+        'delete-column.label': 'Delete column',
       },
     },
   },

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

@@ -1,7 +0,0 @@
-{
-  "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": ";AAIA,YAAYA,YAAY;AACxB,OAAOC,SAASC,aAAaC,SAASC,QAAQC,gBAAgB;AAE9D,SAASC,iCAAiC;AAC1C,SAASC,sBAAsB;AAC/B,SAAcC,QAAQC,YAAYC,KAAKC,OAAsBC,KAAKC,OAAOC,WAAsB;AAG/F,SAASC,WAAWC,gBAAgB;AACpC,SAASC,YAAkCC,gBAAgBC,sBAAsB;AACjF,SAASC,MAAMC,kBAAkB;AACjC,SAASC,YAAY;AACrB,SAA+BC,iBAAiB;AAChD,SAASC,gBAAgB;AACzB,SAASC,IAAIC,sBAAsB;AACnC,SAASC,iBAAiB;AAE1B,SAASC,YAAY;AAErB,IAAMC,WAAW;AACjB,IAAMC,eAAe;AAErB,IAAMC,mBAAmBP,SAASQ,OAAOC,KAAYC,gBAAgBC,YAAK,MAAA,CAAA;AASnE,IAAMC,qBAAqB,CAAC,EAAEC,YAAYC,SAAQ,MAA2B;AAClF,QAAM,EAAEC,EAAC,IAAKpB,eAAeS,KAAKY,EAAE;AACpC,QAAMC,KAAK/B,IAAIgC,YAAYJ,QAAAA;AAC3B,QAAM,CAACK,YAAYC,aAAAA,IAAiBvC,SAAAA;AACpC,QAAM,CAACwC,SAASC,aAAAA,IAAiB/B,UAAUuB,UAAU,SAAA;AACrD,QAAMS,SAAS5C,QAAQ,MAAM0C,QAAQG,KAAK,CAACD,YAAWA,QAAOE,KAAKC,QAAQP,UAAAA,GAAa;IAACE;IAASF;GAAW;AAC5G,QAAM,CAACM,MAAME,UAAAA,IAAcpC,UAAUgC,QAAQE,IAAAA;AAC7C,QAAM,CAACG,MAAMC,OAAAA,IAAWhD,SAAAA;AACxB,QAAMiD,gBAAgBlD,OAAwB,IAAA;AAC9C,QAAMmD,OAAOvC,SAASyB,IAAIjC,OAAO4C,KAAKtC,IAAIA,GAAG,CAAA;AAC7C,QAAM0C,QAAQjD,eAAe;IAC3BkC;IACAgB,YAAY;MACVC,UAAU;QAAC;QAAY;;MACvBC,MAAM;QAAC;;IACT;EACF,CAAA;AAEAzC,iBAAe,YAAA;AACb,QAAI,CAAC+B,MAAMW,SAAS,CAACnB,IAAI;AACvB;IACF;AAEA,UAAMoB,YAAY,MAAMvD,0BAA0BmC,IAAIQ,KAAKW,MAAME,GAAG;AACpE,QAAID,aAAaA,cAAcT,MAAM;AACnCC,cAAQ,MAAMQ,SAAAA;IAChB;EACF,GAAG;IAACpB;IAAIQ;IAAMG;GAAK;AAEnB,QAAMW,aAAa7D,YACjB,CAAC8D,WAAmBC,YAClBnB,cAAc,CAACD,aAAAA;AACblB,cAAUkB,UAASmB,WAAWC,OAAAA;EAChC,CAAA,GACF;IAACnB;GAAc;AAGjB,QAAMoB,qBAAqBhE,YACzB,OAAOiE,UAA0BC,WAAAA;AAC/B,QAAI,CAACnB,QAAQ,CAACR,IAAI;AAChB;IACF;AAEA,UAAM4B,QAAQD;AACd,UAAMR,QAAQS,QAAQ1D,MAAM2D,QAAQH,QAAAA,EAAUI,KAAK;MAAC1D,MAAM2D,KAAKC,OAAOJ,KAAAA,CAAAA;KAAQ,IAAI1D,MAAM2D,QAAQH,QAAAA;AAChGhB,eAAW,CAACF,UAAAA;AACVA,MAAAA,MAAKW,MAAME,MAAMF,MAAME;IACzB,CAAA;AACA,UAAMY,UAAU,MAAMpE,0BAA0BmC,IAAImB,MAAME,GAAG;AAC7D,QAAI,CAACY,SAAS;AACZ;IACF;AAEA,UAAMC,UAAUpD,UAAUqD,KAAK;MAC7BhB;MACAiB,YAAYH,QAAQG;IACtB,CAAA;AACA1B,eAAW,CAACF,UAAAA;AACVA,MAAAA,MAAK6B,aAAapE,IAAIqE,YAAYJ,OAAAA,EAASG;IAC7C,CAAA;AAEAzB,YAAQ,MAAMqB,OAAAA;EAChB,GACA;IAACjC;IAAIQ;IAAME;IAAYC;GAAK;AAG9B,QAAM4B,4BAA4B9E,YAChC,CAAC6C,YACC,CAACkC,WAA8B,EAAEC,QAAO,MAAmD;AACzF,QAAIA,QAAQ,MAAA,GAA8B;AACxC,YAAMC,cAActC,QAAQuC,UAAU,CAACC,MAAMA,MAAMtC,OAAAA;AACnD,UAAIoC,gBAAgB,IAAI;AACtB;MACF;AACArC,oBAAc,CAACwC,SAAAA;AACbA,aAAKH,WAAAA,EAAaI,OAAON,UAAUM,QAAQ;MAC7C,CAAA;IACF;EACF,GACF;IAAC1C;IAASC;GAAc;AAG1B,QAAM0C,oBAAoBtF,YAAY,CAAC6C,YAAAA;AACrCH,kBAAc,CAAC6C,mBAAoBA,mBAAmB1C,QAAOE,KAAKC,MAAMwC,SAAY3C,QAAOE,KAAKC,GAAG;EACrG,GAAG,CAAA,CAAE;AAEL,QAAMyC,eAAezF,YACnB,OAAO6C,YAAAA;AACL,QAAIA,QAAOE,KAAKC,QAAQP,YAAY;AAClCC,oBAAc8C,MAAAA;IAChB;AAEA,UAAME,QAAQ/C,QAAQuC,UAAU,CAACS,MAAMA,MAAM9C,OAAAA;AAC7C,UAAM+C,eAAe,MAAM/C,QAAOE,KAAK8C,KAAI;AAC3CjD,kBAAc,CAACD,aAAAA;AACbA,MAAAA,SAAQmD,OAAOJ,OAAO,CAAA;IACxB,CAAA;AACAnD,QAAIwD,OAAOH,YAAAA;EACb,GACA;IAACnD;IAAYE;IAASC;IAAeL;GAAG;AAG1C,QAAMyD,YAAYhG,YAAY,MAAA;AAC5B,QAAI,CAACuC,IAAI;AACP;IACF;AACA,UAAMkC,UAAUpD,UAAUqD,KAAK;MAC7BhB,OAAOjD,MAAMwF,OAAO3F,OAAO4F,QAAO,CAAA;MAClCvB,YAAYpE,WAAW4F,aAAoBC,cAAO,CAAC,CAAA,CAAA;IACrD,CAAA;AACA7D,OAAG8D,IAAI5B,OAAAA;AACP7B,kBAAc,CAACD,aAAAA;AACbA,MAAAA,SAAQ2D,KAAK;QACXjB,MAAM;;QAENtC,MAAMrC,IAAIgE,KAAKD,OAAAA;QACf8B,OAAO,CAAA;MACT,CAAA;IACF,CAAA;AACA7D,kBAAc+B,QAAQnC,EAAE;EAC1B,GAAG;IAACC;IAAIK;GAAc;AAEtB,SACE,sBAAA,cAAC4D,OAAAA;IAAIC,WAAWlF,GAAG,mCAAmCY,UAAAA;KACpD,sBAAA,cAACuE,MAAAA;IAAGD,WAAU;KAAiCpE,EAAE,aAAA,CAAA,GAEjD,sBAAA,cAACjB,KAAKuF,MAAI;IACRC,OAAOjE;IACPkE,QAAeC,UAAGxF,SAASQ,MAAM;IACjCiF,OAAO,CAAClE,YAAWA,QAAOE,KAAKC;IAC/BgE,QAAQnD;KAEP,CAAC,EAAE+C,OAAOjE,SAAO,MAChB,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAC6D,OAAAA;IAAIS,MAAK;IAAOR,WAAWlF,GAAGI,QAAAA;KAC5BgB,SAAQuE,IAAI,CAACrE,YACZ,sBAAA,cAACzB,KAAK+F,MAAI;IACRC,KAAKvE,QAAOE,KAAKC;IACjBqE,MAAMxE;IACNV,YAAYP;IACZ0F,iBAAe7E,eAAeI,QAAOE,KAAKC;KAE1C,sBAAA,cAACwD,OAAAA;IAAIC,WAAWlF,GAAGK,cAAc,6CAAA;KAC/B,sBAAA,cAACR,KAAKmG,gBAAc,IAAA,GACpB,sBAAA,cAACnG,KAAKoG,WAAS;IAACC,SAAS,MAAMnC,kBAAkBzC,OAAAA;KAC9CA,QAAOwC,QAAQhD,EAAE,qBAAA,CAAA,GAEpB,sBAAA,cAACjB,KAAKsG,kBAAgB;IACpBC,OAAOtF,EAAE,mBAAA;IACTuF,UAAU;IACVH,SAAS,MAAMhC,aAAa5C,OAAAA;IAC5BgF,eAAY;MAEd,sBAAA,cAAC9G,YAAAA;IACC+G,UAAAA;IACAC,SAAQ;IACRJ,OAAOtF,EAAE,uBAAuB;MAAE2F,IAAIxG;IAAe,CAAA;IACrDyG,MAAMxF,eAAeI,QAAOE,KAAKC,MAAM,4BAA4B;IACnEyE,SAAS,MAAMnC,kBAAkBzC,OAAAA;OAGpCJ,eAAeI,QAAOE,KAAKC,OAAOH,SAAQE,KAAKmB,UAC9C,sBAAA,cAACsC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACvF,KAAKyF,MAAI;IACRuB,QAAQrG;IACRsG,QAAQtF;IACRuF,iBAAiBtD,0BAA0BjC,OAAAA;KAE3C,sBAAA,cAAC3B,KAAKmH,SAAO,MACX,sBAAA,cAACnH,KAAKoH,UAAQ,IAAA,CAAA,CAAA,GAGlB,sBAAA,cAACnH,YAAAA;IACCoH,KAAKnF;IACLoF,MAAK;IACLC,UAAAA;IACAvF;IACAH,MAAMF,QAAOE,KAAKmB;IAClBwE,UAAUnG,IAAIoG,MAAMD;IACpBnG;IACAc;IACAC;IACAsF,gBAAgB5E;YAWlC,sBAAA,cAACwC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAAC1F,YAAAA;IAAWkH,MAAK;IAAoBN,OAAOtF,EAAE,gBAAA;IAAmBoF,SAASzB;IAAW7D,YAAW;;AAIxG;",
-  "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

@@ -1,44 +0,0 @@
-// 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

@@ -1,7 +0,0 @@
-{
-  "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/chunk-CYXDAAKN.mjs

@@ -1,35 +0,0 @@
-// 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

@@ -1,7 +0,0 @@
-{
-  "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/react-surface-QG7QSZSS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { InvocationTraceContainer } from '@dxos/devtools';\nimport { Obj } from '@dxos/echo';\nimport { Panel } from '@dxos/react-ui';\nimport { Pipeline } from '@dxos/types';\n\nimport { PipelineArticle, PipelineProperties } from '#containers';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: 'root',\n        filter: AppSurface.object(AppSurface.Article, Pipeline.Pipeline),\n        component: ({ data, role }) => (\n          <PipelineArticle role={role} subject={data.subject} attendableId={data.attendableId} />\n        ),\n      }),\n      Surface.create({\n        id: 'companion.invocations',\n        filter: AppSurface.allOf(\n          AppSurface.literal(AppSurface.Article, 'invocations'),\n          AppSurface.companion(AppSurface.Article, Pipeline.Pipeline),\n        ),\n        component: ({ data, role }) => {\n          const db = Obj.getDatabase(data.companionTo);\n          // TODO(wittjosiah): Filter the invocations to those relevant to the project.\n          return (\n            <Panel.Root role={role} className='dx-document'>\n              <Panel.Content asChild>\n                <InvocationTraceContainer db={db} detailAxis='block' />\n              </Panel.Content>\n            </Panel.Root>\n          );\n        },\n      }),\n      Surface.create({\n        id: 'objectProperties',\n        filter: AppSurface.object(AppSurface.ObjectProperties, Pipeline.Pipeline),\n        component: ({ data }) => <PipelineProperties pipeline={data.subject} />,\n      }),\n    ]),\n  ),\n);\n"],
-  "mappings": ";AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,kBAAkB;AAC3B,SAASC,gCAAgC;AACzC,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,gBAAgB;AAEzB,SAASC,iBAAiBC,0BAA0B;AAEpD,IAAA,wBAAeR,WAAWS,WAAW,MAC5BC,eACLV,WAAWW,YAAYZ,aAAaa,cAAc;EAChDX,QAAQY,OAAO;IACbC,IAAI;IACJC,QAAQb,WAAWc,OAAOd,WAAWe,SAASX,SAASA,QAAQ;IAC/DY,WAAW,CAAC,EAAEC,MAAMC,KAAI,MACtB,sBAAA,cAACb,iBAAAA;MAAgBa;MAAYC,SAASF,KAAKE;MAASC,cAAcH,KAAKG;;EAE3E,CAAA;EACArB,QAAQY,OAAO;IACbC,IAAI;IACJC,QAAQb,WAAWqB,MACjBrB,WAAWsB,QAAQtB,WAAWe,SAAS,aAAA,GACvCf,WAAWuB,UAAUvB,WAAWe,SAASX,SAASA,QAAQ,CAAA;IAE5DY,WAAW,CAAC,EAAEC,MAAMC,KAAI,MAAE;AACxB,YAAMM,KAAKtB,IAAIuB,YAAYR,KAAKS,WAAW;AAE3C,aACE,sBAAA,cAACvB,MAAMwB,MAAI;QAACT;QAAYU,WAAU;SAChC,sBAAA,cAACzB,MAAM0B,SAAO;QAACC,SAAAA;SACb,sBAAA,cAAC7B,0BAAAA;QAAyBuB;QAAQO,YAAW;;IAIrD;EACF,CAAA;EACAhC,QAAQY,OAAO;IACbC,IAAI;IACJC,QAAQb,WAAWc,OAAOd,WAAWgC,kBAAkB5B,SAASA,QAAQ;IACxEY,WAAW,CAAC,EAAEC,KAAI,MAAO,sBAAA,cAACX,oBAAAA;MAAmB2B,UAAUhB,KAAKE;;EAC9D,CAAA;CACD,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "AppSurface", "InvocationTraceContainer", "Obj", "Panel", "Pipeline", "PipelineArticle", "PipelineProperties", "makeModule", "succeed", "contributes", "ReactSurface", "create", "id", "filter", "object", "Article", "component", "data", "role", "subject", "attendableId", "allOf", "literal", "companion", "db", "getDatabase", "companionTo", "Root", "className", "Content", "asChild", "detailAxis", "ObjectProperties", "pipeline"]
-}

package/dist/types/src/capabilities/app-graph-builder.d.ts

@@ -1,6 +0,0 @@
-import * as Effect from 'effect/Effect';
-import { Capability } from '@dxos/app-framework';
-import { GraphBuilder } from '@dxos/plugin-graph';
-declare const _default: (props: void) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<GraphBuilder.BuilderExtensions>>, never, never>;
-export default _default;
-//# sourceMappingURL=app-graph-builder.d.ts.map

package/dist/types/src/capabilities/app-graph-builder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-graph-builder.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/app-graph-builder.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/src/capabilities/app-graph-builder.ts

@@ -1,40 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-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';
-
-export 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);
-  }),
-);