@dxos/plugin-pipeline 0.9.0 → 0.9.1-main.c7dcc2e112

package/dist/lib/neutral/{PipelineArticle-6JIVXMYF.mjs → PipelineArticle-DG4TCEML.mjs}

@@ -55,7 +55,7 @@ var PipelineItem = ({ item, projectionModel }) => {
     items
   ]);
   return /* @__PURE__ */ React.createElement(Surface.Surface, {
-    type: AppSurface.Card,
+    type: AppSurface.CardContent,
     data: {
       subject: item,
       projection: projectionModel
@@ -66,4 +66,4 @@ var PipelineItem = ({ item, projectionModel }) => {
 export {
   PipelineArticle as default
 };
-//# sourceMappingURL=PipelineArticle-6JIVXMYF.mjs.map
+//# sourceMappingURL=PipelineArticle-DG4TCEML.mjs.map

package/dist/lib/neutral/{PipelineArticle-6JIVXMYF.mjs.map → PipelineArticle-DG4TCEML.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/containers/PipelineArticle/PipelineArticle.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect } from 'react';\n\nimport { Capabilities } from '@dxos/app-framework';\nimport { Surface, useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport {\n  AppSurface,\n  OBJECT_ACTIONS_CONTRIBUTION_ID,\n  OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n  useObjectMenuItems,\n} from '@dxos/app-toolkit/ui';\nimport { Panel } from '@dxos/react-ui';\nimport { linkedSegment } from '@dxos/react-ui-attention';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { useMenu } from '@dxos/react-ui-menu';\nimport { type Pipeline } from '@dxos/types';\n\nimport { type ItemProps, PipelineComponent } from '#components';\nimport { usePipelineBoardModel } from '#hooks';\n\nconst PIPELINE_ITEM = 'PipelineItem';\n\nexport type PipelineArticleProps = AppSurface.ObjectArticleProps<Pipeline.Pipeline>;\n\nexport const PipelineArticle = ({ role, subject: pipeline, attendableId }: PipelineArticleProps) => {\n  const registry = useCapability(Capabilities.AtomRegistry);\n  const model = usePipelineBoardModel(pipeline, registry);\n  const { invokePromise } = useOperationInvoker();\n  const { hasAttention } = useAttention(attendableId);\n\n  const handleColumnAdd = useCallback(\n    () =>\n      invokePromise(LayoutOperation.UpdateCompanion, {\n        subject: linkedSegment('settings'),\n      }),\n    [invokePromise],\n  );\n\n  return (\n    <PipelineComponent.Root Item={PipelineItem} onAddColumn={handleColumnAdd}>\n      <Panel.Root role={role}>\n        <Panel.Toolbar asChild>\n          <PipelineComponent.Toolbar disabled={!hasAttention} />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <PipelineComponent.Content asChild model={model}>\n            <PipelineComponent.Columns pipeline={pipeline} />\n          </PipelineComponent.Content>\n        </Panel.Content>\n      </Panel.Root>\n    </PipelineComponent.Root>\n  );\n};\n\nconst PipelineItem = ({ item, projectionModel }: ItemProps) => {\n  const menu = useMenu(PIPELINE_ITEM);\n  const items = useObjectMenuItems(item);\n\n  useEffect(() => {\n    menu.addMenuItems({\n      id: OBJECT_ACTIONS_CONTRIBUTION_ID,\n      mode: 'additive',\n      priority: OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n      items,\n    });\n\n    return () => menu.removeMenuItems(OBJECT_ACTIONS_CONTRIBUTION_ID);\n  }, [menu, items]);\n\n  return (\n    <Surface.Surface\n      type={AppSurface.Card}\n      data={{\n        subject: item,\n        projection: projectionModel,\n      }}\n      limit={1}\n    />\n  );\n};\n"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect } from 'react';\n\nimport { Capabilities } from '@dxos/app-framework';\nimport { Surface, useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport {\n  AppSurface,\n  OBJECT_ACTIONS_CONTRIBUTION_ID,\n  OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n  useObjectMenuItems,\n} from '@dxos/app-toolkit/ui';\nimport { Panel } from '@dxos/react-ui';\nimport { linkedSegment } from '@dxos/react-ui-attention';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { useMenu } from '@dxos/react-ui-menu';\nimport { type Pipeline } from '@dxos/types';\n\nimport { type ItemProps, PipelineComponent } from '#components';\nimport { usePipelineBoardModel } from '#hooks';\n\nconst PIPELINE_ITEM = 'PipelineItem';\n\nexport type PipelineArticleProps = AppSurface.ObjectArticleProps<Pipeline.Pipeline>;\n\nexport const PipelineArticle = ({ role, subject: pipeline, attendableId }: PipelineArticleProps) => {\n  const registry = useCapability(Capabilities.AtomRegistry);\n  const model = usePipelineBoardModel(pipeline, registry);\n  const { invokePromise } = useOperationInvoker();\n  const { hasAttention } = useAttention(attendableId);\n\n  const handleColumnAdd = useCallback(\n    () =>\n      invokePromise(LayoutOperation.UpdateCompanion, {\n        subject: linkedSegment('settings'),\n      }),\n    [invokePromise],\n  );\n\n  return (\n    <PipelineComponent.Root Item={PipelineItem} onAddColumn={handleColumnAdd}>\n      <Panel.Root role={role}>\n        <Panel.Toolbar asChild>\n          <PipelineComponent.Toolbar disabled={!hasAttention} />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <PipelineComponent.Content asChild model={model}>\n            <PipelineComponent.Columns pipeline={pipeline} />\n          </PipelineComponent.Content>\n        </Panel.Content>\n      </Panel.Root>\n    </PipelineComponent.Root>\n  );\n};\n\nconst PipelineItem = ({ item, projectionModel }: ItemProps) => {\n  const menu = useMenu(PIPELINE_ITEM);\n  const items = useObjectMenuItems(item);\n\n  useEffect(() => {\n    menu.addMenuItems({\n      id: OBJECT_ACTIONS_CONTRIBUTION_ID,\n      mode: 'additive',\n      priority: OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n      items,\n    });\n\n    return () => menu.removeMenuItems(OBJECT_ACTIONS_CONTRIBUTION_ID);\n  }, [menu, items]);\n\n  return (\n    <Surface.Surface\n      type={AppSurface.CardContent}\n      data={{\n        subject: item,\n        projection: projectionModel,\n      }}\n      limit={1}\n    />\n  );\n};\n"],
   "mappings": ";AAIA,OAAOA,SAASC,aAAaC,iBAAiB;AAE9C,SAASC,oBAAoB;AAC7B,SAASC,SAASC,eAAeC,2BAA2B;AAC5D,SAASC,uBAAuB;AAChC,SACEC,YACAC,gCACAC,sCACAC,0BACK;AACP,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;AAC7B,SAASC,eAAe;AAGxB,SAAyBC,yBAAyB;AAClD,SAASC,6BAA6B;AAEtC,IAAMC,gBAAgB;AAIf,IAAMC,kBAAkB,CAAC,EAAEC,MAAMC,SAASC,UAAUC,aAAY,MAAwB;AAC7F,QAAMC,WAAWnB,cAAcF,aAAasB,YAAY;AACxD,QAAMC,QAAQT,sBAAsBK,UAAUE,QAAAA;AAC9C,QAAM,EAAEG,cAAa,IAAKrB,oBAAAA;AAC1B,QAAM,EAAEsB,aAAY,IAAKd,aAAaS,YAAAA;AAEtC,QAAMM,kBAAkB5B,YACtB,MACE0B,cAAcpB,gBAAgBuB,iBAAiB;IAC7CT,SAASR,cAAc,UAAA;EACzB,CAAA,GACF;IAACc;GAAc;AAGjB,SACE,sBAAA,cAACX,kBAAkBe,MAAI;IAACC,MAAMC;IAAcC,aAAaL;KACvD,sBAAA,cAACjB,MAAMmB,MAAI;IAACX;KACV,sBAAA,cAACR,MAAMuB,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACpB,kBAAkBmB,SAAO;IAACE,UAAU,CAACT;OAExC,sBAAA,cAAChB,MAAM0B,SAAO;IAACF,SAAAA;KACb,sBAAA,cAACpB,kBAAkBsB,SAAO;IAACF,SAAAA;IAAQV;KACjC,sBAAA,cAACV,kBAAkBuB,SAAO;IAACjB;;AAMvC;AAEA,IAAMW,eAAe,CAAC,EAAEO,MAAMC,gBAAe,MAAa;AACxD,QAAMC,OAAO3B,QAAQG,aAAAA;AACrB,QAAMyB,QAAQhC,mBAAmB6B,IAAAA;AAEjCtC,YAAU,MAAA;AACRwC,SAAKE,aAAa;MAChBC,IAAIpC;MACJqC,MAAM;MACNC,UAAUrC;MACViC;IACF,CAAA;AAEA,WAAO,MAAMD,KAAKM,gBAAgBvC,8BAAAA;EACpC,GAAG;IAACiC;IAAMC;GAAM;AAEhB,SACE,sBAAA,cAACvC,QAAQA,SAAO;IACd6C,MAAMzC,WAAW0C;IACjBC,MAAM;MACJ9B,SAASmB;MACTY,YAAYX;IACd;IACAY,OAAO;;AAGb;",
-  "names": ["React", "useCallback", "useEffect", "Capabilities", "Surface", "useCapability", "useOperationInvoker", "LayoutOperation", "AppSurface", "OBJECT_ACTIONS_CONTRIBUTION_ID", "OBJECT_ACTIONS_CONTRIBUTION_PRIORITY", "useObjectMenuItems", "Panel", "linkedSegment", "useAttention", "useMenu", "PipelineComponent", "usePipelineBoardModel", "PIPELINE_ITEM", "PipelineArticle", "role", "subject", "pipeline", "attendableId", "registry", "AtomRegistry", "model", "invokePromise", "hasAttention", "handleColumnAdd", "UpdateCompanion", "Root", "Item", "PipelineItem", "onAddColumn", "Toolbar", "asChild", "disabled", "Content", "Columns", "item", "projectionModel", "menu", "items", "addMenuItems", "id", "mode", "priority", "removeMenuItems", "type", "Card", "data", "projection", "limit"]
+  "names": ["React", "useCallback", "useEffect", "Capabilities", "Surface", "useCapability", "useOperationInvoker", "LayoutOperation", "AppSurface", "OBJECT_ACTIONS_CONTRIBUTION_ID", "OBJECT_ACTIONS_CONTRIBUTION_PRIORITY", "useObjectMenuItems", "Panel", "linkedSegment", "useAttention", "useMenu", "PipelineComponent", "usePipelineBoardModel", "PIPELINE_ITEM", "PipelineArticle", "role", "subject", "pipeline", "attendableId", "registry", "AtomRegistry", "model", "invokePromise", "hasAttention", "handleColumnAdd", "UpdateCompanion", "Root", "Item", "PipelineItem", "onAddColumn", "Toolbar", "asChild", "disabled", "Content", "Columns", "item", "projectionModel", "menu", "items", "addMenuItems", "id", "mode", "priority", "removeMenuItems", "type", "CardContent", "data", "projection", "limit"]
 }

package/dist/lib/neutral/PipelinePlugin.mjs

@@ -2,11 +2,11 @@
 import { Plugin } from "@dxos/app-framework";
 import { AppPlugin } from "@dxos/app-toolkit";
 import { Pipeline } from "@dxos/types";
-import { AppGraphBuilder, CreateObject, ReactSurface } from "#capabilities";
+import { AppGraphBuilder, CreateObject, NavigationResolver, ReactSurface } from "#capabilities";
 import { meta } from "#meta";
 import { translations } from "#translations";
 
-// raw-loader:/__w/dxos/dxos/packages/plugins/plugin-pipeline/PLUGIN.mdl?raw
+// raw-loader:/__w/dxos/dxos/packages/plugins/plugin-pipeline/PLUGIN.mdl
 var PLUGIN_default = '---\nid: org.dxos.plugin.pipeline\nname: PipelinePlugin\nversion: 0.1.0\n---\n\nA multi-column Kanban-style pipeline plugin for DXOS Composer.\nEach Pipeline holds an ordered list of Columns; each Column is backed by a ViewModel\nwhose query selects any ECHO object type from the space.\nObjects can be dragged between columns and the pipeline state persists collaboratively via ECHO.\n\n## Extensions\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`       |\n| `feat`      | `org.dxos.mdl.feat@1.0`       |\n| `test`      | `org.dxos.mdl.test@1.0`       |\n| `component` | `org.dxos.mdl.component@1.0`  |\n| `op`        | `org.dxos.mdl.op@1.0`         |\n\n## Types\n\n```mdl\ntype Pipeline\n  desc: Root ECHO object (typename org.dxos.type.pipeline). Holds the ordered set of columns.\n  echo-type: Pipeline.Pipeline\n  fields:\n    name?: string\n    description?: string\n    image?: URL\n    columns: Column[]\n  invariants:\n    - columns maintain insertion order\n    - columns array is not exposed in generated forms (FormInputAnnotation = false)\n```\n\n```mdl\ntype Column\n  desc: One lane of the pipeline. Backed by a ViewModel whose query determines which objects appear.\n  echo-type: Pipeline.Column\n  fields:\n    name: string\n    view: Ref<View.View>   # ViewModel containing query AST + JSON schema projection\n    order: string[]        # explicit ordering of item ids within this column\n  invariants:\n    - view is a Ref to a ViewModel ECHO object stored in the same space\n    - order array tracks drag-reordering; items not in order appear after ordered items\n```\n\n```mdl\ntype ViewModel\n  desc: Runtime ECHO object that holds a QueryAST and JSON schema projection for a Column.\n  fields:\n    query: { ast: QueryAST }\n    projection: ProjectionSchema\n    jsonSchema: JsonSchema\n```\n\n## Components\n\n```mdl\ncomponent PipelineArticle\n  desc: Full-canvas article surface rendered for a Pipeline object.\n  props:\n    role: string\n    subject: Pipeline.Pipeline\n    attendableId?: string\n  state:\n    model: BoardModel<Pipeline.Column, Obj.Unknown>\n  slots:\n    toolbar: PipelineComponent.Toolbar\n    content: PipelineComponent.Columns\n  actions:\n    addColumn() \u2192 void   # opens Settings companion panel\n```\n\n```mdl\ncomponent PipelineComponent\n  desc: Composable component set that renders the Kanban board.\n  sub-components:\n    Root      # context provider for Item renderer and onAddColumn callback\n    Content   # wraps Board.Root with the board model\n    Columns   # renders Board.Content with PipelineColumn tiles; handles drag-drop via useEventHandlerAdapter\n    Toolbar   # single "+" IconButton gated by attention; triggers onAddColumn\n```\n\n```mdl\ncomponent PipelineProperties\n  desc: Settings companion panel for managing pipeline columns.\n  props:\n    pipeline: Pipeline.Pipeline\n  state:\n    columns: Pipeline.Column[]\n    expandedId?: string   # id of the currently expanded column editor\n  actions:\n    addColumn() \u2192 void\n    deleteColumn(column) \u2192 void\n    renameColumn(column, name) \u2192 void\n    moveColumn(from, to) \u2192 void\n    setQuery(column, query, target?) \u2192 void\n  layout: |\n    \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n    \u2502 "Views" heading                  \u2502\n    \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n    \u2502 List of Column rows              \u2502\n    \u2502   drag handle | name | delete |  \u2502\n    \u2502   [expanded: Form + ViewEditor]  \u2502\n    \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n    \u2502 "+" add-column button            \u2502\n    \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n```\n\n## Operations\n\n```mdl\nop createPipeline\n  desc: Creates a new Pipeline ECHO object and adds it to the target space.\n  input:\n    name?: string\n    target?: Space\n    targetNodeId?: string\n  output: Pipeline.Pipeline\n  effects: [echo:write]\n  note: Delegates to SpaceOperation.AddObject with hidden=true.\n```\n\n```mdl\nop createResearchProject\n  desc: Built-in template that scaffolds a Research pipeline with Mailbox, Contacts, Organizations, and Notes columns.\n  input:\n    db: Database.Database\n    name?: string\n  output: Pipeline.Pipeline\n  effects: [echo:write, echo:read]\n  note: |\n    Requires an existing Mailbox object in the database.\n    Returns null when no mailbox is found.\n    Creates four ViewModel columns: Mailbox messages, Person contacts,\n    Organization contacts, and Markdown documents.\n```\n\n## Features\n\n```mdl\nfeat F-1: Create Pipeline\n\n  req F-1.1: A new Pipeline is created with an empty columns array.\n  req F-1.2: The Pipeline is added to the active space via SpaceOperation.AddObject (hidden=true).\n  req F-1.3: The Pipeline appears as an article in Composer.\n  req F-1.4: Graph companions "Invocations" and "Automation" are added to the pipeline node.\n```\n\n```mdl\nfeat F-2: Manage Columns\n\n  req F-2.1:\n    when: user clicks "+" in the pipeline toolbar\n    then: Settings companion panel opens\n\n  req F-2.2:\n    when: user clicks "+" in PipelineProperties\n    then: a new Column is appended with an empty ViewModel and a Filter.nothing() query\n\n  req F-2.3:\n    when: user renames a column\n    then: column.name updated immediately via Obj.update\n\n  req F-2.4:\n    when: user deletes a column\n    then: Column removed from pipeline.columns; associated ViewModel ECHO object removed from db\n\n  req F-2.5:\n    when: user drags a column to a new position\n    then: pipeline.columns reordered via arrayMove\n```\n\n```mdl\nfeat F-3: Column Query\n\n  req F-3.1:\n    when: user changes the query in ViewEditor\n    then: column.view.query.ast updated; column.view.projection updated to match new schema\n\n  req F-3.2:\n    when: query targets a feed (queue DXN)\n    then: Query.from({ feeds: [queue] }) applied; items ordered newest-first\n\n  req F-3.3:\n    when: query targets the space directly\n    then: items ordered by ECHO insertion order\n```\n\n```mdl\nfeat F-4: Drag and Drop\n\n  req F-4.1:\n    when: user drags a Column tile\n    then: pipeline.columns reordered; change persisted via Obj.update\n\n  req F-4.2:\n    when: user drags an item between columns\n    then: column.order updated to reflect new position\n    note: The item itself is not moved to a different ECHO location; only the order array changes.\n\n  req F-4.3: Only Pipeline.Column objects are accepted as column drop targets (isColumn guard).\n```\n\n```mdl\nfeat F-5: Research Template\n\n  req F-5.1:\n    when: user creates a pipeline from the "org-research" template\n    then: Research pipeline created with Mailbox, Contacts, Organizations, and Notes columns\n\n  req F-5.2: Template creation fails gracefully when no Mailbox exists in the database.\n```\n\n```mdl\nfeat F-6: Invocation Companion\n\n  req F-6.1:\n    when: Pipeline article is open\n    then: "Invocations" companion tab shows InvocationTraceContainer for the pipeline\'s database\n\n  req F-6.2:\n    when: Pipeline article is open\n    then: "Automation" companion tab is available for wiring pipeline automation\n```\n\n## Acceptance\n\n```mdl\ntest T-1: New pipeline is empty\n  given: user creates a Pipeline article\n  then:\n    - pipeline.columns is empty\n    - pipeline appears in the space object list\n```\n\n```mdl\ntest T-2: Add column\n  given: an open Pipeline with no columns\n  when: user clicks "+" in PipelineProperties\n  then:\n    - pipeline.columns.length === 1\n    - new column has name === ""\n    - new column.view references a ViewModel with Filter.nothing() query\n```\n\n```mdl\ntest T-3: Rename column\n  given: a pipeline with one column named "Inbox"\n  when: user types "Email" in the column name field\n  then: pipeline.columns[0].name === "Email"\n```\n\n```mdl\ntest T-4: Delete column\n  given: a pipeline with one column\n  when: user deletes the column\n  then:\n    - pipeline.columns is empty\n    - associated ViewModel ECHO object no longer exists in db\n```\n\n```mdl\ntest T-5: Research template\n  given: a space with an existing Mailbox\n  when: user creates pipeline from "org-research" template\n  then:\n    - pipeline.columns.length === 4\n    - column names are "Mailbox", "Contacts", "Organizations", "Notes"\n```\n\n```mdl\ntest T-6: Research template missing mailbox\n  given: a space with no Mailbox\n  when: createResearchProject is called\n  then: returns null\n```\n\n---\n\n## Appendix: Extension Definitions\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap\n    literals?: UnionList\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap\n    state?: FieldMap\n    slots?: FieldMap\n    actions?: ActionMap\n    emits?: EventMap\n    layout?: CodeBlock\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: A named operation with typed inputs, outputs, and declared effects.\n  fields:\n    desc?: Prose\n    input?: FieldMap\n    output?: TypeExpr\n    errors?: ErrorMap\n    effects?: EffectList\n    requires?: ServiceList\n    note?: Prose\n```\n';
 
 // src/PipelinePlugin.tsx
@@ -14,6 +14,8 @@ var PipelinePlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
   activate: AppGraphBuilder
 }), AppPlugin.addCreateObjectModule({
   activate: CreateObject
+}), AppPlugin.addNavigationResolverModule({
+  activate: NavigationResolver
 }), AppPlugin.addSchemaModule({
   schema: [
     Pipeline.Pipeline
@@ -24,7 +26,7 @@ var PipelinePlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
   translations
 }), AppPlugin.addPluginAssetModule({
   asset: {
-    pluginId: meta.id,
+    pluginId: meta.profile.key,
     path: "PLUGIN.mdl",
     content: PLUGIN_default,
     mimeType: "application/x-mdl"

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/PipelinePlugin.tsx", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-pipeline/PLUGIN.mdl?raw"],
-  "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, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\n\n// eslint-disable-next-line import/no-relative-packages\nimport pluginSpec from '../PLUGIN.mdl?raw';\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  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  AppPlugin.addPluginAssetModule({\n    asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },\n  }),\n  Plugin.make,\n);\n\nexport default PipelinePlugin;\n", "---\nid: org.dxos.plugin.pipeline\nname: PipelinePlugin\nversion: 0.1.0\n---\n\nA multi-column Kanban-style pipeline plugin for DXOS Composer.\nEach Pipeline holds an ordered list of Columns; each Column is backed by a ViewModel\nwhose query selects any ECHO object type from the space.\nObjects can be dragged between columns and the pipeline state persists collaboratively via ECHO.\n\n## Extensions\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`       |\n| `feat`      | `org.dxos.mdl.feat@1.0`       |\n| `test`      | `org.dxos.mdl.test@1.0`       |\n| `component` | `org.dxos.mdl.component@1.0`  |\n| `op`        | `org.dxos.mdl.op@1.0`         |\n\n## Types\n\n```mdl\ntype Pipeline\n  desc: Root ECHO object (typename org.dxos.type.pipeline). Holds the ordered set of columns.\n  echo-type: Pipeline.Pipeline\n  fields:\n    name?: string\n    description?: string\n    image?: URL\n    columns: Column[]\n  invariants:\n    - columns maintain insertion order\n    - columns array is not exposed in generated forms (FormInputAnnotation = false)\n```\n\n```mdl\ntype Column\n  desc: One lane of the pipeline. Backed by a ViewModel whose query determines which objects appear.\n  echo-type: Pipeline.Column\n  fields:\n    name: string\n    view: Ref<View.View>   # ViewModel containing query AST + JSON schema projection\n    order: string[]        # explicit ordering of item ids within this column\n  invariants:\n    - view is a Ref to a ViewModel ECHO object stored in the same space\n    - order array tracks drag-reordering; items not in order appear after ordered items\n```\n\n```mdl\ntype ViewModel\n  desc: Runtime ECHO object that holds a QueryAST and JSON schema projection for a Column.\n  fields:\n    query: { ast: QueryAST }\n    projection: ProjectionSchema\n    jsonSchema: JsonSchema\n```\n\n## Components\n\n```mdl\ncomponent PipelineArticle\n  desc: Full-canvas article surface rendered for a Pipeline object.\n  props:\n    role: string\n    subject: Pipeline.Pipeline\n    attendableId?: string\n  state:\n    model: BoardModel<Pipeline.Column, Obj.Unknown>\n  slots:\n    toolbar: PipelineComponent.Toolbar\n    content: PipelineComponent.Columns\n  actions:\n    addColumn() \u2192 void   # opens Settings companion panel\n```\n\n```mdl\ncomponent PipelineComponent\n  desc: Composable component set that renders the Kanban board.\n  sub-components:\n    Root      # context provider for Item renderer and onAddColumn callback\n    Content   # wraps Board.Root with the board model\n    Columns   # renders Board.Content with PipelineColumn tiles; handles drag-drop via useEventHandlerAdapter\n    Toolbar   # single \"+\" IconButton gated by attention; triggers onAddColumn\n```\n\n```mdl\ncomponent PipelineProperties\n  desc: Settings companion panel for managing pipeline columns.\n  props:\n    pipeline: Pipeline.Pipeline\n  state:\n    columns: Pipeline.Column[]\n    expandedId?: string   # id of the currently expanded column editor\n  actions:\n    addColumn() \u2192 void\n    deleteColumn(column) \u2192 void\n    renameColumn(column, name) \u2192 void\n    moveColumn(from, to) \u2192 void\n    setQuery(column, query, target?) \u2192 void\n  layout: |\n    \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n    \u2502 \"Views\" heading                  \u2502\n    \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n    \u2502 List of Column rows              \u2502\n    \u2502   drag handle | name | delete |  \u2502\n    \u2502   [expanded: Form + ViewEditor]  \u2502\n    \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n    \u2502 \"+\" add-column button            \u2502\n    \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n```\n\n## Operations\n\n```mdl\nop createPipeline\n  desc: Creates a new Pipeline ECHO object and adds it to the target space.\n  input:\n    name?: string\n    target?: Space\n    targetNodeId?: string\n  output: Pipeline.Pipeline\n  effects: [echo:write]\n  note: Delegates to SpaceOperation.AddObject with hidden=true.\n```\n\n```mdl\nop createResearchProject\n  desc: Built-in template that scaffolds a Research pipeline with Mailbox, Contacts, Organizations, and Notes columns.\n  input:\n    db: Database.Database\n    name?: string\n  output: Pipeline.Pipeline\n  effects: [echo:write, echo:read]\n  note: |\n    Requires an existing Mailbox object in the database.\n    Returns null when no mailbox is found.\n    Creates four ViewModel columns: Mailbox messages, Person contacts,\n    Organization contacts, and Markdown documents.\n```\n\n## Features\n\n```mdl\nfeat F-1: Create Pipeline\n\n  req F-1.1: A new Pipeline is created with an empty columns array.\n  req F-1.2: The Pipeline is added to the active space via SpaceOperation.AddObject (hidden=true).\n  req F-1.3: The Pipeline appears as an article in Composer.\n  req F-1.4: Graph companions \"Invocations\" and \"Automation\" are added to the pipeline node.\n```\n\n```mdl\nfeat F-2: Manage Columns\n\n  req F-2.1:\n    when: user clicks \"+\" in the pipeline toolbar\n    then: Settings companion panel opens\n\n  req F-2.2:\n    when: user clicks \"+\" in PipelineProperties\n    then: a new Column is appended with an empty ViewModel and a Filter.nothing() query\n\n  req F-2.3:\n    when: user renames a column\n    then: column.name updated immediately via Obj.update\n\n  req F-2.4:\n    when: user deletes a column\n    then: Column removed from pipeline.columns; associated ViewModel ECHO object removed from db\n\n  req F-2.5:\n    when: user drags a column to a new position\n    then: pipeline.columns reordered via arrayMove\n```\n\n```mdl\nfeat F-3: Column Query\n\n  req F-3.1:\n    when: user changes the query in ViewEditor\n    then: column.view.query.ast updated; column.view.projection updated to match new schema\n\n  req F-3.2:\n    when: query targets a feed (queue DXN)\n    then: Query.from({ feeds: [queue] }) applied; items ordered newest-first\n\n  req F-3.3:\n    when: query targets the space directly\n    then: items ordered by ECHO insertion order\n```\n\n```mdl\nfeat F-4: Drag and Drop\n\n  req F-4.1:\n    when: user drags a Column tile\n    then: pipeline.columns reordered; change persisted via Obj.update\n\n  req F-4.2:\n    when: user drags an item between columns\n    then: column.order updated to reflect new position\n    note: The item itself is not moved to a different ECHO location; only the order array changes.\n\n  req F-4.3: Only Pipeline.Column objects are accepted as column drop targets (isColumn guard).\n```\n\n```mdl\nfeat F-5: Research Template\n\n  req F-5.1:\n    when: user creates a pipeline from the \"org-research\" template\n    then: Research pipeline created with Mailbox, Contacts, Organizations, and Notes columns\n\n  req F-5.2: Template creation fails gracefully when no Mailbox exists in the database.\n```\n\n```mdl\nfeat F-6: Invocation Companion\n\n  req F-6.1:\n    when: Pipeline article is open\n    then: \"Invocations\" companion tab shows InvocationTraceContainer for the pipeline's database\n\n  req F-6.2:\n    when: Pipeline article is open\n    then: \"Automation\" companion tab is available for wiring pipeline automation\n```\n\n## Acceptance\n\n```mdl\ntest T-1: New pipeline is empty\n  given: user creates a Pipeline article\n  then:\n    - pipeline.columns is empty\n    - pipeline appears in the space object list\n```\n\n```mdl\ntest T-2: Add column\n  given: an open Pipeline with no columns\n  when: user clicks \"+\" in PipelineProperties\n  then:\n    - pipeline.columns.length === 1\n    - new column has name === \"\"\n    - new column.view references a ViewModel with Filter.nothing() query\n```\n\n```mdl\ntest T-3: Rename column\n  given: a pipeline with one column named \"Inbox\"\n  when: user types \"Email\" in the column name field\n  then: pipeline.columns[0].name === \"Email\"\n```\n\n```mdl\ntest T-4: Delete column\n  given: a pipeline with one column\n  when: user deletes the column\n  then:\n    - pipeline.columns is empty\n    - associated ViewModel ECHO object no longer exists in db\n```\n\n```mdl\ntest T-5: Research template\n  given: a space with an existing Mailbox\n  when: user creates pipeline from \"org-research\" template\n  then:\n    - pipeline.columns.length === 4\n    - column names are \"Mailbox\", \"Contacts\", \"Organizations\", \"Notes\"\n```\n\n```mdl\ntest T-6: Research template missing mailbox\n  given: a space with no Mailbox\n  when: createResearchProject is called\n  then: returns null\n```\n\n---\n\n## Appendix: Extension Definitions\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap\n    literals?: UnionList\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap\n    state?: FieldMap\n    slots?: FieldMap\n    actions?: ActionMap\n    emits?: EventMap\n    layout?: CodeBlock\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: A named operation with typed inputs, outputs, and declared effects.\n  fields:\n    desc?: Prose\n    input?: FieldMap\n    output?: TypeExpr\n    errors?: ErrorMap\n    effects?: EffectList\n    requires?: ServiceList\n    note?: Prose\n```\n"],
-  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AAEzB,SAASC,iBAAiBC,cAAcC,oBAAoB;AAC5D,SAASC,YAAY;AACrB,SAASC,oBAAoB;;;ACV7B;;;ADeO,IAAMC,iBAAiBC,OAAOC,OAAOC,IAAAA,EAAMC,KAChDC,UAAUC,kBAAkB;EAAEC,UAAUC;AAAgB,CAAA,GACxDH,UAAUI,sBAAsB;EAAEF,UAAUG;AAAa,CAAA,GACzDL,UAAUM,gBAAgB;EAAEC,QAAQ;IAACC,SAASA;;AAAU,CAAA,GACxDR,UAAUS,iBAAiB;EAAEP,UAAUQ;AAAa,CAAA,GACpDV,UAAUW,sBAAsB;EAAEC;AAAa,CAAA,GAC/CZ,UAAUa,qBAAqB;EAC7BC,OAAO;IAAEC,UAAUjB,KAAKkB;IAAIC,MAAM;IAAcC,SAASC;IAAYC,UAAU;EAAoB;AACrG,CAAA,GACAxB,OAAOyB,IAAI;AAGb,IAAA,yBAAe1B;",
-  "names": ["Plugin", "AppPlugin", "Pipeline", "AppGraphBuilder", "CreateObject", "ReactSurface", "meta", "translations", "PipelinePlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addAppGraphModule", "activate", "AppGraphBuilder", "addCreateObjectModule", "CreateObject", "addSchemaModule", "schema", "Pipeline", "addSurfaceModule", "ReactSurface", "addTranslationsModule", "translations", "addPluginAssetModule", "asset", "pluginId", "id", "path", "content", "pluginSpec", "mimeType", "make"]
+  "sources": ["../../../src/PipelinePlugin.tsx", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-pipeline/PLUGIN.mdl"],
+  "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, NavigationResolver, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\n\n// eslint-disable-next-line import/no-relative-packages\nimport pluginSpec from '../PLUGIN.mdl?raw';\n\nexport const PipelinePlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addNavigationResolverModule({ activate: NavigationResolver }),\n  AppPlugin.addSchemaModule({ schema: [Pipeline.Pipeline] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  AppPlugin.addPluginAssetModule({\n    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },\n  }),\n  Plugin.make,\n);\n\nexport default PipelinePlugin;\n", "---\nid: org.dxos.plugin.pipeline\nname: PipelinePlugin\nversion: 0.1.0\n---\n\nA multi-column Kanban-style pipeline plugin for DXOS Composer.\nEach Pipeline holds an ordered list of Columns; each Column is backed by a ViewModel\nwhose query selects any ECHO object type from the space.\nObjects can be dragged between columns and the pipeline state persists collaboratively via ECHO.\n\n## Extensions\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`       |\n| `feat`      | `org.dxos.mdl.feat@1.0`       |\n| `test`      | `org.dxos.mdl.test@1.0`       |\n| `component` | `org.dxos.mdl.component@1.0`  |\n| `op`        | `org.dxos.mdl.op@1.0`         |\n\n## Types\n\n```mdl\ntype Pipeline\n  desc: Root ECHO object (typename org.dxos.type.pipeline). Holds the ordered set of columns.\n  echo-type: Pipeline.Pipeline\n  fields:\n    name?: string\n    description?: string\n    image?: URL\n    columns: Column[]\n  invariants:\n    - columns maintain insertion order\n    - columns array is not exposed in generated forms (FormInputAnnotation = false)\n```\n\n```mdl\ntype Column\n  desc: One lane of the pipeline. Backed by a ViewModel whose query determines which objects appear.\n  echo-type: Pipeline.Column\n  fields:\n    name: string\n    view: Ref<View.View>   # ViewModel containing query AST + JSON schema projection\n    order: string[]        # explicit ordering of item ids within this column\n  invariants:\n    - view is a Ref to a ViewModel ECHO object stored in the same space\n    - order array tracks drag-reordering; items not in order appear after ordered items\n```\n\n```mdl\ntype ViewModel\n  desc: Runtime ECHO object that holds a QueryAST and JSON schema projection for a Column.\n  fields:\n    query: { ast: QueryAST }\n    projection: ProjectionSchema\n    jsonSchema: JsonSchema\n```\n\n## Components\n\n```mdl\ncomponent PipelineArticle\n  desc: Full-canvas article surface rendered for a Pipeline object.\n  props:\n    role: string\n    subject: Pipeline.Pipeline\n    attendableId?: string\n  state:\n    model: BoardModel<Pipeline.Column, Obj.Unknown>\n  slots:\n    toolbar: PipelineComponent.Toolbar\n    content: PipelineComponent.Columns\n  actions:\n    addColumn() \u2192 void   # opens Settings companion panel\n```\n\n```mdl\ncomponent PipelineComponent\n  desc: Composable component set that renders the Kanban board.\n  sub-components:\n    Root      # context provider for Item renderer and onAddColumn callback\n    Content   # wraps Board.Root with the board model\n    Columns   # renders Board.Content with PipelineColumn tiles; handles drag-drop via useEventHandlerAdapter\n    Toolbar   # single \"+\" IconButton gated by attention; triggers onAddColumn\n```\n\n```mdl\ncomponent PipelineProperties\n  desc: Settings companion panel for managing pipeline columns.\n  props:\n    pipeline: Pipeline.Pipeline\n  state:\n    columns: Pipeline.Column[]\n    expandedId?: string   # id of the currently expanded column editor\n  actions:\n    addColumn() \u2192 void\n    deleteColumn(column) \u2192 void\n    renameColumn(column, name) \u2192 void\n    moveColumn(from, to) \u2192 void\n    setQuery(column, query, target?) \u2192 void\n  layout: |\n    \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n    \u2502 \"Views\" heading                  \u2502\n    \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n    \u2502 List of Column rows              \u2502\n    \u2502   drag handle | name | delete |  \u2502\n    \u2502   [expanded: Form + ViewEditor]  \u2502\n    \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n    \u2502 \"+\" add-column button            \u2502\n    \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n```\n\n## Operations\n\n```mdl\nop createPipeline\n  desc: Creates a new Pipeline ECHO object and adds it to the target space.\n  input:\n    name?: string\n    target?: Space\n    targetNodeId?: string\n  output: Pipeline.Pipeline\n  effects: [echo:write]\n  note: Delegates to SpaceOperation.AddObject with hidden=true.\n```\n\n```mdl\nop createResearchProject\n  desc: Built-in template that scaffolds a Research pipeline with Mailbox, Contacts, Organizations, and Notes columns.\n  input:\n    db: Database.Database\n    name?: string\n  output: Pipeline.Pipeline\n  effects: [echo:write, echo:read]\n  note: |\n    Requires an existing Mailbox object in the database.\n    Returns null when no mailbox is found.\n    Creates four ViewModel columns: Mailbox messages, Person contacts,\n    Organization contacts, and Markdown documents.\n```\n\n## Features\n\n```mdl\nfeat F-1: Create Pipeline\n\n  req F-1.1: A new Pipeline is created with an empty columns array.\n  req F-1.2: The Pipeline is added to the active space via SpaceOperation.AddObject (hidden=true).\n  req F-1.3: The Pipeline appears as an article in Composer.\n  req F-1.4: Graph companions \"Invocations\" and \"Automation\" are added to the pipeline node.\n```\n\n```mdl\nfeat F-2: Manage Columns\n\n  req F-2.1:\n    when: user clicks \"+\" in the pipeline toolbar\n    then: Settings companion panel opens\n\n  req F-2.2:\n    when: user clicks \"+\" in PipelineProperties\n    then: a new Column is appended with an empty ViewModel and a Filter.nothing() query\n\n  req F-2.3:\n    when: user renames a column\n    then: column.name updated immediately via Obj.update\n\n  req F-2.4:\n    when: user deletes a column\n    then: Column removed from pipeline.columns; associated ViewModel ECHO object removed from db\n\n  req F-2.5:\n    when: user drags a column to a new position\n    then: pipeline.columns reordered via arrayMove\n```\n\n```mdl\nfeat F-3: Column Query\n\n  req F-3.1:\n    when: user changes the query in ViewEditor\n    then: column.view.query.ast updated; column.view.projection updated to match new schema\n\n  req F-3.2:\n    when: query targets a feed (queue DXN)\n    then: Query.from({ feeds: [queue] }) applied; items ordered newest-first\n\n  req F-3.3:\n    when: query targets the space directly\n    then: items ordered by ECHO insertion order\n```\n\n```mdl\nfeat F-4: Drag and Drop\n\n  req F-4.1:\n    when: user drags a Column tile\n    then: pipeline.columns reordered; change persisted via Obj.update\n\n  req F-4.2:\n    when: user drags an item between columns\n    then: column.order updated to reflect new position\n    note: The item itself is not moved to a different ECHO location; only the order array changes.\n\n  req F-4.3: Only Pipeline.Column objects are accepted as column drop targets (isColumn guard).\n```\n\n```mdl\nfeat F-5: Research Template\n\n  req F-5.1:\n    when: user creates a pipeline from the \"org-research\" template\n    then: Research pipeline created with Mailbox, Contacts, Organizations, and Notes columns\n\n  req F-5.2: Template creation fails gracefully when no Mailbox exists in the database.\n```\n\n```mdl\nfeat F-6: Invocation Companion\n\n  req F-6.1:\n    when: Pipeline article is open\n    then: \"Invocations\" companion tab shows InvocationTraceContainer for the pipeline's database\n\n  req F-6.2:\n    when: Pipeline article is open\n    then: \"Automation\" companion tab is available for wiring pipeline automation\n```\n\n## Acceptance\n\n```mdl\ntest T-1: New pipeline is empty\n  given: user creates a Pipeline article\n  then:\n    - pipeline.columns is empty\n    - pipeline appears in the space object list\n```\n\n```mdl\ntest T-2: Add column\n  given: an open Pipeline with no columns\n  when: user clicks \"+\" in PipelineProperties\n  then:\n    - pipeline.columns.length === 1\n    - new column has name === \"\"\n    - new column.view references a ViewModel with Filter.nothing() query\n```\n\n```mdl\ntest T-3: Rename column\n  given: a pipeline with one column named \"Inbox\"\n  when: user types \"Email\" in the column name field\n  then: pipeline.columns[0].name === \"Email\"\n```\n\n```mdl\ntest T-4: Delete column\n  given: a pipeline with one column\n  when: user deletes the column\n  then:\n    - pipeline.columns is empty\n    - associated ViewModel ECHO object no longer exists in db\n```\n\n```mdl\ntest T-5: Research template\n  given: a space with an existing Mailbox\n  when: user creates pipeline from \"org-research\" template\n  then:\n    - pipeline.columns.length === 4\n    - column names are \"Mailbox\", \"Contacts\", \"Organizations\", \"Notes\"\n```\n\n```mdl\ntest T-6: Research template missing mailbox\n  given: a space with no Mailbox\n  when: createResearchProject is called\n  then: returns null\n```\n\n---\n\n## Appendix: Extension Definitions\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap\n    literals?: UnionList\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap\n    state?: FieldMap\n    slots?: FieldMap\n    actions?: ActionMap\n    emits?: EventMap\n    layout?: CodeBlock\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: A named operation with typed inputs, outputs, and declared effects.\n  fields:\n    desc?: Prose\n    input?: FieldMap\n    output?: TypeExpr\n    errors?: ErrorMap\n    effects?: EffectList\n    requires?: ServiceList\n    note?: Prose\n```\n"],
+  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AAEzB,SAASC,iBAAiBC,cAAcC,oBAAoBC,oBAAoB;AAChF,SAASC,YAAY;AACrB,SAASC,oBAAoB;;;ACV7B;;;ADeO,IAAMC,iBAAiBC,OAAOC,OAAOC,IAAAA,EAAMC,KAChDC,UAAUC,kBAAkB;EAAEC,UAAUC;AAAgB,CAAA,GACxDH,UAAUI,sBAAsB;EAAEF,UAAUG;AAAa,CAAA,GACzDL,UAAUM,4BAA4B;EAAEJ,UAAUK;AAAmB,CAAA,GACrEP,UAAUQ,gBAAgB;EAAEC,QAAQ;IAACC,SAASA;;AAAU,CAAA,GACxDV,UAAUW,iBAAiB;EAAET,UAAUU;AAAa,CAAA,GACpDZ,UAAUa,sBAAsB;EAAEC;AAAa,CAAA,GAC/Cd,UAAUe,qBAAqB;EAC7BC,OAAO;IAAEC,UAAUnB,KAAKoB,QAAQC;IAAKC,MAAM;IAAcC,SAASC;IAAYC,UAAU;EAAoB;AAC9G,CAAA,GACA3B,OAAO4B,IAAI;AAGb,IAAA,yBAAe7B;",
+  "names": ["Plugin", "AppPlugin", "Pipeline", "AppGraphBuilder", "CreateObject", "NavigationResolver", "ReactSurface", "meta", "translations", "PipelinePlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addAppGraphModule", "activate", "AppGraphBuilder", "addCreateObjectModule", "CreateObject", "addNavigationResolverModule", "NavigationResolver", "addSchemaModule", "schema", "Pipeline", "addSurfaceModule", "ReactSurface", "addTranslationsModule", "translations", "addPluginAssetModule", "asset", "pluginId", "profile", "key", "path", "content", "pluginSpec", "mimeType", "make"]
 }

package/dist/lib/neutral/{PipelineProperties-JZQYG2CN.mjs → PipelineProperties-JW7AWWU4.mjs}

@@ -5,19 +5,16 @@ 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 { useAsyncEffect, useTranslation } from "@dxos/react-ui";
+import { FieldHeader, Form, ViewEditor } from "@dxos/react-ui-form";
+import { OrderedList } 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);
+var PipelineProperties = ({ subject: pipeline }) => {
+  const { t } = useTranslation(meta.profile.key);
   const db = Obj.getDatabase(pipeline);
   const [expandedId, setExpandedId] = useState();
   const [columns, updateColumns] = useObject(pipeline, "columns");
@@ -102,9 +99,6 @@ var PipelineProperties = ({ classNames, pipeline }) => {
     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);
@@ -125,11 +119,10 @@ var PipelineProperties = ({ classNames, pipeline }) => {
     if (!db) {
       return;
     }
-    const newView = ViewModel.make({
+    const newView = db.add(ViewModel.make({
       query: Query.select(Filter.nothing()),
       jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({}))
-    });
-    db.add(newView);
+    }));
     updateColumns((columns2) => {
       columns2.push({
         name: "",
@@ -143,43 +136,30 @@ var PipelineProperties = ({ classNames, pipeline }) => {
     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, {
+  return /* @__PURE__ */ React.createElement(Form.Section, null, /* @__PURE__ */ React.createElement(FieldHeader, {
+    label: t("columns.label"),
+    add: {
+      label: t("add-column.label"),
+      onClick: handleAdd
+    }
+  }), /* @__PURE__ */ React.createElement(OrderedList.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, {
+    onMove: handleMove,
+    expandedId,
+    onExpandedChange: setExpandedId
+  }, ({ items }) => /* @__PURE__ */ React.createElement(OrderedList.Content, null, items.map((column2) => /* @__PURE__ */ React.createElement(OrderedList.DetailItem, {
     key: column2.view.uri,
+    id: 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, {
+    title: column2.name || t("untitled-column.title"),
+    trailing: /* @__PURE__ */ React.createElement(OrderedList.DeleteButton, {
+      label: t("delete-column.label"),
+      onClick: () => handleDelete(column2),
+      "data-testid": "column.delete"
+    })
+  }, column2.view.target && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form.Root, {
     schema: ColumnFormSchema,
     values: column2,
     onValuesChanged: handleColumnValuesChanged(column2)
@@ -194,16 +174,9 @@ var PipelineProperties = ({ classNames, pipeline }) => {
     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
+//# sourceMappingURL=PipelineProperties-JW7AWWU4.mjs.map

package/dist/lib/neutral/PipelineProperties-JW7AWWU4.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 { AppSurface, 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 { useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { FieldHeader, Form, ViewEditor } from '@dxos/react-ui-form';\nimport { OrderedList } from '@dxos/react-ui-list';\nimport { type ProjectionModel, ViewModel } from '@dxos/schema';\nimport { Pipeline } from '@dxos/types';\nimport { arrayMove } from '@dxos/util';\n\nimport { meta } from '#meta';\n\nconst ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick('name'));\n\nexport type PipelinePropertiesProps = AppSurface.ObjectPropertiesProps<Pipeline.Pipeline>;\n\n/**\n * Supports editing the pipeline view.\n */\nexport const PipelineProperties = ({ subject: pipeline }: PipelinePropertiesProps) => {\n  const { t } = useTranslation(meta.profile.key);\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 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\n    const newView = db.add(\n      ViewModel.make({\n        query: Query.select(Filter.nothing()),\n        jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({})),\n      }),\n    );\n\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    <Form.Section>\n      <FieldHeader label={t('columns.label')} add={{ label: t('add-column.label'), onClick: handleAdd }} />\n      <OrderedList.Root<Pipeline.Column>\n        items={columns}\n        isItem={Schema.is(Pipeline.Column)}\n        getId={(column) => column.view.uri}\n        onMove={handleMove}\n        expandedId={expandedId}\n        onExpandedChange={setExpandedId}\n      >\n        {({ items }) => (\n          <OrderedList.Content>\n            {items.map((column) => (\n              <OrderedList.DetailItem<Pipeline.Column>\n                key={column.view.uri}\n                id={column.view.uri}\n                item={column}\n                title={column.name || t('untitled-column.title')}\n                trailing={\n                  <OrderedList.DeleteButton\n                    label={t('delete-column.label')}\n                    onClick={() => handleDelete(column)}\n                    data-testid='column.delete'\n                  />\n                }\n              >\n                {column.view.target && (\n                  <>\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                  </>\n                )}\n              </OrderedList.DetailItem>\n            ))}\n          </OrderedList.Content>\n        )}\n      </OrderedList.Root>\n    </Form.Section>\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", "useAsyncEffect", "useTranslation", "FieldHeader", "Form", "ViewEditor", "OrderedList", "ViewModel", "Pipeline", "arrayMove", "meta", "ColumnFormSchema", "Column", "pipe", "mutable", "pick", "PipelineProperties", "subject", "pipeline", "t", "profile", "key", "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", "handleDelete", "undefined", "index", "l", "viewToRemove", "load", "splice", "remove", "handleAdd", "add", "select", "nothing", "toJsonSchema", "Struct", "push", "order", "id", "Section", "label", "onClick", "Root", "items", "isItem", "is", "getId", "onMove", "onExpandedChange", "Content", "map", "DetailItem", "item", "title", "trailing", "DeleteButton", "data-testid", "schema", "values", "onValuesChanged", "FieldSet", "ref", "mode", "readonly", "registry", "graph", "onQueryChanged"]
+}

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

@@ -0,0 +1,81 @@
+import {
+  getPipelinesPath
+} from "./chunk-OF66INHQ.mjs";
+
+// src/capabilities/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, AppNode, TypeSection } from "@dxos/app-toolkit";
+import { isSpace } from "@dxos/client/echo";
+import { Operation } from "@dxos/compute";
+import { Type } from "@dxos/echo";
+import { GraphBuilder, Node } from "@dxos/plugin-graph";
+import { SpaceOperation } from "@dxos/plugin-space";
+import { Pipeline } from "@dxos/types";
+import { meta } from "#meta";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const extensions = yield* Effect.all([
+    TypeSection.createTypeSectionExtension(Pipeline.Pipeline),
+    GraphBuilder.createExtension({
+      id: "pipelinesSectionActions",
+      match: (node) => {
+        const space = isSpace(node.properties.space) ? node.properties.space : void 0;
+        return node.type === Type.getTypename(Pipeline.Pipeline) && space ? Option.some(space) : Option.none();
+      },
+      actions: (space) => Effect.succeed([
+        Node.makeAction({
+          id: "create-pipeline",
+          data: () => Operation.invoke(SpaceOperation.OpenCreateObject, {
+            target: space.db,
+            typename: Type.getTypename(Pipeline.Pipeline),
+            targetNodeId: getPipelinesPath(space.db.spaceId)
+          }),
+          properties: {
+            label: [
+              "add-object.label",
+              {
+                ns: Type.getTypename(Pipeline.Pipeline)
+              }
+            ],
+            icon: "ph--plus--regular",
+            disposition: "list-item-primary"
+          }
+        })
+      ])
+    }),
+    GraphBuilder.createTypeExtension({
+      id: "triggers",
+      type: Pipeline.Pipeline,
+      connector: () => Effect.succeed([
+        AppNode.makeCompanion({
+          id: "invocations",
+          label: [
+            "pipeline-invocations.label",
+            {
+              ns: meta.profile.key
+            }
+          ],
+          icon: "ph--clock-countdown--regular",
+          data: "invocations"
+        }),
+        AppNode.makeCompanion({
+          id: "automation",
+          label: [
+            "pipeline-automation.label",
+            {
+              ns: meta.profile.key
+            }
+          ],
+          icon: "ph--lightning--regular",
+          data: "automation"
+        })
+      ])
+    })
+  ]);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-DULKWFOE.mjs.map

package/dist/lib/neutral/app-graph-builder-DULKWFOE.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';\nimport * as Option from 'effect/Option';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities, AppNode, TypeSection } from '@dxos/app-toolkit';\nimport { isSpace } from '@dxos/client/echo';\nimport { Operation } from '@dxos/compute';\nimport { Type } from '@dxos/echo';\nimport { GraphBuilder, Node } from '@dxos/plugin-graph';\nimport { SpaceOperation } from '@dxos/plugin-space';\nimport { Pipeline } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nimport { getPipelinesPath } from '../paths';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* Effect.all([\n      TypeSection.createTypeSectionExtension(Pipeline.Pipeline),\n\n      GraphBuilder.createExtension({\n        id: 'pipelinesSectionActions',\n        match: (node) => {\n          const space = isSpace(node.properties.space) ? node.properties.space : undefined;\n          return node.type === Type.getTypename(Pipeline.Pipeline) && space ? Option.some(space) : Option.none();\n        },\n        actions: (space) =>\n          Effect.succeed([\n            Node.makeAction({\n              id: 'create-pipeline',\n              data: () =>\n                Operation.invoke(SpaceOperation.OpenCreateObject, {\n                  target: space.db,\n                  typename: Type.getTypename(Pipeline.Pipeline),\n                  targetNodeId: getPipelinesPath(space.db.spaceId),\n                }),\n              properties: {\n                label: ['add-object.label', { ns: Type.getTypename(Pipeline.Pipeline) }],\n                icon: 'ph--plus--regular',\n                disposition: 'list-item-primary',\n              },\n            }),\n          ]),\n      }),\n\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.profile.key }],\n              icon: 'ph--clock-countdown--regular',\n              data: 'invocations',\n            }),\n            AppNode.makeCompanion({\n              id: 'automation',\n              label: ['pipeline-automation.label', { ns: meta.profile.key }],\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;AACxB,YAAYC,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiBC,SAASC,mBAAmB;AACtD,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAC1B,SAASC,YAAY;AACrB,SAASC,cAAcC,YAAY;AACnC,SAASC,sBAAsB;AAC/B,SAASC,gBAAgB;AAEzB,SAASC,YAAY;AAIrB,IAAA,4BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAcC,WAAI;IACnCC,YAAYC,2BAA2BC,SAASA,QAAQ;IAExDC,aAAaC,gBAAgB;MAC3BC,IAAI;MACJC,OAAO,CAACC,SAAAA;AACN,cAAMC,QAAQC,QAAQF,KAAKG,WAAWF,KAAK,IAAID,KAAKG,WAAWF,QAAQG;AACvE,eAAOJ,KAAKK,SAASC,KAAKC,YAAYZ,SAASA,QAAQ,KAAKM,QAAeO,YAAKP,KAAAA,IAAgBQ,YAAI;MACtG;MACAC,SAAS,CAACT,UACDU,eAAQ;QACbC,KAAKC,WAAW;UACdf,IAAI;UACJgB,MAAM,MACJC,UAAUC,OAAOC,eAAeC,kBAAkB;YAChDC,QAAQlB,MAAMmB;YACdC,UAAUf,KAAKC,YAAYZ,SAASA,QAAQ;YAC5C2B,cAAcC,iBAAiBtB,MAAMmB,GAAGI,OAAO;UACjD,CAAA;UACFrB,YAAY;YACVsB,OAAO;cAAC;cAAoB;gBAAEC,IAAIpB,KAAKC,YAAYZ,SAASA,QAAQ;cAAE;;YACtEgC,MAAM;YACNC,aAAa;UACf;QACF,CAAA;OACD;IACL,CAAA;IAEAhC,aAAaiC,oBAAoB;MAC/B/B,IAAI;MACJO,MAAMV,SAASA;MACfmC,WAAW,MACFnB,eAAQ;QACboB,QAAQC,cAAc;UACpBlC,IAAI;UACJ2B,OAAO;YAAC;YAA8B;cAAEC,IAAIO,KAAKC,QAAQC;YAAI;;UAC7DR,MAAM;UACNb,MAAM;QACR,CAAA;QACAiB,QAAQC,cAAc;UACpBlC,IAAI;UACJ2B,OAAO;YAAC;YAA6B;cAAEC,IAAIO,KAAKC,QAAQC;YAAI;;UAC5DR,MAAM;UACNb,MAAM;QACR,CAAA;OACD;IACL,CAAA;GACD;AAED,SAAO1B,WAAWgD,YAAYC,gBAAgBC,iBAAiB/C,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Option", "Capability", "AppCapabilities", "AppNode", "TypeSection", "isSpace", "Operation", "Type", "GraphBuilder", "Node", "SpaceOperation", "Pipeline", "meta", "Capability", "makeModule", "fnUntraced", "extensions", "all", "TypeSection", "createTypeSectionExtension", "Pipeline", "GraphBuilder", "createExtension", "id", "match", "node", "space", "isSpace", "properties", "undefined", "type", "Type", "getTypename", "some", "none", "actions", "succeed", "Node", "makeAction", "data", "Operation", "invoke", "SpaceOperation", "OpenCreateObject", "target", "db", "typename", "targetNodeId", "getPipelinesPath", "spaceId", "label", "ns", "icon", "disposition", "createTypeExtension", "connector", "AppNode", "makeCompanion", "meta", "profile", "key", "contributes", "AppCapabilities", "AppGraphBuilder"]
+}

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

@@ -1,11 +1,13 @@
 // 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"));
+var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("../app-graph-builder-DULKWFOE.mjs"));
+var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-VIRI2DY5.mjs"));
+var NavigationResolver = Capability.lazy("NavigationResolver", () => import("../navigation-resolver-PB6XKEAG.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-U7OOZHUQ.mjs"));
 export {
   AppGraphBuilder,
   CreateObject,
+  NavigationResolver,
   ReactSurface
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1,7 +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"]
+  "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 NavigationResolver = Capability.lazy('NavigationResolver', () => import('./navigation-resolver'));\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,qBAAqBJ,WAAWE,KAAK,sBAAsB,MAAM,OAAO,qCAAA,CAAA;AAC9E,IAAMG,eAAeL,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;",
+  "names": ["Capability", "AppGraphBuilder", "lazy", "CreateObject", "NavigationResolver", "ReactSurface"]
 }

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

@@ -0,0 +1,9 @@
+// src/paths.ts
+import { Paths } from "@dxos/app-toolkit";
+import { Pipeline } from "@dxos/types";
+var { getSectionPath: getPipelinesPath, getObjectPath: getPipelinePath } = Paths.createTypeSectionPaths(Pipeline.Pipeline);
+
+export {
+  getPipelinesPath
+};
+//# sourceMappingURL=chunk-OF66INHQ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/paths.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Paths } from '@dxos/app-toolkit';\nimport { Pipeline } from '@dxos/types';\n\nconst { getSectionPath: getPipelinesPath, getObjectPath: getPipelinePath } = Paths.createTypeSectionPaths(\n  Pipeline.Pipeline,\n);\n\nexport { getPipelinesPath, getPipelinePath };\n"],
+  "mappings": ";AAIA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AAEzB,IAAM,EAAEC,gBAAgBC,kBAAkBC,eAAeC,gBAAe,IAAKL,MAAMM,uBACjFL,SAASA,QAAQ;",
+  "names": ["Paths", "Pipeline", "getSectionPath", "getPipelinesPath", "getObjectPath", "getPipelinePath", "createTypeSectionPaths"]
+}

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

@@ -0,0 +1,44 @@
+// src/meta.ts
+import { Plugin } from "@dxos/app-framework";
+
+// dx.config.ts
+import { Config2 } from "@dxos/app-framework/config";
+import { trim } from "@dxos/util";
+var dx_config_default = Config2.make({
+  plugin: {
+    key: "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.
+    `,
+    source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-pipeline",
+    icon: {
+      key: "ph--path--regular",
+      hue: "purple"
+    },
+    spec: "PLUGIN.mdl",
+    tags: [
+      "labs"
+    ]
+  }
+});
+
+// src/meta.ts
+var meta = Plugin.getMetaFromConfig(dx_config_default);
+
+export {
+  meta
+};
+//# sourceMappingURL=chunk-RHSONY5F.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts", "../../../dx.config.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport config from '../dx.config';\n\nexport const meta = Plugin.getMetaFromConfig(config);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Config2 } from '@dxos/app-framework/config';\nimport { trim } from '@dxos/util';\n\nexport default Config2.make({\n  plugin: {\n    key: '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    source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-pipeline',\n    icon: { key: 'ph--path--regular', hue: 'purple' },\n    spec: 'PLUGIN.mdl',\n    tags: ['labs'],\n  },\n});\n"],
+  "mappings": ";AAIA,SAASA,cAAc;;;ACAvB,SAASC,eAAe;AACxB,SAASC,YAAY;AAErB,IAAA,oBAAeD,QAAQE,KAAK;EAC1BC,QAAQ;IACNC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,aAAaN;;;;;;;;;;;;;;IAcbO,QAAQ;IACRC,MAAM;MAAEL,KAAK;MAAqBM,KAAK;IAAS;IAChDC,MAAM;IACNC,MAAM;MAAC;;EACT;AACF,CAAA;;;ADvBO,IAAMC,OAAOC,OAAOC,kBAAkBC,iBAAAA;",
+  "names": ["Plugin", "Config2", "trim", "make", "plugin", "key", "name", "author", "description", "source", "icon", "hue", "spec", "tags", "meta", "Plugin", "getMetaFromConfig", "config"]
+}

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

@@ -4,8 +4,8 @@ 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 { Panel, useAsyncEffect, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Card, Icon, IconButton } 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";
@@ -63,7 +63,7 @@ var PipelineColumns = composable(({ pipeline, ...props }) => {
 PipelineColumns.displayName = PIPELINE_COLUMNS_NAME;
 var PIPELINE_TOOLBAR_NAME = "Pipeline.Toolbar";
 var PipelineToolbar = composable(({ children, ...props }, forwardedRef) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);
   return /* @__PURE__ */ React.createElement(Toolbar.Root, {
     ...composableProps(props),
@@ -86,7 +86,7 @@ var PipelineComponent = {
 // src/components/PipelineComponent/PipelineColumn.tsx
 var PIPELINE_COLUMN_NAME = "PipelineColumn";
 var PipelineColumn = ({ data: column, location, classNames, debug }) => {
-  const { t } = useTranslation2(meta2.id);
+  const { t } = useTranslation2(meta2.profile.key);
   const [dragHandle, setDragHandle] = useState(null);
   const [viewSnapshot] = useObject(column.view);
   const view = column.view.target;
@@ -153,7 +153,7 @@ var PipelineColumn = ({ data: column, location, classNames, debug }) => {
     asChild: true
   }, /* @__PURE__ */ React2.createElement(Board2.Column.Header, {
     classNames: "_opacity-10",
-    label: column.name || t("untitled-view.title"),
+    label: column.name || t("untitled-column.title"),
     dragHandleRef: setDragHandle
   })), /* @__PURE__ */ React2.createElement(Panel.Content, {
     asChild: true
@@ -180,13 +180,15 @@ var ItemTile = /* @__PURE__ */ forwardRef(({ classNames, data, location, debug,
   }, /* @__PURE__ */ React2.createElement(Card.Root, {
     classNames,
     ref: composedRef
-  }, /* @__PURE__ */ React2.createElement(Card.Header, null, /* @__PURE__ */ React2.createElement(Card.Icon, {
+  }, /* @__PURE__ */ React2.createElement(Card.Header, null, /* @__PURE__ */ React2.createElement(Card.Block, null, /* @__PURE__ */ React2.createElement(Icon, {
     icon
-  }), /* @__PURE__ */ React2.createElement(Card.Title, null, Obj2.getLabel(data, {
+  })), /* @__PURE__ */ React2.createElement(Card.Title, null, Obj2.getLabel(data, {
     fallback: "typename"
-  })), /* @__PURE__ */ React2.createElement(Card.IconBlock, null, /* @__PURE__ */ React2.createElement(Menu.Trigger, {
+  })), /* @__PURE__ */ React2.createElement(Card.Block, {
+    end: true
+  }, /* @__PURE__ */ React2.createElement(Menu.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ React2.createElement(Toolbar2.IconButton, {
+  }, /* @__PURE__ */ React2.createElement(IconButton, {
     iconOnly: true,
     variant: "ghost",
     icon: "ph--dots-three-vertical--regular",